:root{--bg:#e4ebee;--panel:#f4f7f8;--ink:#12324a;--muted:#546b7b;--line:#c3d0d6;--suction:#1c66c9;--pressure:#d4460c;--drive:#177a52;--heel:#a87300;--drag:#c0122c;--btn:#12324a;--btn-ink:#f4f7f8;--todo:#fff1b8;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1b27;--panel:#0f2433;--ink:#e2ebf0;--muted:#8ca3b2;--line:#22405a;--suction:#4c9dff;--pressure:#ff7438;--drive:#3ccb8a;--heel:#f0b429;--drag:#ff5470;--btn:#e2ebf0;--btn-ink:#0a1b27;--todo:#4a3b05;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a1b27;--panel:#0f2433;--ink:#e2ebf0;--muted:#8ca3b2;--line:#22405a;--suction:#4c9dff;--pressure:#ff7438;--drive:#3ccb8a;--heel:#f0b429;--drag:#ff5470;--btn:#e2ebf0;--btn-ink:#0a1b27;--todo:#4a3b05;color-scheme:dark}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.65 Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0;font-family:Barlow Semi Condensed,Barlow,system-ui,sans-serif;line-height:1.15}a{color:var(--suction)}.wrap{max-width:1180px;margin:0 auto;padding:14px clamp(14px,3vw,32px) 56px}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:12px;display:flex}.brand{color:var(--ink);font:700 26px/1 Barlow Semi Condensed,Barlow,sans-serif;text-decoration:none}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{color:var(--ink);border:1px solid #0000;border-radius:6px;padding:9px 12px;font:600 15px/1 Barlow Semi Condensed,Barlow,sans-serif;text-decoration:none}.site-nav a:hover{border-color:var(--line)}.site-nav a[aria-current=page]{background:var(--btn);color:var(--btn-ink)}.page-head{max-width:72ch;margin-bottom:22px}.kicker{color:var(--muted);margin:0 0 8px;font:600 14px/1.2 Barlow Semi Condensed,sans-serif}.page-head h1{letter-spacing:-.01em;font-size:clamp(34px,5vw,52px);font-weight:700}.lede{color:var(--muted);margin:12px 0 0;font-size:19px}.prose{max-width:72ch}.prose h2{margin:40px 0 10px;font-size:30px;font-weight:700}.prose h3{margin:28px 0 8px;font-size:22px;font-weight:600}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose li{margin:4px 0}.prose strong{font-weight:600}.prose table{border-collapse:collapse;width:100%;margin:8px 0 20px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.prose thead th{border-bottom:2px solid var(--line);font:600 16px/1.2 Barlow Semi Condensed,sans-serif}.prose blockquote{border-left:4px solid var(--drive);background:var(--panel);border-radius:0 8px 8px 0;margin:0 0 16px;padding:10px 16px}.prose code{background:var(--panel);border-radius:4px;padding:1px 5px;font-size:.92em}.try{background:var(--btn);color:var(--btn-ink);border-radius:8px;align-items:center;gap:8px;margin:2px 8px 10px 0;padding:10px 14px;font:600 15px/1.2 Barlow Semi Condensed,Barlow,sans-serif;text-decoration:none;display:inline-flex}.try:before{content:"▶";font-size:11px}.try:hover{opacity:.9}.tries{margin:6px 0 18px}.note{color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:14px;font-size:15px}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:8px 0 24px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:16px 18px;text-decoration:none;display:block}.card:hover{border-color:var(--ink)}.card b{margin-bottom:6px;font:600 21px/1.2 Barlow Semi Condensed,Barlow,sans-serif;display:block}.card span{color:var(--muted);font-size:15px;line-height:1.45;display:block}.card small{color:var(--muted);margin-top:8px;font-size:13px;display:block}.more{border-top:1px solid var(--line);margin-top:40px;padding-top:18px}.more h2{margin-bottom:10px;font-size:24px}.todo{background:var(--todo);border-radius:4px;padding:1px 6px;font-weight:600}.site-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin-top:48px;padding-top:14px;font-size:14px;display:flex}.site-foot a{color:var(--ink);font-weight:600;text-decoration:none}:focus-visible{outline:2px solid var(--suction);outline-offset:2px}.glossary{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin:0;display:grid}.term{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;scroll-margin-top:16px}.term dt{font:600 19px/1.25 Barlow Semi Condensed,Barlow,sans-serif}.term dt span{color:var(--muted);font:500 14px/1.3 Barlow,sans-serif}.term dd{color:var(--muted);margin:4px 0 0;font-size:16px;line-height:1.5}.term:target{border-color:var(--drive);box-shadow:0 0 0 2px var(--drive)}.tries{scroll-margin-top:20px}.tldr,.toc{display:none}.design-a .guide-grid{grid-template-columns:minmax(0,72ch) 240px;align-items:start;gap:40px;display:grid}.design-a .toc{border-left:3px solid var(--line);padding-left:14px;font-size:14px;display:block;position:sticky;top:16px}.design-a .toc b{color:var(--muted);margin-bottom:8px;font:600 14px/1.2 Barlow Semi Condensed,sans-serif;display:block}.design-a .toc a{color:var(--ink);padding:4px 0;line-height:1.3;text-decoration:none;display:block}.design-a .toc a:hover{color:var(--suction)}.design-a .tldr{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--suction);border-radius:10px;max-width:72ch;margin:0 0 26px;padding:14px 18px;display:block}.design-a .tldr b{font:700 18px/1.2 Barlow Semi Condensed,sans-serif}.design-a .tldr ul{margin:8px 0 0;padding-left:20px}.design-a .prose{counter-reset:sec}.design-a .prose h2{counter-increment:sec;border-top:1px solid var(--line);padding-top:22px}.design-a .prose h2:before{content:counter(sec) ". ";color:var(--suction)}.design-a .prose h2#key-takeaways:before{content:""}.design-a .tries{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:14px 0 22px;padding:12px 14px 4px}.design-a .tries:before{content:"Try it in the simulator";color:var(--muted);margin-bottom:8px;font:600 14px/1.2 Barlow Semi Condensed,sans-serif;display:block}.design-a .prose table{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:table;overflow:hidden}.design-a .prose thead th{background:var(--line)}.design-a .prose tbody tr:nth-child(2n){background:color-mix(in srgb,var(--line) 35%,transparent)}.design-a .prose blockquote{border-left-color:var(--suction);font-size:19px}.design-a .prose h2#key-takeaways{border-top:0}.design-a .prose h2#key-takeaways+ul{background:color-mix(in srgb,var(--drive) 12%,var(--panel));border:1px solid var(--drive);border-radius:10px;padding:14px 18px 14px 38px}@media (width<=1000px){.design-a .guide-grid{grid-template-columns:1fr}.design-a .toc{margin-bottom:20px;position:static}}.design-b .tldr{background:var(--btn);color:var(--btn-ink);border-radius:14px;max-width:76ch;margin:0 0 22px;padding:18px 22px;display:block}.design-b .tldr b{font:700 20px/1.2 Barlow Semi Condensed,sans-serif}.design-b .tldr ul{margin:10px 0 0;padding:0;list-style:none}.design-b .tldr li{margin:6px 0;padding-left:28px;position:relative}.design-b .tldr li:before{content:"⛵";position:absolute;left:0}.design-b .prose{max-width:76ch}.design-b .prose>p:first-child{font-size:19px}.design-b .sec{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:0 0 18px;padding:6px 22px 8px}.design-b .sec h2{margin-top:16px;font-size:28px}.design-b .sec h2:after{content:"";background:var(--suction);border-radius:2px;width:48px;height:4px;margin-top:8px;display:block}.design-b .prose ul{padding-left:0;list-style:none}.design-b .prose ul li{padding-left:24px;position:relative}.design-b .prose ul li:before{content:"";background:var(--suction);border-radius:50%;width:9px;height:9px;position:absolute;top:.62em;left:4px}.design-b .tries{border-left:4px solid var(--drive);background:color-mix(in srgb,var(--drive) 10%,transparent);border-radius:0 10px 10px 0;padding:10px 12px 2px}.design-b .prose table{border-radius:10px;display:table;overflow:hidden}.design-b .prose thead th{background:var(--btn);color:var(--btn-ink);border:0}.design-b .prose tbody tr:nth-child(2n){background:color-mix(in srgb,var(--line) 40%,transparent)}.design-b .prose strong{background:color-mix(in srgb,var(--heel) 22%,transparent);border-radius:3px;padding:0 3px}.design-b .sec.takeaways{border-color:var(--drive)}.design-b .sec.takeaways ul li:before{content:"✓";color:var(--drive);background:0 0;width:auto;height:auto;font-weight:700;top:0;left:2px}.pv-switch{z-index:9998;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font:600 13px/1.2 Barlow Semi Condensed,sans-serif;position:fixed;bottom:12px;left:12px;box-shadow:0 6px 24px #0000002e}.pv-switch p{color:var(--muted);margin:0 0 6px}.pv-switch button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:8px 10px;font:600 14px/1 Barlow Semi Condensed,sans-serif}.pv-switch button[aria-pressed=true]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}