/* 4X question-led editorial composition. Registered brand, body and header remain inherited. */
.fourx{--fourx-gap:24px}
.fourx-reading{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:20px 0;font-size:var(--nova-type-meta-size,15px)}
.fourx-reading a,.fourx-chapters a{display:inline-flex;align-items:center;min-height:44px}
.fourx-chapters{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 0 24px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.fourx-chapters a{padding:6px 0;text-decoration:none}
.fourx-chapters a[aria-current]{color:var(--gold);box-shadow:inset 0 -2px var(--gold)}
.fourx .fourx-intro{display:block;padding:36px 0 32px;max-width:100%}
.fourx .fourx-intro h1{max-width:100%;text-wrap:balance;word-break:keep-all;margin-bottom:24px}
.fourx .nova-exhibit-summary{max-width:78ch}
.fourx .fourx-primary{font-weight:650;max-width:64ch}
.fourx .lede{font-weight:400;max-width:78ch}
.fourx-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-bottom:52px}
.fourx-question{display:flex;flex-direction:column;align-items:start;gap:12px;padding:28px 0;border-top:1px solid var(--line);text-decoration:none}
.fourx-question h2{font-size:inherit;font-weight:650;line-height:1.6;text-wrap:balance;word-break:keep-all;margin:0}
.fourx-question p{font-weight:400;margin:0;max-width:65ch}
.fourx-action{color:var(--gold);font-size:var(--nova-type-meta-size,15px);padding-top:4px}
.fourx-question:hover h2{text-decoration:underline}
.fourx-prose{max-width:80ch;margin:0 0 52px;padding-top:28px;border-top:1px solid var(--line);scroll-margin-top:32px}
.fourx-prose h2{font-size:var(--nova-type-section-size,24px);font-weight:650;line-height:1.5;word-break:keep-all;text-wrap:balance;margin:0 0 20px}
.fourx-prose p{font-weight:400;text-wrap:pretty;overflow-wrap:break-word;margin:0 0 22px}
.fourx-depth{padding:0 20px;border:1px solid var(--line);margin-top:24px}
.fourx-depth summary{font-weight:500;min-height:48px;padding:16px 0;font-size:var(--nova-type-meta-size,15px)}
.fourx-depth[open]>summary{margin-bottom:24px}
.fourx-depth>div{padding-bottom:6px}
.fourx-diagram{margin:0 0 48px;padding:24px;border:1px solid var(--line)}
.fourx-diagram figcaption{font-weight:650;font-size:var(--nova-type-section-size,24px);word-break:keep-all}
.fourx-diagram dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0}
.fourx-diagram dl>div{padding:16px 0;border-top:1px solid var(--line);min-width:0}
.fourx-diagram dt{font-weight:650;color:var(--gold)}
.fourx-diagram dd{margin:8px 0 0;font-weight:400}
.fourx-diagram>p{font-weight:400;margin-bottom:0;max-width:78ch}
.fourx-table{margin:24px 0;max-width:100%;overflow-x:auto}
.fourx-table table{min-width:560px}
.fourx-table th{font-weight:600}
.fourx-table td{font-weight:400}
.fourx a:focus-visible,.fourx summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.fourx .footer{margin-top:32px}
.fourx .contact a{color:var(--navy)!important}
/* Four entrances use two generous columns; each pair shares its semantic rows. */
body[data-ahn-entry="showroom"] main.showroom-hub .hq-modules.lenses.lenses{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.showroom-hub .hq-modules .exhibit-card[href="/4x4/"]{border-top-color:var(--copper)}
@media(max-width:700px){
 .fourx-questions,.fourx-diagram dl{grid-template-columns:1fr}
 .fourx .fourx-intro{padding:24px 0}
 .fourx .fourx-intro h1{max-width:100%}
 .fourx-reading{gap:4px 10px}
 .fourx-chapters{gap:4px 16px}
 .fourx-depth{padding:0 16px}
 .fourx-diagram{padding:20px}
 body[data-ahn-entry="showroom"] main.showroom-hub .hq-modules.lenses.lenses{grid-template-columns:1fr!important}
}