/* Three content tiers across the six routes. Product UI inside demos stays native. */
:root{--type-title:clamp(48px,6.5vw,94px);--type-subtitle:28px;--type-body:16px}
#main :where(h1),#main .scene-copy h2{font-size:var(--type-title);font-weight:400;line-height:1.12;letter-spacing:-.035em}
#main :where(h2,h3,h4){font-size:var(--type-subtitle);font-weight:500;line-height:1.4;letter-spacing:-.02em}
#main .content-chapter :where(p,li,summary),#main.home-page :where(p,li,summary),#main .setup-filename,#main [data-setup-instruction]{font-size:var(--type-body);font-weight:400;line-height:1.75;letter-spacing:normal}
#main .scene-copy p{font-size:var(--type-body);line-height:1.75}
#main .cosmic-copy h1{font-size:clamp(50px,8vw,116px);line-height:1.04;letter-spacing:-.055em}
#main .cosmic-subtitle{font-weight:400}
#main .cosmic-actions,#main .directory-tools,#main .feature-card-position,#main .feature-carousel-controls button,#main .os-switch,#main .guide-steps button,#main .comparison-options button,#main .comparison-options legend,#main .feature-chapters,#main .menu-breadcrumb,#main .build-meta,#main .update-date time{font-size:var(--type-body);line-height:1.5}
#main .build-meta p{margin:0}
#main .build-meta time{font:inherit;color:inherit}
#main .setup-focus strong{font-size:var(--type-subtitle);font-weight:500;line-height:1.4}
#main .setup-focus [data-setup-instruction]{margin:0;color:var(--muted)}
#main .group-heading h3{max-width:none;margin-top:0}
#main .feature-item h4{margin:0 0 18px}
#main .update-source{margin:18px 0 0}
#main .scene-copy .compat{color:var(--muted);margin-top:18px}
#main .guide-details .section-heading h2{margin-top:0}
#main .home-entry-copy h3{margin-bottom:10px}
#main #feature-status,#main #guide-instruction,#main #experience .scene-copy p{font-size:var(--type-body);line-height:1.75}
#main #experience .scene-copy .chapter-subline{font-size:var(--type-body)!important}
/* Six gallery frames share one title scale, sized to preserve their window stack. */
#main #experience .scene-copy :is(h1,h2){font-size:40px;font-weight:400;line-height:1.2;letter-spacing:-.025em}
@media(max-width:800px){#main #experience .scene-copy :is(h1,h2){font-size:28px}}
@media(max-width:800px){:root{--type-title:44px;--type-subtitle:24px}#main .cosmic-copy h1{font-size:clamp(38px,8.8vw,62px)}#main .cosmic-subtitle{max-width:25ch;margin-inline:auto}#main .build-meta{min-width:0}#main .versions-heading{flex-wrap:wrap}#main .feature-chapters{font-size:var(--type-body)}#main .comparison-options legend{min-width:0}}