@layer components{.f8 .f-hero{padding-top:calc(4rem + max(1.5rem,min(3vw,3rem)));padding-bottom:0}.f8 .f-hero>.g12{align-items:start;row-gap:3rem}.f8 .f-intro{grid-column:1/span 5}.f8 .f-hero h1{margin-left:-.065em;font-size:max(3.25rem,min(7vw,6rem));line-height:.9}.f8 .f-hero .lead{max-width:34rem;margin-top:max(1.25rem,min(2.2vw,2rem))}.f8 .f-hero .cta{margin-top:2rem}.f8 .f-hero .note{max-width:34rem;margin-top:1rem}.f8 .f-first{grid-column:6/-1;min-width:0;scroll-margin-top:6rem}.f8 .f-first h2{margin-top:1.5rem}.f8 .f-first .body{max-width:46rem;margin-top:.75rem}.f8 .toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;margin-top:2.5rem;display:grid}.f8 .toc p{color:var(--ink-soft);border-bottom:1px solid var(--ink);padding-bottom:.375rem;font-size:.9375rem;font-weight:500}.f8 .toc li{border-bottom:1px solid var(--edge)}.f8 .toc a{padding-top:.4375rem;padding-bottom:.4375rem;font-size:1rem;font-weight:650;text-decoration:none;display:block}.f8 .toc a:hover{text-underline-offset:.25em;text-decoration:underline}.f8 .toc-m{margin-top:2rem;display:none}.f8 .toc-m summary{cursor:pointer;border-block:1px solid var(--ink);justify-content:space-between;padding-top:.875rem;padding-bottom:.875rem;font-weight:700;list-style:none;display:flex}.f8 .toc-m summary::-webkit-details-marker{display:none}.f8 .toc-m summary:after{content:"+";font-size:1.375rem;font-weight:500;line-height:1}.f8 .toc-m details[open] summary:after{content:"−"}.f8 .toc-m li{border-bottom:1px solid var(--edge)}.f8 .toc-m a{padding-top:.625rem;padding-bottom:.625rem;font-weight:600;text-decoration:none;display:block}.f8 .f-list{padding-top:var(--band)}.f8 .chapter{border-top:2px solid var(--ink);padding-top:.75rem}.f8 .chapter+.chapter{margin-top:var(--band)}.f8 .ch-name{padding-bottom:max(1.5rem,min(3vw,2.5rem));font-size:1.0625rem;font-weight:700}.f8 .feature{scroll-margin-top:6rem}.f8 .feature+.feature{border-top:1px solid var(--edge);margin-top:4.5rem;padding-top:max(2rem,min(3.5vw,3rem))}.f8 .feature.side{gap:2rem var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.f8 .feature.side>.words{grid-column:1/span 4}.f8 .feature.side>.media{grid-column:6/-1;min-width:0}.f8 .feature.side>.after{grid-column:1/-1;min-width:0}.f8 .feature.side figure figcaption{margin-top:.875rem}.f8 .wide>.head{gap:1.25rem var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.f8 .wide>.head>h2{grid-column:1/span 4}.f8 .wide>.head>.words{grid-column:6/-1}.f8 .wide>.media{margin-top:max(2rem,min(4vw,3.5rem))}.f8 .pair{gap:var(--band) clamp(2rem, 5vw, 5rem);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.f8 .card{min-width:0;scroll-margin-top:6rem}.f8 .card h2{margin-top:1.5rem}.f8 .words .body,.f8 .card .body{margin-top:1rem}.f8 .feature.side>.words .body{margin-top:1.25rem}.f8 .wide>.head>.words .body{max-width:44rem;margin-top:0}.f8 .body p+p{margin-top:.9em}.f8 .plan{color:var(--ink-soft);max-width:36rem;margin-top:1.25rem;font-size:.9375rem;font-weight:600}.f8 code{font-family:var(--mono);font-size:.9em}.f8 .standards{margin-top:max(1.5rem,min(3vw,2.5rem))}.f8 .standards .desk{box-shadow:none;border-top:1px solid var(--edge);gap:1.5rem;padding:1.25rem;display:flex}.f8 .standards .desk>a{flex:0 0 9.5rem}.f8 .f-engine{margin-top:var(--band);padding-block:var(--band);scroll-margin-top:4rem}.f8 .f-engine .head{align-items:start;row-gap:2rem}.f8 .f-engine .words{grid-column:1/span 6}.f8 .f-engine .body{max-width:none;margin-top:max(1.25rem,min(2.2vw,2rem))}.f8 .f-engine .cta{margin-top:1.75rem}.f8 .f-engine .note{margin-top:1rem}.f8 .f-engine .spec-cap{border-top:1px solid var(--night-rule);color:var(--night-soft);margin-top:2rem;padding-top:1.25rem;font-size:1rem;line-height:1.5}.f8 .f-engine .sheet{background:var(--sheet);grid-column:8/-1}.f8 .f-engine .sheet img{width:100%}@media (max-width:61.99rem){.f8 .f-intro,.f8 .f-first,.f8 .feature.side>.words,.f8 .feature.side>.media,.f8 .wide>.head>h2,.f8 .wide>.head>.words,.f8 .f-engine .words,.f8 .f-engine .sheet{grid-column:1/-1}.f8 .feature.side>.media{order:-1}.f8 .toc{display:none}.f8 .toc-m{display:block}.f8 .pair{grid-template-columns:minmax(0,1fr);gap:4.5rem}.f8 .standards .desk{gap:.75rem;padding:1rem 0}.f8 .standards .desk>a{flex:1 1 0}}}.f8 .standards .desk{gap:1.5rem;padding:1.25rem 0 0;display:flex}.f8 .standards .desk>a{flex:0 0 9.5rem}@media (max-width:61.99rem){.f8 .standards .desk{gap:.75rem}.f8 .standards .desk>a{flex:1 1 0}}