/* Shared discoverability and reading layouts. All substantive content is static HTML. */
.header,.hero-content{animation:none}
.film-preview{display:flex;position:relative;aspect-ratio:16/9;align-items:center;justify-content:center;border:1px solid var(--line);overflow:hidden;background:#101416}.film-preview img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;opacity:.35}.film-preview span{position:relative;padding:18px;background:#080a0be8;color:var(--gold);font-size:14px}.film-preview:hover span{background:#26271d}
.guide-page .header{position:relative;background:#080a0b}.header [aria-current=page]{color:var(--gold)}
.header nav{gap:28px}footer nav{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#b9bdba;max-width:620px}footer{flex-wrap:wrap}
.guide-wrap{max-width:1080px;margin:0 auto;padding:55px 7% 95px}.guide-wrap h1{font-size:clamp(40px,5vw,68px);line-height:1.12;letter-spacing:-2px;margin:30px 0 24px}.guide-wrap h2{font-size:clamp(25px,3vw,35px);letter-spacing:-1px;line-height:1.25}.guide-wrap h3{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.3px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin:0 0 45px}.breadcrumbs a,.byline a,.guide-body a,.contents a,.guide-wrap figcaption a,.architecture-reading a{color:var(--gold);text-decoration:underline;text-decoration-color:#dac08a50;text-underline-offset:4px}.byline{font-size:12px;line-height:1.8;color:var(--muted)}.answer-lead{border-left:2px solid var(--gold);padding:5px 0 5px 23px;margin:30px 0}.answer-lead p{font-size:19px;line-height:1.75;color:#e0e2db;margin:0}
.contents{padding:25px 30px;border:1px solid var(--line);margin:30px 0 38px;background:#11171a}.contents h2{font:12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:1px}.contents ul{columns:2;padding-left:18px;margin-bottom:0}.contents li{padding:0 15px 10px 0;font-size:13px;line-height:1.7;break-inside:avoid}
.guide-figure{margin:30px 0 50px;border:1px solid var(--line);background:#0b1115}.guide-figure img{width:100%;height:auto;max-height:600px;object-fit:contain;display:block}.guide-figure figcaption{font-size:12px;line-height:1.7;color:var(--muted);padding:15px 20px}
.guide-body section{margin:50px 0;scroll-margin-top:30px}.guide-body p,.guide-body li{font-size:16px;line-height:1.85;color:#bac0bf}.guide-body li{padding:0 0 10px 4px}.page-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin:30px 0}.guide-body .button{color:#171712;text-decoration:none}.guide-body .text-link{color:var(--gold)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.feature-grid article{border-top:1px solid var(--line)}.feature-grid h3{font-size:19px}.feature-grid p{font-size:14px}.direct-answer{padding:16px 0;border-top:1px solid var(--line)}.direct-answer h3{margin:10px 0}.direct-answer p{margin:10px 0}
.table-scroll{overflow-x:auto;border:1px solid var(--line);margin:28px 0}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}caption{text-align:left;padding:18px;color:var(--gold);font-weight:600}th,td{border-top:1px solid var(--line);padding:16px;text-align:left;vertical-align:top}th{color:#e5d9bc}td{color:#bac0bf}code{overflow-wrap:anywhere;color:var(--gold)}
.related{margin-top:65px;border-top:1px solid var(--line);padding-top:35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.related-grid>a{display:flex;flex-direction:column;gap:15px;padding:24px;border:1px solid var(--line);background:#11171a}.related-grid strong{font-size:18px;font-weight:500;color:var(--gold)}.related-grid span{font-size:14px;line-height:1.8;color:#b9bfbd}.related-grid a:hover{border-color:var(--gold)}.home-guides .section-intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:660px;margin-top:24px}.architecture-reading{margin:0 7%;padding:32px;border:1px solid var(--line)}.architecture-reading h2{font-size:26px;letter-spacing:-1px}.architecture-reading p{font-size:14px;line-height:2}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}
@media(max-width:800px){.header nav{gap:15px}.feature-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.contents ul{columns:1}.guide-wrap{padding-top:32px}.architecture-reading{padding:24px}.home-guides .related-grid{grid-template-columns:1fr}}
@media(max-width:540px){.header nav{gap:14px;font-size:11px}.header nav [data-nav=about]{display:none}.guide-wrap h1{font-size:38px;letter-spacing:-1.2px}.answer-lead p{font-size:17px}.guide-body p,.guide-body li{font-size:15px}.contents{padding:22px}.guide-wrap{padding-inline:7%}.page-actions{gap:22px}.guide-wrap .button{gap:15px;padding:17px;font-size:12px}footer nav{gap:16px}th,td{padding:12px}.breadcrumbs{font-size:11px;margin-bottom:35px}}