.home-simple,.browse-simple{--entry-body:1.25rem;--entry-small:1.0625rem;--entry-title:clamp(1.75rem,1.3rem + 1.5vw,2.5rem);font:var(--entry-body)/1.65 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.home-simple h1,.home-simple h2,.browse-simple h1,.browse-simple h2{font:800 var(--entry-title)/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 var(--space-6);text-wrap:balance}
.home-simple p,.browse-simple p{line-height:1.65}
.home-introduction{padding-top:var(--space-8);max-width:64rem}
.home-introduction h1{margin-bottom:var(--space-3)}
.home-introduction>p{margin:0 0 var(--space-5);max-width:65ch;font-size:var(--entry-body)}
.home-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-8);align-items:start;padding-block:var(--space-10)}
.home-start>*{min-width:0}
.home-video-hero{width:100%}
.home-brand-intro{padding:var(--space-8) 0 var(--space-10);border-top:4px solid var(--ink)}
.home-brand-intro .eyebrow{margin:0 0 var(--space-4);font-size:var(--entry-small);font-weight:800;letter-spacing:.08em;color:var(--accent)}
.home-brand-intro h1{max-width:22ch;font-size:clamp(2rem,1.35rem + 2.2vw,3.5rem);line-height:1.08;margin-bottom:var(--space-5)}
.home-brand-intro>p:not(.eyebrow){max-width:68ch;margin:0;color:var(--muted)}
.home-feature-divider{display:flex;align-items:center;gap:var(--space-4);margin:0 0 var(--space-6);font-size:var(--entry-small);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.home-feature-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.home-video{margin:0}
.home-video-frame{position:relative;aspect-ratio:1;background:#171b1b;color:#fff;border:1px solid var(--line)}
.home-video-frame>p{position:absolute;inset:0;display:grid;align-content:center;gap:var(--space-3);text-align:center;padding:var(--space-6);margin:0;font-size:var(--entry-body)}
/* R018 is square. Override only the SDK's fixed-size wrappers, not the footage. */
.home-video-frame iframe{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;border:0;background:#171b1b}
.home-video-frame>.fb-video{position:absolute;inset:0;z-index:1}
.home-video-frame>.fb-video,.home-video-frame>.fb-video>span{display:block;width:100%!important;height:100%!important}
.home-video-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding-top:var(--space-4)}
.home-video-actions button,.home-video-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-2) var(--space-4);font:700 var(--entry-small)/1.4 var(--sans);border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.home-video-actions button[hidden]{display:none}
.home-video figcaption{font-size:var(--entry-small);line-height:1.6;color:var(--muted);margin-top:var(--space-3)}
.home-video-context{font-size:var(--entry-small);margin:var(--space-4) 0 0;padding-left:var(--space-4);border-left:3px solid var(--accent)}
.home-paths nav{display:grid;gap:var(--space-4)}
.home-paths nav>a{position:relative;display:flex;flex-direction:column;gap:var(--space-2);min-height:132px;padding:var(--space-6);padding-right:var(--space-12);border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--surface-quiet);text-decoration:none;color:var(--ink)}
.home-paths nav strong{font-size:clamp(1.375rem,1.15rem + .6vw,1.75rem);line-height:1.3;letter-spacing:-.02em}
.home-paths nav b,.browse-link b{position:absolute;right:var(--space-4);top:var(--space-6);font-size:1.5rem}
.home-paths nav>a:hover,.browse-link:hover{border-color:var(--ink)}
.home-paths nav>a:hover strong,.browse-link:hover strong{text-decoration:underline}
.home-machine-link{padding-top:var(--space-6);margin:var(--space-6) 0 var(--space-2);border-top:1px solid var(--line)}
.home-machine-link>a{display:block;padding-block:var(--space-2);font-weight:700;min-height:44px}
.home-all-topics{margin:var(--space-4) 0 0}.home-all-topics>a{display:inline-flex;align-items:center;min-height:48px}
.home-reviewed{border-top:1px solid var(--line);padding-block:var(--space-6);margin:0;font-size:var(--entry-small);color:var(--muted)}
.home-anchor{position:absolute;top:0}
.home-simple a,.browse-simple a{text-underline-offset:4px}
.home-simple :is(a,button,summary):focus-visible,.browse-simple :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.browse-simple{max-width:64rem;margin-inline:auto}
.browse-heading{padding-block:var(--space-8);border-bottom:2px solid var(--ink)}
.browse-heading p{max-width:58ch;margin:0}.browse-heading h1{margin-bottom:var(--space-4)}
.browse-group{padding-block:var(--space-8);border-bottom:1px solid var(--line);scroll-margin-top:var(--space-6)}
.browse-group h2{font-size:1.625rem;margin-bottom:var(--space-5)}
.browse-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.browse-link{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);padding-right:var(--space-12);border:1px solid var(--line);background:var(--surface-quiet);color:var(--ink);text-decoration:none}
.browse-link strong{font-size:1.25rem;line-height:1.4}
.browse-tools{margin-block:var(--space-8);border:1px solid var(--line);padding:var(--space-4) var(--space-6)}
.browse-tools>summary{font-weight:700;min-height:48px;align-content:center;cursor:pointer}
.browse-tools nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-6);padding-top:var(--space-4)}
.browse-tools nav>a{display:flex;align-items:center;min-height:48px}
.browse-help{margin-bottom:var(--space-10)}
.browse-buyer-note{padding:var(--space-6);border-left:4px solid var(--ink);background:var(--surface-quiet);margin-block:var(--space-6)}
.browse-buyer-note h2{font-size:1.5rem;margin-bottom:var(--space-3)}
.browse-buyer-note li{margin-block:var(--space-3)}
html[data-reader-size=large] :is(.home-simple,.browse-simple){--entry-body:1.375rem;--entry-small:1.125rem}
html[data-reader-size=larger] :is(.home-simple,.browse-simple){--entry-body:1.5rem;--entry-small:1.25rem}
@media(max-width:960px){.home-start{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.home-start{gap:var(--space-10);padding-block:var(--space-6)}.home-paths{border-top:2px solid var(--ink);padding-top:var(--space-8)}.browse-links{grid-template-columns:1fr}.browse-tools nav{grid-template-columns:1fr}}
@media(max-width:440px){.home-video-actions{display:grid;grid-template-columns:1fr}.home-paths nav>a,.browse-link{padding:var(--space-5);padding-right:var(--space-10)}.home-paths nav strong{font-size:1.375rem}.browse-group h2{font-size:1.5rem}}
@media print{.home-video-frame,.home-video-actions button{display:none}.home-start{display:block}.home-paths{margin-top:var(--space-8)}.browse-tools>nav{display:grid}.home-paths nav>a,.browse-link{break-inside:avoid}}

/* Fit the square player in the viewport while reserving room for its controls and source context. */
.home-video-only .home-start{display:block;width:100%;max-width:min(100%,60rem,calc(100vh - 20rem));max-width:min(100%,60rem,calc(100svh - 20rem));margin-inline:auto}
