@font-face{font-family:Manrope;src:url("assets/manrope-variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{color-scheme:light dark;--page:#eff2ee;--surface:#fff;--ink:#203a34;--muted:#576a61;--line:#ccd7cd;--deck:#1e453a;--deck-ink:#f5f4e9;--deck-muted:#c0d3c5;--action:#f2a07e;--action-ink:#35281f;--focus:#b34f2b;--selected:#deeadb;--radius:16px;font-family:Manrope,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--page);scrollbar-color:var(--muted) var(--page)}
*{box-sizing:border-box}
body{margin:0;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:var(--selected);color:var(--ink)}
h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.12;letter-spacing:-.03em;hyphens:auto}h1{font-size:clamp(2.6rem,5vw,5.8rem);font-weight:750}h2{font-size:clamp(1.8rem,3vw,2.75rem);font-weight:750}h3{font-size:1.35rem}p,li{max-width:70ch}p+p{margin-top:1rem}ul,ol{padding-left:1.4rem}li+li{margin-top:.7rem}.small{font-size:.875rem;color:var(--muted)}
.skip-link{position:absolute;top:8px;left:8px;z-index:2;transform:translateY(-180%);padding:12px 20px;background:var(--surface)}.skip-link:focus{transform:none}
.preview-notice{padding:12px 24px;text-align:center;background:var(--selected);font-size:.8125rem;font-weight:650}
.site-header,.site-footer,main{max-width:1328px;margin-inline:auto;padding-inline:48px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.wordmark{display:flex;gap:12px;align-items:center;font-weight:800;text-decoration:none;font-size:1.125rem;min-height:44px}.wordmark svg{flex:none}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem}nav a[aria-current]{font-weight:800;text-decoration-thickness:2px}
.introduction{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);background:var(--deck);color:var(--deck-ink);border-radius:var(--radius);overflow:hidden}.intro-copy{padding:64px 56px}.intro-copy h1{max-width:9ch}.intro-copy p{font-size:1.125rem;max-width:36ch;margin-block:28px 32px;color:var(--deck-muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:10px;background:var(--action);color:var(--action-ink);font-weight:750;text-decoration:none;transition:background-color .16s ease-out}.button:hover{background:#ffb292;text-decoration:none}.intro-copy .button:focus-visible{outline-color:var(--action)}
.release-panel{padding:64px 36px;border-left:1px solid #465e4c}.release-panel h2{font-size:2rem;max-width:11ch}.release-panel p{margin-top:22px;color:var(--deck-muted)}.release-panel dl{margin-block:28px}.release-panel dl div{padding-block:14px;border-bottom:1px solid #465e4c}.release-panel dt{font-size:.8125rem;color:var(--deck-muted)}.release-panel dd{margin:4px 0 0;font-weight:700}.release-panel a{font-size:.9375rem;display:inline-block;min-height:44px}.release-panel a:focus-visible{outline-color:var(--action)}
.split-section,.modes-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:80px;padding-block:88px;border-bottom:1px solid var(--line)}.split-section>div>p:first-child{font-size:1.125rem}.modes-section>div{min-width:0}.modes-section h2+p{margin-top:22px}.table-hint{display:none;font-size:.875rem;color:var(--muted);margin-bottom:16px}.table-scroll{min-width:0;overflow-x:auto}.modes-section table{width:100%;min-width:20rem;border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:right}.modes-section caption{max-width:calc(100vw - 40px);text-align:left;font-size:1.125rem;font-weight:750;padding-bottom:20px}.modes-section th,.modes-section td{padding:16px 8px;border-bottom:1px solid var(--line)}.modes-section th:first-child{text-align:left}.modes-section thead{font-size:.8125rem;color:var(--muted)}.modes-section tbody th{font-size:1.6rem}.closing{padding-block:88px}.closing h2{max-width:23ch}.closing>p{margin-top:22px}.text-action{display:inline-flex;min-height:48px;align-items:center;font-size:1.125rem;font-weight:750;margin-top:16px}
.site-footer{padding-block:32px 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}.site-footer>.small{flex-basis:100%;max-width:none}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:72px;padding-block:36px 88px}.contents{align-self:start;position:sticky;top:32px}.contents h2{font-size:1rem;letter-spacing:0;margin-bottom:16px}.contents nav{display:flex;flex-direction:column;align-items:start;gap:4px}.reading h1{font-size:clamp(2.5rem,5vw,4.75rem)}.lead{font-size:1.25rem;margin-top:28px;color:var(--muted)}.reading section{margin-top:64px;scroll-margin-top:28px}.reading h2{font-size:2rem;margin-bottom:24px}.reading h3{margin-block:32px 18px}.reading .button{margin-block:24px 14px}.turns{margin-bottom:32px}.turns li{padding-left:10px}.turns li+li{margin-top:20px}
details{border-top:1px solid var(--line);padding-block:8px}details:last-of-type{border-bottom:1px solid var(--line)}summary{padding:16px 6px;font-weight:750;cursor:pointer;min-height:56px}summary::marker{color:var(--focus)}details[open] summary{color:var(--focus)}details>div{padding:8px 6px 24px}
@media(prefers-color-scheme:dark){:root{--page:#182521;--surface:#23352e;--ink:#edf1e7;--muted:#b4c4b6;--line:#465e4c;--deck:#102f26;--focus:#ffba93;--selected:#3c5942}.preview-notice{color:var(--ink)}}
@media(max-width:1000px){.site-header,.site-footer,main{padding-inline:28px}.site-header{align-items:flex-start}.site-header nav{gap:16px}.introduction{grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)}.intro-copy{padding:44px 32px}.release-panel{padding:44px 28px}.split-section,.modes-section{gap:36px;padding-block:64px}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}}
@media(max-width:700px){.site-header,.site-footer,main{padding-inline:20px}.preview-notice{text-align:left;padding:14px 20px}.site-header{display:block;padding-block:22px}.site-header nav{margin-top:12px;gap:20px}.introduction{grid-template-columns:1fr}.intro-copy{padding:36px 28px}.intro-copy h1{font-size:clamp(2.8rem,12vw,4.5rem)}.intro-copy p{margin-block:22px}.release-panel{padding:28px;border-left:0;border-top:1px solid #465e4c}.release-panel h2{max-width:none}.release-panel dl{margin-block:18px}.split-section,.modes-section{grid-template-columns:1fr;gap:28px;padding-block:52px}.modes-section th,.modes-section td{padding:14px 4px}.closing{padding-block:52px}.reading-layout{grid-template-columns:1fr;gap:36px;padding-block:20px 60px}.contents{position:static}.contents nav{flex-direction:row;gap:0 20px}.reading h1{font-size:2rem}.reading section{margin-top:44px}.table-hint{display:block}.site-footer{padding-block:28px}.site-footer nav{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.button{border:1px solid ButtonText}.introduction{border:1px solid CanvasText}}
/* Unaltered simulator captures are reading content, not device mockups. */
.screenshots { margin-block: 4rem; }
.screenshot-pair { display: flex; flex-wrap: wrap; gap: 2rem; }
.screenshot-pair figure { margin: 0; flex: 0 1 19rem; max-width: 100%; }
.screenshot-pair img { width: 100%; height: auto; border-radius: 12px; }
.screenshot-pair figcaption { margin-top: .75rem; color: var(--muted); }