:root{color-scheme:dark}*{box-sizing:border-box}html{background:var(--sv-bg);color:var(--sv-bone);scroll-behavior:smooth}body{margin:0;background:var(--sv-bg);font-family:var(--sv-font-body);line-height:1.62;overflow-x:hidden}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:var(--fs-space-1)}a:focus-visible{outline:2px solid var(--sv-noted);outline-offset:var(--fs-space-1)}.skip-link{position:absolute;left:var(--fs-space-4);top:calc(var(--fs-space-8)*-2);z-index:2;padding:var(--fs-space-2) var(--fs-space-3);background:var(--sv-bone);color:var(--sv-ink);font:var(--fs-text-xs) var(--sv-font-mono)}.skip-link:focus{top:var(--fs-space-4)}.grain,.coordinate-grid{position:fixed;inset:0;pointer-events:none;z-index:-2}.grain{background:url('/assets/site-v2/paper-charcoal.webp') center/500px;opacity:.12}.coordinate-grid{inset:var(--fs-space-5);z-index:-1;border:1px solid var(--sv-line);background:url('/assets/site-v2/paper-bone.webp') center/420px;opacity:.12;mix-blend-mode:soft-light}.page-mark,.case-page,.footer-inner{width:min(1120px,90vw);margin:0 auto}.page-mark{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--fs-space-4);padding:var(--fs-space-5) 0;border-bottom:1px solid var(--sv-line);font:var(--fs-text-xs) var(--sv-font-mono);letter-spacing:.09em}.wordmark{font:500 var(--fs-text-md) var(--sv-font-display);letter-spacing:.12em;text-decoration:none}.wordmark img{width:1.9rem;height:auto;margin-left:var(--fs-space-1);vertical-align:middle}.page-mark>p{margin:0;text-align:center;color:var(--sv-compass)}.page-mark nav{display:flex;justify-content:flex-end;gap:var(--fs-space-4)}.page-mark nav a:last-child{color:var(--sv-noted)}.hero{position:relative;display:grid;grid-template-columns:minmax(135px,1fr) minmax(0,6fr);gap:var(--fs-space-6);padding:clamp(var(--fs-space-8),11vw,9rem) 0 clamp(var(--fs-space-8),9vw,8rem)}.docket{margin:0;padding-right:var(--fs-space-4);border-right:1px solid var(--sv-line);font:var(--fs-text-2xs)/1.7 var(--sv-font-mono);letter-spacing:.1em;color:var(--sv-compass)}.docket p{margin:0 0 var(--fs-space-4)}.hero-copy{max-width:780px}.kicker,.section-index,.field-label,.fine-print{font:var(--fs-text-xs) var(--sv-font-mono);letter-spacing:.1em}.kicker{margin:0 0 var(--fs-space-5);color:var(--sv-noted)}h1,h2,h3{font-weight:500}.hero h1{max-width:730px;margin:0;letter-spacing:-.055em;line-height:.86;font:500 clamp(3.7rem,9vw,8rem)/.86 var(--sv-font-display)}.hero h1 img{display:inline-block;width:clamp(2.8rem,7vw,5.8rem);height:auto;margin-left:var(--fs-space-2);vertical-align:top}.hero-intro{max-width:590px;margin:var(--fs-space-6) 0 0;font:var(--fs-text-xl)/1.4 var(--sv-font-display)}.hero-boundary{grid-column:2;max-width:450px;margin:var(--fs-space-5) 0 0;padding-left:var(--fs-space-3);border-left:2px solid var(--sv-clear);font:var(--fs-text-xs)/1.65 var(--sv-font-mono);letter-spacing:.04em;color:var(--sv-compass)}.case-page{padding-bottom:clamp(var(--fs-space-8),11vw,10rem)}.reading-field{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(170px,2fr);margin:0 0 clamp(var(--fs-space-8),10vw,8rem);border-top:1px solid var(--sv-divider);border-bottom:1px solid var(--sv-line);background:var(--sv-deep-indigo)}.field-main{padding:clamp(var(--fs-space-5),6vw,5rem)}.field-label{margin:0;color:var(--sv-noted)}.field-main h2{max-width:570px;margin:var(--fs-space-4) 0 var(--fs-space-5);letter-spacing:-.045em;font:500 var(--fs-text-2xl)/1 var(--sv-font-display)}.field-main p:last-child{max-width:550px;margin:0;color:var(--sv-compass);font:var(--fs-text-sm)/1.65 var(--sv-font-body)}.field-rail{display:flex;flex-direction:column;justify-content:space-between;padding:var(--fs-space-5);border-left:1px solid var(--sv-line);font:var(--fs-text-2xs)/1.7 var(--sv-font-mono);letter-spacing:.09em;color:var(--sv-compass)}.field-rail p{margin:0}.field-rail b{display:block;margin-top:var(--fs-space-1);font-weight:500;color:var(--sv-bone)}.extension-mark{align-self:flex-end;justify-self:flex-end;color:var(--sv-noted);font:var(--fs-text-2xl) var(--sv-font-cjk-display)}.case-section{display:grid;grid-template-columns:minmax(170px,2fr) minmax(0,5fr);gap:clamp(var(--fs-space-5),7vw,6rem);padding:clamp(var(--fs-space-6),8vw,6rem) 0;border-top:1px solid var(--sv-line)}.case-section header{align-self:start}.section-index{margin:0 0 var(--fs-space-2);color:var(--sv-compass)}.case-section h2{margin:0;letter-spacing:-.04em;font:500 var(--fs-text-2xl)/1.05 var(--sv-font-display)}.section-copy{max-width:660px}.section-copy p{margin:0 0 var(--fs-space-5);font:var(--fs-text-md)/1.72 var(--sv-font-body)}.section-copy p:last-child{margin-bottom:0}.section-copy strong{font-weight:500;color:var(--sv-bone)}.split-note{margin-top:var(--fs-space-6);padding:var(--fs-space-4) 0 var(--fs-space-4) var(--fs-space-5);border-left:2px solid var(--sv-watch)}.split-note p{margin:0;font:var(--fs-text-sm)/1.65 var(--sv-font-body)}.split-note .fine-print{margin:0 0 var(--fs-space-2);color:var(--sv-watch)}.extension-section{grid-template-columns:minmax(0,5fr) minmax(170px,2fr);margin-left:8%}.extension-section header{grid-column:2;grid-row:1}.extension-section .section-copy{grid-column:1;grid-row:1;justify-self:end}.install-section{grid-template-columns:minmax(150px,1fr) minmax(0,6fr);margin-right:10%}.install-copy{max-width:600px}.install-copy p{margin:0 0 var(--fs-space-5);font:var(--fs-text-md)/1.72 var(--sv-font-body)}.install-control{display:inline-flex;align-items:center;gap:var(--fs-space-5);padding:var(--fs-space-3) var(--fs-space-4);border:1px solid var(--sv-bone);font:500 var(--fs-text-sm) var(--sv-font-mono);letter-spacing:.06em;text-decoration:none}.install-control:hover,.install-control:focus-visible{background:var(--sv-bone);color:var(--sv-ink)}.install-control span{font:var(--fs-text-xl)/1 var(--sv-font-display)}.install-note{color:var(--sv-compass);font:var(--fs-text-xs)/1.65 var(--sv-font-mono)!important;letter-spacing:.03em}.case-footer{border-top:1px solid var(--sv-line)}.footer-inner{display:flex;justify-content:space-between;gap:var(--fs-space-5);padding:var(--fs-space-5) 0;font:var(--fs-text-xs)/1.55 var(--sv-font-mono);letter-spacing:.07em;color:var(--sv-compass)}.footer-inner p{max-width:470px;margin:0}.zh{font-family:var(--sv-font-cjk-body)}.zh .hero h1,.zh .case-section h2,.zh .field-main h2{font-family:var(--sv-font-cjk-display)}.zh .hero-intro,.zh .section-copy p,.zh .install-copy p{font-family:var(--sv-font-cjk-body)}@media (max-width:699px){.coordinate-grid{inset:var(--fs-space-3)}.page-mark,.case-page,.footer-inner{width:86vw}.page-mark{grid-template-columns:1fr auto}.page-mark>p{display:none}.page-mark nav{gap:var(--fs-space-3)}.hero{display:block;padding-top:clamp(var(--fs-space-8),22vw,9rem)}.docket{display:flex;gap:var(--fs-space-3);padding:0 0 var(--fs-space-4);border-right:0;border-bottom:1px solid var(--sv-line)}.docket p{margin:0}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-boundary{margin-left:0}.reading-field{grid-template-columns:1fr}.field-rail{min-height:150px;border-top:1px solid var(--sv-line);border-left:0}.case-section,.extension-section,.install-section{display:block;margin-left:0;margin-right:0}.case-section{padding:var(--fs-space-6) 0}.case-section header{margin-bottom:var(--fs-space-5)}.extension-section header,.extension-section .section-copy{grid-column:auto;grid-row:auto;justify-self:auto}.footer-inner{display:block}.footer-inner p+p{margin-top:var(--fs-space-3)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
