:root{--ink:#0f1b2b;--ink-soft:#16263b;--paper:#edeff2;--paper-dim:#dfe3e8;--line:#3c5169;--line-soft:#c7cdd6;--accent:#66424e;--text:#16202c;--muted:#5b6b7d;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;--rail-w:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-left:var(--rail-w);background:var(--paper);color:var(--text);font-family:var(--sans);line-height:1.5}@media (max-width:720px){body{padding-left:0}.rail{display:none}}.rail{position:fixed;top:0;left:0;width:var(--rail-w);height:100vh;background:var(--ink);background-image:repeating-linear-gradient(180deg,transparent,transparent 39px,rgba(102,66,78,.35) 0,rgba(102,66,78,.35) 40px)}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.dim{color:var(--muted)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 48px 24px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:16px}.mark{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:16px;font-weight:500;letter-spacing:.01em;color:var(--accent)}.mark-icon{width:34px;height:30px;border-radius:4px;object-fit:cover;display:block}.site-nav{display:flex;gap:28px;font-size:14.5px}.site-nav a{color:var(--muted);border-bottom:1px solid transparent;padding-bottom:2px;transition:color .15s ease,border-color .15s ease}.site-nav a:hover{color:var(--text);border-color:var(--accent)}main{min-height:calc(100vh - 220px)}.section{padding:72px 48px;max-width:980px}.section--wide{max-width:1140px}.section-label{font-family:var(--mono);font-size:13px;color:var(--accent);margin-bottom:14px}.section-label:before{content:"// ";color:var(--line)}h1{font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.08;margin:0 0 24px;max-width:15ch}h1,h2{font-weight:600}h2{font-size:1.7rem;margin:0 0 20px;max-width:26ch}h3{font-size:1.15rem;font-weight:600;margin:0 0 8px}p{max-width:62ch;color:var(--text)}.lede{font-size:1.15rem;color:var(--muted);max-width:54ch}.hero{padding:88px 48px 56px;border-bottom:1px solid var(--line-soft)}.hero-meta{display:flex;gap:32px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line-soft);flex-wrap:wrap;font-family:var(--mono);font-size:13.5px;color:var(--muted)}.hero-meta strong{display:block;color:var(--text);font-family:var(--sans);font-size:15px;font-weight:600;margin-bottom:2px}.stack{display:flex;flex-direction:column}.divided>*{padding:28px 0;border-bottom:1px solid var(--line-soft)}.divided>:first-child{padding-top:0}.divided>:last-child{border-bottom:none}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.grid-2>*{background:var(--paper);padding:32px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}.hero,.section,.site-header{padding-left:24px;padding-right:24px}}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{font-family:var(--mono);font-size:12.5px;padding:4px 10px;border:1px solid var(--line-soft);color:var(--muted)}.case{padding:32px 0;border-bottom:1px solid var(--line-soft)}.case:last-child{border-bottom:none}.case-index{font-family:var(--mono);color:var(--accent);font-size:13px;margin-bottom:10px}.case-stats{display:flex;gap:28px;margin-top:18px;flex-wrap:wrap}.case-stat{font-family:var(--mono)}.case-stat b{display:block;font-size:1.4rem;color:var(--text);font-family:var(--sans);font-weight:600}.case-stat span{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:14px;padding:12px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer}.btn:hover{background:var(--ink-soft)}.btn[disabled]{opacity:.6;cursor:default}.btn-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}form{max-width:460px;margin-top:32px}.field{margin-bottom:20px}.field label{display:block;font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid var(--line-soft);background:#fff;padding:11px 12px;font-family:var(--sans);font-size:15px;color:var(--text)}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.status-line{margin-top:18px;font-family:var(--mono);font-size:13.5px}.status-line.ok{color:#3f7a53}.status-line.err{color:#b5482c}.site-footer{display:flex;justify-content:space-between;padding:28px 48px 40px;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:8px}