/* Existing shared width/safe-area utilities. Page-specific compositions remain local. */
@media (min-width: 701px) and (max-width: 1399px) {
body :is(.detail-grid, .case-grid, .career-container, .insights-container, .insight-container, .job-container, .work-inner):where(.detail-grid, .case-grid, .career-container, .insights-container, .insight-container, .job-container, .work-inner) {
width: calc(100% - 2 * var(--ao-responsive-gutter));
}
body :is(.legal-wide-container, .legal-reading-container):where(.legal-wide-container, .legal-reading-container) {
width: calc(100% - 2 * var(--ao-responsive-gutter));
}

}
@media (max-width: 700px) {
body :is(.detail-grid, .case-grid, .case-intro-inner, .career-container, .insights-container, .insight-container, .job-container, .work-inner, .legal-wide-container, .legal-reading-container):where(.detail-grid, .case-grid, .case-intro-inner, .career-container, .insights-container, .insight-container, .job-container, .work-inner, .legal-wide-container, .legal-reading-container) {
width: calc(100% - 2 * var(--ao-phone-gutter));
}

}