@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/fonts/AtkinsonHyperlegibleMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/fonts/AtkinsonHyperlegibleMono-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1a1915;--ink-soft:#3b3830;--muted:#57534a;--paper:#faf8f4;--paper-2:#f3efe6;--surface:#fff;--line:#dcd6cb;--line-strong:#8c8476;--accent:#1f4e79;--accent-hover:#173d60;--accent-soft:#e8eef6;--accent-line:#b4c8de;--brick:#b5483a;--brick-hover:#983a2d;--danger:#b3261e;--danger-soft:#fbeceb;--success:#2e6b47;--success-soft:#e9f3ed;--warn:#7a5000;--warn-soft:#fdf3dc;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #1a19150f, 0 6px 18px #1a19150f;--shadow-lift:0 2px 4px #1a191514, 0 12px 28px #1a19151a;--font:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Atkinson Hyperlegible Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}body{background:var(--paper);color:var(--ink);font:400 1.125rem/1.6 var(--font);accent-color:var(--accent);caret-color:var(--accent);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:#fff}img,svg{max-width:100%}h1,h2,h3{font-family:var(--font);color:var(--ink);text-wrap:balance}h1{letter-spacing:-.01em;margin:0 0 .5rem;font-size:2rem;font-weight:800;line-height:1.15}h2{margin:2.25rem 0 .625rem;font-size:1.375rem;font-weight:800;line-height:1.25}h3{margin:1.5rem 0 .5rem;font-size:1.125rem;font-weight:700;line-height:1.3}p{margin:0 0 1rem}ul,ol{padding-left:1.4rem}li{margin-bottom:.25rem}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1.5px}a:hover{color:var(--accent-hover)}strong,b{font-weight:700}.muted{color:var(--muted)}.small{font-size:.9375rem}.lede{color:var(--ink-soft);max-width:60ch;font-size:1.25rem;line-height:1.5}.measure{max-width:68ch}code{background:var(--paper-2);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}button:focus-visible,.btn:focus-visible{border-radius:var(--radius-sm)}.skip{z-index:20;background:var(--ink);color:#fff;border-radius:var(--radius-sm);padding:12px 18px;font-weight:700;text-decoration:none;position:absolute;top:-80px;left:12px}.skip:focus{color:#fff;top:12px}.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}main.wrap{padding-block:32px 72px}main.reading{max-width:800px}main.form-page{max-width:600px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:6px 24px;min-height:68px;padding-block:8px;display:flex}.brand{min-height:44px;color:var(--ink);letter-spacing:-.005em;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand svg{flex:none}.site-nav{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.site-nav a{min-height:44px;color:var(--ink-soft);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:999px;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--paper-2);color:var(--ink)}.site-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.site-nav a.nav-signin{border:1.5px solid var(--line-strong);margin-left:4px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:56px;padding-top:24px;font-size:.9375rem}.site-footer p{margin:0 0 8px}.site-footer nav{flex-wrap:wrap;gap:0 18px;display:flex}.site-footer a{min-height:40px;color:var(--muted);align-items:center;display:inline-flex}.site-footer a:hover{color:var(--accent)}button,.btn{appearance:none;border:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:#fff;min-height:48px;font:700 1rem/1.2 var(--font);text-align:center;cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:0 22px;text-decoration:none;display:inline-flex}button:hover,.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button:active,.btn:active{transform:translateY(1px)}button.secondary,.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}button.secondary:hover,.btn.secondary:hover{background:var(--paper-2);border-color:var(--ink-soft);color:var(--ink)}button.quiet,.btn.quiet{color:var(--accent);background:0 0;border-color:#0000}button.quiet:hover,.btn.quiet:hover{background:var(--accent-soft);color:var(--accent-hover);border-color:#0000}button.danger,.btn.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}button.danger:hover,.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.cta{background:var(--brick);border-color:var(--brick);min-height:56px;padding:0 30px;font-size:1.1875rem}.btn.cta:hover{background:var(--brick-hover);border-color:var(--brick-hover)}.btn.compact,button.compact{padding:0 16px}button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}button[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{font:400 1rem/1.4 var(--font);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);max-width:100%;min-height:48px;color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:10px 14px}textarea{resize:vertical;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a1915' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--ink-soft)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background:var(--paper-2);color:var(--muted);cursor:not-allowed}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}::placeholder{color:#6e675c;opacity:1}input[type=checkbox],input[type=radio]{cursor:pointer;flex:none;width:1.375rem;height:1.375rem;margin:0}input[type=file]{font:inherit;max-width:100%}input[type=file]::file-selector-button{font:700 1rem var(--font);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;margin-right:12px;padding:0 18px}label:not([class]){font-weight:700}.field{gap:6px;display:grid}.field>.label{font-weight:700}.field>.hint,.hint{color:var(--muted);font-size:.9375rem;font-weight:400}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%}.fields{gap:16px;display:grid}.fields.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:inline-flex}.toggle{border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:44px;transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 14px;font-size:1rem;font-weight:700;display:inline-flex}.toggle:hover{border-color:var(--ink-soft)}.toggle:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.toggle:has(:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.toggles{flex-wrap:wrap;gap:10px;display:flex}.choice{text-align:left;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:0;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s var(--ease), background-color .15s var(--ease), box-shadow .15s var(--ease);padding:14px 16px;font-weight:400;display:block;position:relative}.choice:hover{background:var(--surface);border-color:var(--ink-soft);color:var(--ink)}.choice.is-selected,.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.choice:has(:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.choice.is-locked,.choice:disabled{cursor:not-allowed;background:var(--paper-2);border-style:dashed}.choice .title{align-items:center;gap:10px;font-weight:700;display:flex}.choice .meta{color:var(--muted);margin-top:4px;font-size:.9375rem;display:block}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:16px 0;padding:20px}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.card.flat{box-shadow:none}a.card{color:inherit;transition:box-shadow .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);text-decoration:none;display:block}a.card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-lift);color:inherit;transform:translateY(-2px)}.well{background:var(--paper-2);border-radius:var(--radius-sm);padding:14px 16px}.well>:last-child{margin-bottom:0}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.grid>.card{margin:0}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.stack{gap:16px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:.5rem;display:flex}.page-head h1{margin:0}.badge{background:var(--paper-2);min-height:28px;color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:.875rem;font-weight:700;line-height:1.2;display:inline-flex}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.info{background:var(--accent-soft);color:var(--accent)}.alert{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:flex-start;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.alert>svg{flex:none;margin-top:2px}.alert>div>:last-child,.alert>:last-child{margin-bottom:0}.alert p{margin:0 0 6px}.alert.error{background:var(--danger-soft);color:#7d1a14;border-color:#e3b5b1}.alert.error svg{color:var(--danger)}.alert.success{background:var(--success-soft);color:#1f4a32;border-color:#b5d6c3}.alert.success svg{color:var(--success)}.alert.info{background:var(--accent-soft);border-color:var(--accent-line);color:#143653}.alert.info svg{color:var(--accent)}.alert.warn{background:var(--warn-soft);color:#5c3c00;border-color:#ecd596}.alert.warn svg{color:var(--warn)}.status-line{min-height:1.6em;color:var(--muted);margin:0;font-size:.9375rem}.status-line:empty{min-height:0}.status-line.ok{color:var(--success);font-weight:700}.status-line.bad{color:var(--danger);font-weight:700}details{margin-top:14px}summary{cursor:pointer;min-height:44px;color:var(--accent);align-items:center;font-weight:700;display:flex}summary:hover{color:var(--accent-hover)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:1rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}th{background:var(--paper-2);white-space:nowrap;font-weight:700}.toolbar{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.toolbar a{border:1.5px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:999px;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.toolbar a:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.addons{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.addon{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 20px;margin:0;padding:16px 20px;display:grid}.addons .addon:last-child{border-bottom:0}.addon .name{align-items:flex-start;gap:8px;font-weight:700;display:flex}.addon .name svg{color:var(--muted);flex:none;margin-top:4px}.addon p{color:var(--muted);grid-column:1;margin:0;font-size:.9375rem}.addon .go{white-space:nowrap;grid-area:1/2/span 2;font-weight:700}@media (width<=560px){.addon{grid-template-columns:1fr}.addon .go{grid-area:auto/1}}.prose{max-width:70ch}.prose h1{margin-top:2rem;font-size:1.875rem}.prose h2{margin-top:2rem}.prose li{margin-bottom:.375rem}.prose table{margin:1rem 0;font-size:.9375rem}.prose pre{border-radius:var(--radius-sm);background:var(--paper-2);padding:14px 16px;font-size:.9375rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink-soft);margin:1rem 0;padding:4px 18px}.actionbar{z-index:5;background:var(--paper);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:24px;padding:14px 0;display:flex;position:sticky;bottom:0}.actionbar .picked{min-width:0;font-weight:700}.actionbar .picked span{color:var(--muted);font-size:.9375rem;font-weight:400;display:block}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;padding:16px 0 24px;display:grid}.hero h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.75rem;line-height:1.08}.hero .row{margin:1.5rem 0 1rem}.sample{justify-self:center;width:100%;max-width:420px;position:relative}.sample:before{content:"";background:var(--paper-2);border:1px solid var(--line);border-radius:6px;position:absolute;inset:10px -10px -10px 10px}.sample figure{border:1px solid var(--line);box-shadow:var(--shadow-lift);color:#000;background:#fff;border-radius:6px;margin:0;padding:22px 22px 18px;position:relative}.sample figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:.875rem}.sample .note{border:2px solid #000;border-radius:6px;margin-top:14px;padding:10px 14px;font-size:1rem;line-height:1.4}.sample .words{letter-spacing:.02em;flex-wrap:wrap;gap:2px 14px;margin:12px 0 0;padding:0;font-size:1.0625rem;font-weight:700;list-style:none;display:flex}.sample .words li{margin:0}.facts{border-top:1px solid var(--line);margin:32px 0 0;padding:0}.facts>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.3fr) minmax(0,1fr);gap:4px 24px;padding:18px 0;display:grid}.facts dt{font-weight:800}.facts dd{color:var(--ink-soft);margin:0}.price-row{flex-wrap:wrap;align-items:center;gap:12px 24px;margin:1.5rem 0 .75rem;display:flex}.price{letter-spacing:-.01em;font-size:2rem;font-weight:800}.disclaimer{max-width:56ch;color:var(--muted);font-size:.9375rem}.checklist{margin:0;padding:0;list-style:none}.checklist li{grid-template-columns:24px minmax(0,1fr);gap:12px;margin:0 0 10px;display:grid}.checklist svg{color:var(--success);margin-top:4px}.builder{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:28px;margin-top:8px;display:grid}.builder-preview{position:sticky;top:16px}.builder-side{min-width:0}.builder-side .card:first-child{margin-top:0}.strip{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;scroll-snap-type:x proximity;gap:10px;margin:0 -4px;padding:6px 4px 16px;display:flex;overflow-x:auto}.strip button{scroll-snap-align:start;background:var(--surface);min-width:112px;min-height:60px;color:var(--ink);border:1.5px solid var(--line-strong);text-align:left;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:2px;padding:8px 12px;font-weight:400}.strip button:hover{background:var(--paper-2);color:var(--ink);border-color:var(--ink-soft)}.strip button[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.strip .pg{color:var(--muted);font-size:.8125rem;font-weight:700}.strip .nm{font-size:.9375rem;line-height:1.25}.page-frame{max-width:100%}.actions{flex-wrap:wrap;gap:10px;display:flex}.save-state{min-height:1.6em}.builder-side .addon{grid-template-columns:1fr}.builder-side .addon .go{grid-area:auto/1}@media (width<=900px){.builder{grid-template-columns:minmax(0,1fr)}.builder-preview{position:static}.hero{grid-template-columns:minmax(0,1fr);gap:32px}.hero h1{font-size:2.25rem}}@media (width<=560px){body{font-size:1.0625rem}h1{font-size:1.75rem}.facts>div{grid-template-columns:1fr}.site-nav{margin-left:-14px}.actionbar .btn,.actionbar button{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
