@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Source+Serif+Pro:wght@300;400;600&family=Instrument+Serif:ital@0;1&family=Caveat:wght@400;500;600;700&family=Patrick+Hand&family=Indie+Flower&family=Kalam:wght@300;400;700&family=JetBrains+Mono:wght@300;400&display=swap";
.explainer-article{--ex-bg:#fff;--ex-paper:#fff;--ex-ink:#1a1612;--ex-mute:#1a16128c;--ex-line:#1a16121a;--ex-vessel:#008f84;background:var(--ex-bg);color:#1a1612e0;-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Iowan Old Style,Charter,Source Serif Pro,Georgia,serif;overflow-y:auto}.explainer-article ::selection{background:#008f8429}.explainer-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ex-line);background:#ffffffeb;padding:18px 24px;position:sticky;top:0}.explainer-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:720px;margin:0 auto;display:flex}.explainer-back{color:#1a161299;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.85rem;text-decoration:none;transition:color .2s}.explainer-back:hover{color:var(--ex-ink)}.explainer-mode-toggle{letter-spacing:.28em;text-transform:uppercase;color:var(--ex-mute);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.55rem;display:flex}.explainer-mode-toggle a{color:inherit;padding:2px 0;text-decoration:none;transition:color .2s}.explainer-mode-toggle a:hover{color:var(--ex-ink)}.explainer-mode-toggle .active{color:var(--ex-vessel);border-bottom:1px solid var(--ex-vessel);padding:2px 0}.explainer-mode-toggle .sep{color:#1a161240}.explainer-brand{letter-spacing:.12em;color:#1a161273;text-transform:uppercase;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.7rem}.explainer-brand .v{color:var(--ex-vessel);margin:0 3px}.explainer-hero{max-width:720px;margin:0 auto;padding:64px 24px 28px;position:relative}.explainer-meta{color:var(--ex-vessel);margin-bottom:14px;font-family:Caveat,cursive;font-size:1.2rem;font-weight:500;display:inline-block;transform:rotate(-1deg)}.explainer-title{letter-spacing:-.005em;color:var(--ex-ink);max-width:22ch;margin:0 0 18px;font-family:Nunito,system-ui,-apple-system,sans-serif;font-size:clamp(1.9rem,4.6vw,2.7rem);font-weight:600;line-height:1.18}.explainer-title em{white-space:nowrap;font-family:Instrument Serif,serif;font-style:italic;font-weight:400;position:relative}.explainer-title em svg{width:100%;height:12px;position:absolute;bottom:-8px;left:0;right:0}.explainer-dek{color:#1a1612bf;max-width:56ch;margin:0;font-family:Source Serif Pro,Charter,Georgia,serif;font-size:1.05rem;line-height:1.6}.explainer-tldr{max-width:720px;margin:0 auto;padding:0 24px;position:relative}.explainer-tldr-card{background:#fff39e;max-width:480px;margin:32px 0 8px;padding:18px 22px 20px;position:relative;transform:rotate(-.6deg);box-shadow:0 8px 22px -8px #0000002e}.explainer-tldr-card:before{content:"";background:#d4bc6e52;border:1px dashed #8c641e66;width:86px;height:18px;position:absolute;top:-10px;left:16%;transform:rotate(-3deg)}.explainer-tldr-h{letter-spacing:.04em;color:var(--ex-vessel);text-transform:uppercase;margin-bottom:4px;font-family:Caveat,cursive;font-size:1.05rem;font-weight:700;display:block}.explainer-tldr-card p{color:#1a1612eb;margin:0;font-family:Patrick Hand,cursive;font-size:1.08rem;line-height:1.4}.explainer-tldr-card p b{color:var(--ex-vessel)}.explainer-body{max-width:720px;margin:0 auto;padding:32px 24px 80px}.explainer-body p{color:#1a1612e0;max-width:56ch;margin:0 0 24px;font-family:Source Serif Pro,Charter,Georgia,serif;font-size:1.12rem;font-weight:400;line-height:1.75}.explainer-body p b{color:var(--ex-ink);font-weight:600}.explainer-body p .v{color:var(--ex-vessel)}.explainer-body a{color:var(--ex-vessel);text-underline-offset:3px;-webkit-text-decoration:underline #008f8461;text-decoration:underline #008f8461}.explainer-body a:hover{-webkit-text-decoration-color:var(--ex-vessel);text-decoration-color:var(--ex-vessel)}.explainer-section-h{color:var(--ex-ink);margin:48px 0 18px;font-family:Caveat,cursive;font-size:1.7rem;font-weight:600;display:inline-block;position:relative;transform:rotate(-.5deg)}.explainer-section-h:after{content:"";z-index:-1;background:#008f8429;height:6px;position:absolute;bottom:0;left:-4px;right:-4px}.explainer-section-h .arr{color:var(--ex-vessel);margin-right:10px;font-family:Indie Flower,cursive}.explainer-row{align-items:flex-start;gap:22px;margin:8px 0 30px;display:flex}.explainer-row p{flex:1;margin:0}.explainer-row .pin{flex:0 0 220px;position:relative}.explainer-row .pin .explainer-stk{color:#1a1612eb;padding:14px 16px;font-family:Patrick Hand,cursive;font-size:.98rem;line-height:1.32;box-shadow:0 6px 16px -6px #0000002e}.explainer-row .pin .explainer-stk b{color:var(--ex-vessel);font-weight:600}.explainer-row .pin .explainer-stk .h{letter-spacing:.06em;color:#1a16128c;text-transform:uppercase;margin-bottom:4px;font-family:Caveat,cursive;font-size:.95rem;font-weight:700;display:block}.explainer-row .pin .explainer-stk.yellow{background:#fff39e;transform:rotate(-2deg)}.explainer-row .pin .explainer-stk.pink{background:#ffc6d8;transform:rotate(2.4deg)}.explainer-row .pin .explainer-stk.blue{background:#c4ddf6;transform:rotate(-2.2deg)}.explainer-row .pin .explainer-stk.green{background:#cdedb6;transform:rotate(2.6deg)}.explainer-row .pin .explainer-stk.lilac{background:#e0d5ff;transform:rotate(-1.8deg)}.explainer-diagram{background:var(--ex-paper);border:1px solid #1a161214;margin:40px -90px 56px;padding:56px 24px 80px;position:relative;transform:rotate(-.25deg);box-shadow:0 18px 36px -26px #1a16121f}.explainer-diagram:before{content:"";background:#d4bc6e52;border:1px dashed #8c641e66;width:96px;height:22px;position:absolute;top:-10px;left:22%;transform:rotate(-3deg)}.explainer-diagram:after{content:"";background:#d4bc6e52;border:1px dashed #8c641e66;width:76px;height:22px;position:absolute;top:-10px;right:22%;transform:rotate(3deg)}.explainer-rack-wrap{width:100%;max-width:380px;margin:0 auto;position:relative}.explainer-rack-svg{width:100%;display:block}.explainer-cap{text-align:center;color:#1a1612bf;margin-top:22px;font-family:Caveat,cursive;font-size:1.2rem;font-weight:500}.explainer-cap .v{color:var(--ex-vessel)}.explainer-sticky{color:#1a1612eb;z-index:3;padding:11px 13px;font-family:Patrick Hand,cursive;font-size:.92rem;line-height:1.32;position:absolute;box-shadow:0 5px 14px #00000029}.explainer-sticky .h{letter-spacing:.06em;color:#1a16128c;text-transform:uppercase;margin-bottom:2px;font-family:Caveat,cursive;font-size:.92rem;font-weight:700;display:block}.explainer-sticky b{color:var(--ex-vessel);font-weight:600}.explainer-sticky.yellow{background:#fff39e}.explainer-sticky.pink{background:#ffc6d8}.explainer-sticky.blue{background:#c4ddf6}.explainer-sticky.green{background:#cdedb6}.explainer-sticky.lilac{background:#e0d5ff}.explainer-num{border:2px solid var(--ex-vessel);width:24px;height:24px;color:var(--ex-vessel);z-index:4;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font-family:Caveat,cursive;font-size:1rem;font-weight:700;display:flex;position:absolute;transform:rotate(-3deg)}.explainer-marg{color:var(--ex-vessel);z-index:4;pointer-events:none;font-family:Caveat,cursive;font-weight:500;line-height:1.1;position:absolute}.explainer-flow-arrow{text-align:center;color:var(--ex-vessel);margin:22px 0;font-family:Indie Flower,cursive;font-size:1.6rem;transform:rotate(-1deg)}.explainer-footer{border-top:1px solid var(--ex-line);letter-spacing:.28em;max-width:720px;color:var(--ex-mute);text-transform:uppercase;justify-content:space-between;gap:16px;margin:0 auto;padding:28px 24px 56px;font-family:JetBrains Mono,monospace;font-size:.6rem;display:flex}.explainer-footer a{color:var(--ex-ink);text-decoration:none}.explainer-footer a:hover{color:var(--ex-vessel)}@media (max-width:900px){.explainer-diagram{margin-left:-12px;margin-right:-12px;padding:48px 16px 64px}}@media (max-width:720px){.explainer-nav{padding-right:16px}.explainer-row{flex-direction:column;gap:12px}.explainer-row .pin{flex:none;align-self:flex-start;max-width:260px}.explainer-diagram{margin-left:0;margin-right:0;padding:36px 14px 56px}.explainer-nav-inner{gap:10px}.explainer-mode-toggle{letter-spacing:.2em;font-size:.48rem}.explainer-brand{display:none}.explainer-hero{padding:40px 20px 20px}.explainer-title{font-size:clamp(1.6rem,7vw,2.2rem)}.explainer-diagram .explainer-sticky,.explainer-diagram .explainer-marg{display:none!important}.explainer-diagram .explainer-num{width:20px!important;height:20px!important;font-size:.78rem!important}.explainer-diagram{padding:32px 12px 40px}.explainer-diagram .explainer-cap{margin-top:16px;font-size:1.05rem}}