:root{--paper:#f6f4ee;--paper-2:#efece3;--surface:#fff;--ink:#14161a;--ink-soft:#4a4f57;--line:#14161a;--line-soft:#d8d3c7;--primary:#0077bc;--primary-ink:#fff;--secondary:#009866;--warning:#d97706;--danger:#dc2626;--r:4px;--r-lg:6px;--bw:2px;--bw-bold:3px;--shadow:4px 4px 0 var(--ink);--shadow-sm:2px 2px 0 var(--ink);--font-display:var(--ff-display), system-ui, sans-serif;--font-body:var(--ff-body), system-ui, sans-serif;--font-mono:var(--ff-mono), ui-monospace, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--maxw:1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background-color:var(--paper);background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:-1px -1px;background-size:28px 28px;background-attachment:fixed;flex-direction:column;margin:0;font-size:17px;line-height:1.6;display:flex}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 var(--sp-4);text-wrap:balance;font-weight:900;line-height:1.05}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3.5vw,2.1rem)}h3{font-size:1.25rem}p{margin:0 0 var(--sp-4)}a{color:var(--primary);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}.container{width:100%;max-width:var(--maxw);padding:0 var(--sp-4);margin:0 auto}.section{padding:var(--sp-8) 0}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin:0 0 var(--sp-3);font-size:.78rem;font-weight:700}.panel{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.panel-pad{padding:var(--sp-6)}.btn{align-items:center;gap:var(--sp-2);font-family:var(--font-display);border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);padding:14px 22px;font-size:1rem;font-weight:800;line-height:1;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translate(-1px,-1px)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn:focus-visible{outline:3px solid var(--warning);outline-offset:2px}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:var(--bw) solid var(--line);background:var(--paper-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-free{background:var(--secondary);color:#fff;border-color:var(--secondary)}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{border:1px solid var(--line-soft);text-align:left;padding:8px 10px}.data-table th{background:var(--paper-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem}.data-table td.num{font-family:var(--font-mono);text-align:right}.data-table tbody tr:nth-child(2n) td{background:#fafaf7}.grid{gap:var(--sp-4);display:grid}@media (min-width:720px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.muted{color:var(--ink-soft)}.stack>*+*{margin-top:var(--sp-4)}:focus-visible{outline:3px solid var(--warning);outline-offset:2px}.article-body{font-size:1.06rem}.article-body h2{margin-top:var(--sp-8);padding-top:var(--sp-3);border-top:var(--bw) solid var(--line-soft)}.article-body h3{margin-top:var(--sp-6)}.article-body ul,.article-body ol{margin:0 0 var(--sp-4);padding-left:1.4em}.article-body li{margin-bottom:6px}.article-body blockquote{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-left:var(--bw-bold) solid var(--primary);background:var(--paper-2);border-radius:0 var(--r) var(--r) 0;color:var(--ink-soft)}.article-body blockquote p{margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.pd-stage{border:var(--bw) solid var(--line);border-radius:var(--r);background:#fff;min-height:600px;position:relative;overflow:hidden}.pd-drawing{justify-content:center;align-items:center;min-height:600px;padding:64px 24px;display:flex}@media (max-width:720px){.pd-stage{flex-direction:column;min-height:0;display:flex}.pd-corner{max-width:100%!important;padding:10px 14px 0!important;position:static!important;inset:auto!important}.pd-corner h3{font-size:1rem!important}.pd-tl{order:1}.pd-drawing{order:2;min-height:0!important;padding:8px 8px 12px!important}.pd-bl{order:3;padding-bottom:8px!important}.pd-br{order:4;text-align:left!important;padding-bottom:12px!important}.pd-thumbs{order:0;justify-content:flex-start!important;max-width:100%!important;padding:10px 14px 0!important;position:static!important}}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--sp-4);height:64px;display:flex}.site-search{flex:1;max-width:460px;position:relative}.search-hit mark{color:inherit;background:#fff2b8;border-radius:2px;padding:0 1px}.search-kbd{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line-soft);pointer-events:none;background:var(--paper);border-radius:3px;padding:1px 5px;font-size:.66rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (max-width:720px){.site-header-inner{gap:var(--sp-3);flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}.site-search{flex-basis:100%;order:3;max-width:none}.search-kbd{display:none}}