/* Guide template, 8 Sep 2026. Shared by insight articles and long-form guides.
   Hero: two columns, title left, contents card right. Body: sticky contents rail
   plus a measured reading column; tables and exhibits take the full column. */
.guide-hero .gh-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:end;position:relative;z-index:2}
.guide-hero h1{max-width:22ch;font-size:clamp(36px,4.6vw,72px);line-height:1.02}
.gh-card{border:1px solid var(--bdr);background:rgba(255,255,255,.025);padding:clamp(28px,3vw,44px);backdrop-filter:blur(6px)}
.gh-card .eyebrow{display:block;margin-bottom:18px}
.gh-card ol{list-style:none;margin:0;padding:0;counter-reset:gh}
.gh-card ol li{counter-increment:gh;border-top:1px solid var(--bdr);padding:14px 0;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:baseline}
.gh-card ol li::before{content:counter(gh,decimal-leading-zero);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--blue)}
.gh-card ol li a{color:var(--t2);text-decoration:none;font-size:clamp(14px,1vw,15.5px);font-weight:300;line-height:1.4}
.gh-card ol li a:hover{color:var(--t1)}
.gh-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.g-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--bdr);border:1px solid var(--bdr);margin-top:clamp(-40px,-3vw,-24px);position:relative;z-index:3}
.g-facts>div{background:var(--bg,#06060C);padding:clamp(28px,3vw,44px)}
.g-facts .n{font-size:clamp(26px,2.6vw,40px);font-weight:300;letter-spacing:-0.04em;line-height:1;color:var(--t1)}
.g-facts .n i{font-style:normal;font-size:.5em;color:var(--blue);margin-left:6px}
.g-facts .l{margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);line-height:1.6}
.guide-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(48px,6vw,112px);align-items:start;padding-top:clamp(72px,8vw,128px)}
.g-toc{position:sticky;top:110px}
.g-toc .eyebrow{display:block;margin-bottom:14px}
.g-toc ol{list-style:none;margin:0;padding:0;counter-reset:gt}
.g-toc li{counter-increment:gt;border-top:1px solid var(--bdr);padding:9px 0}
.g-toc li a{display:grid;grid-template-columns:28px 1fr;gap:8px;color:var(--t3);text-decoration:none;font-size:13px;font-weight:300;line-height:1.4}
.g-toc li a::before{content:counter(gt,decimal-leading-zero);font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--blue);padding-top:2px}
.g-toc li a:hover,.g-toc li.on a{color:var(--t1)}
.g-toc li.on{border-top-color:var(--blue)}
.g-toc li.on a::before,.gh-card ol li.on::before{color:#fff}
.gh-card ol li.on a{color:var(--t1)}
.g-toc li,.gh-card ol li{transition:border-color .3s var(--ease)}
.g-toc li a,.gh-card ol li a{transition:color .3s var(--ease)}
.g-article.article{max-width:none;min-width:0}
.g-article>p,.g-article>div>p,.g-article>div>ul,.g-article>div>ol,.g-article h2,.g-article h3{max-width:72ch}
.g-article>div{border-top:1px solid var(--bdr);padding-top:clamp(40px,4.5vw,64px);margin-top:clamp(64px,7vw,112px);scroll-margin-top:110px}
.g-article>div>div:first-child{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--blue);margin-bottom:16px}
.g-article h2{margin-top:0}
.g-article>h2[id]{margin-top:1.7em;scroll-margin-top:110px}
.g-article .tblwrap{overflow-x:auto;margin:2.4em 0 1.6em;border:1px solid var(--bdr);background:rgba(255,255,255,.015)}
.g-article table{width:100%;border-collapse:collapse;font-size:clamp(13.5px,1vw,15.5px);color:var(--t2);line-height:1.5;min-width:640px}
.g-article th{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);text-align:left;padding:20px 22px;border-bottom:1px solid var(--bdr);vertical-align:bottom}
.g-article td{padding:20px 22px;border-bottom:1px solid var(--bdr);vertical-align:top;line-height:1.6}
.g-article tr:last-child td{border-bottom:0}
.g-article td:first-child{color:var(--t1);font-weight:400}
.g-article tr.ph td{color:var(--t3);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding-top:20px}
.g-article .note{font-size:13.5px;color:var(--t3);line-height:1.6;max-width:72ch}
.g-article .ctx{border:1px solid var(--bdr);border-left:2px solid var(--blue);padding:clamp(28px,3vw,40px) clamp(28px,3.2vw,44px);margin:2.4em 0;max-width:none;background:rgba(51,102,255,.04)}
.g-article .ctx p{margin-bottom:.7em;max-width:none}
.g-article .ctx p:last-child{margin-bottom:0}
.g-article .g-fig{border:1px solid var(--bdr);padding:clamp(24px,3vw,44px);margin:2.6em 0 2.8em;background:rgba(255,255,255,.012)}
.g-article .g-fig svg{width:100%;height:auto;display:block}
.g-article .g-fig figcaption{margin-top:22px;font-size:13px;color:var(--t3);letter-spacing:.02em;line-height:1.6;max-width:72ch}
@media(max-width:1100px){.guide-body{grid-template-columns:minmax(0,1fr);gap:0}.g-toc{display:none}}
@media(max-width:900px){.guide-hero .gh-grid{grid-template-columns:1fr;gap:28px}.g-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}}
@media(max-width:480px){.g-facts{grid-template-columns:1fr}}
/* Exhibits: drawn models inside guides, house drawing language */
.g-fig svg text{font-family:'Inter Tight',system-ui,sans-serif}
.g-fig .lab{fill:rgba(255,255,255,.42);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.g-fig .lab.on{fill:#fff}
.g-fig .ax{stroke:rgba(255,255,255,.22);stroke-width:1}
.g-fig .gd{stroke:rgba(255,255,255,.09);stroke-width:1}
.g-fig .oth{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.28);stroke-width:1}
.g-fig .oth-l{fill:rgba(255,255,255,.62);font-size:13px;font-weight:300}
.g-fig .us{fill:var(--blue)}
.g-fig .us-s{stroke:var(--blue);stroke-width:1.5;fill:none}
.g-fig .us-f{fill:rgba(51,102,255,.16);stroke:var(--blue);stroke-width:1}
.g-fig .us-l{fill:#fff;font-size:14px;font-weight:300;letter-spacing:-0.01em}
.g-fig .big{fill:#fff;font-size:22px;font-weight:300;letter-spacing:-0.03em}
.g-fig .ttl{fill:rgba(255,255,255,.42);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}

/* Breathing space */
.g-article p{line-height:1.85;margin-bottom:1.3em}
.g-article h2{margin-bottom:.8em}
.g-article h3{margin-top:2em;margin-bottom:.6em}
.g-article ul,.g-article ol{margin:1.2em 0 1.8em 1.2em;line-height:1.8}
.g-article li{margin-bottom:.8em}
.g-article .note{margin-top:0;margin-bottom:1.6em}
.g-article>p.lead-in{font-size:clamp(17px,1.3vw,20px);color:var(--t1);line-height:1.7;margin-bottom:1.6em}
.g-toc li{padding:12px 0}
.diff{padding:clamp(28px,3vw,44px)!important}
/* Section boundaries: explicit room, never inherited */
.guide-body{padding-bottom:clamp(96px,10vw,170px)}
section[data-spine="Questions"]{padding-top:clamp(80px,9vw,150px);padding-bottom:clamp(90px,10vw,160px);border-top:1px solid var(--bdr)}
section[data-spine="Questions"] .eyebrow{display:block;margin-bottom:20px}
section[data-spine="Questions"] h2{margin:0 0 clamp(36px,4vw,60px);font-size:clamp(26px,2.8vw,40px);font-weight:300;letter-spacing:-0.03em;line-height:1.15;max-width:22ch}
section[data-spine="Questions"] .diff h3{font-size:clamp(18px,1.5vw,22px);font-weight:400;letter-spacing:-0.02em;line-height:1.3;margin-bottom:16px}
section[data-spine="Questions"] .diff p{font-size:clamp(14.5px,1.05vw,16px);line-height:1.75;color:var(--t2)}
.g-article .ctx{margin:2.8em 0}
.g-article .tblwrap+.note{margin-top:-.4em}
section[data-spine="Questions"] .diff{display:flex;flex-direction:column;justify-content:flex-start;gap:0}
/* Exhibits outside articles (service pages) */
.svc-fig{padding-top:clamp(64px,7vw,110px)}
.svc-fig .g-fig{border:1px solid var(--bdr);padding:clamp(24px,3vw,44px);margin:0;background:rgba(255,255,255,.012)}
.svc-fig .g-fig svg{width:100%;height:auto;display:block}
.svc-fig .g-fig figcaption{margin-top:22px;font-size:13px;color:var(--t3);letter-spacing:.02em;line-height:1.6;max-width:72ch}
.svc-fig .sh{margin-bottom:clamp(28px,3vw,44px)}