:root{--bg:#f8f9fc;--card:#fff;--teal:#0d9488;--teal-soft:#ccfbf1;--purple:#7c3aed;--purple-soft:#ede9fe;--green:#16a34a;--green-soft:#dcfce7;--orange:#ea580c;--orange-soft:#ffedd5;--amber:#d97706;--amber-soft:#fef3c7;--red:#dc2626;--red-soft:#fee2e2;--blue:#2563eb;--blue-soft:#dbeafe;--t:#1a1a2e;--t2:#4a5568;--t3:#8896ab;--t4:#b0bec5;--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px -4px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--t);line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}a{color:var(--purple);text-decoration:none;border-bottom:1px dashed rgba(124,58,237,.4)}a:hover{border-bottom-style:solid}code{font-family:JetBrains Mono,monospace;font-size:.88em;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#0f172a}.hdr{position:sticky;top:0;z-index:100;background:#fffffff0;backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 20px;box-shadow:0 1px 3px #0000000a}.hdr-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:58px;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand-i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--purple),#5b21b6);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff}.brand-t{font-size:11px;font-weight:700;color:var(--t3);line-height:1.2}.brand-t b{color:var(--purple);display:block;font-size:12px}.toc-btn{padding:7px 14px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--purple);background:transparent;border:1px solid rgba(124,58,237,.3);border-radius:14px;cursor:pointer;font-family:inherit}.toc-btn:hover{background:#7c3aed14}.wrap{max-width:1100px;margin:0 auto;padding:40px 28px 80px}.hero{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--border)}.hero-eyebrow{font-size:10px;font-weight:800;color:var(--purple);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}.hero-h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(32px,5vw,48px);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:14px;color:var(--t)}.hero-h1 em{font-style:italic;color:var(--purple)}.hero-sub{font-size:15px;color:var(--t2);max-width:820px;line-height:1.65}.hero-meta{margin-top:20px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--t3)}.hero-meta span strong{color:var(--t);font-weight:700}h2{font-size:20px;font-weight:800;margin:40px 0 6px;color:var(--t);letter-spacing:-.01em;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:2px solid var(--border);padding-bottom:4px}h2 .num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--purple);color:#fff;font-size:12px;font-weight:900;flex-shrink:0}h2 .sub{font-size:11px;font-weight:500;color:var(--t3);letter-spacing:0;text-transform:none;margin-left:auto;font-style:italic}h3{font-size:14px;font-weight:800;margin:18px 0 8px;color:var(--t);text-transform:uppercase;letter-spacing:.8px}h4{font-size:12px;font-weight:800;margin:14px 0 6px;color:var(--purple);text-transform:uppercase;letter-spacing:1px}p{font-size:13.5px;color:var(--t2);margin-bottom:10px;line-height:1.7}.lead{font-size:14px;color:var(--t);line-height:1.7}ul,ol{margin:6px 0 12px 22px;font-size:13px;color:var(--t2);line-height:1.8}li{margin-bottom:3px}li strong{color:var(--t)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin:12px 0;box-shadow:var(--shadow)}.callout{margin:14px 0;padding:14px 18px;border-radius:10px;border-left:3px solid}.callout-warn{background:#fffbeb;border-color:var(--amber)}.callout-info{background:#eff6ff;border-color:var(--blue)}.callout-success{background:#f0fdf4;border-color:var(--green)}.callout-danger{background:#fef2f2;border-color:var(--red)}.callout-title{font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.callout-warn .callout-title{color:#78350f}.callout-info .callout-title{color:#1e3a8a}.callout-success .callout-title{color:#14532d}.callout-danger .callout-title{color:#7f1d1d}.callout p{font-size:13px;line-height:1.65;margin:0;color:var(--t2)}.callout p+p{margin-top:8px}.callout strong{color:var(--t)}.callout ul{margin-top:6px;font-size:12.5px}.badge{display:inline-block;padding:3px 9px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.b-stable{background:var(--green-soft);color:#15803d;border:1px solid #bbf7d0}.b-v1{background:var(--teal-soft);color:#0f766e;border:1px solid #99f6e4}.b-v2{background:var(--purple-soft);color:#6d28d9;border:1px solid #ddd6fe}.b-v3{background:var(--orange-soft);color:#c2410c;border:1px solid #fed7aa}.b-block{background:var(--red-soft);color:#b91c1c;border:1px solid #fecaca}.tbl-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border);margin:12px 0;box-shadow:var(--shadow);background:#fff}table{width:100%;border-collapse:collapse;min-width:600px}th{padding:10px 14px;font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;text-align:left;background:#faf5ff;color:#6d28d9;border-bottom:2px solid #e9d5ff}td{padding:10px 14px;font-size:12px;color:var(--t2);background:#fff;vertical-align:top;line-height:1.55;border-bottom:1px solid #f1f5f9}td:first-child{color:var(--t);font-weight:600}tr:last-child td{border-bottom:0}table.teal th{background:#f0fdf4;color:#0f766e;border-bottom-color:#99f6e4}table.red th{background:#fef2f2;color:#b91c1c;border-bottom-color:#fecaca}.code{background:#0c0f14;color:#e2e8f0;border-radius:10px;padding:14px 16px;margin:10px 0;font-size:11.5px;font-family:JetBrains Mono,monospace;line-height:1.75;overflow-x:auto;white-space:pre;border:1px solid #1e293b;position:relative}.code-label{position:absolute;top:6px;right:10px;font-size:9px;color:#64748b;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.code .k{color:#60a5fa}.code .s{color:#34d399}.code .c{color:#64748b;font-style:italic}.code .n{color:#f59e0b}.code .v{color:#f472b6}.checklist{list-style:none;margin:10px 0;padding:0}.checklist li{padding:10px 12px 10px 42px;position:relative;font-size:13px;color:var(--t2);line-height:1.6;background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:6px}.checklist li:before{content:"☐";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--purple);font-weight:700}.checklist li strong{color:var(--t);display:inline}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.two-col{grid-template-columns:1fr}}.toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:30px;box-shadow:var(--shadow-md)}.toc h3{margin-top:0;margin-bottom:10px;font-size:10px;color:var(--t3);letter-spacing:1.5px}.toc ol{margin:0;padding-left:20px;font-size:13px;columns:2;column-gap:20px}.toc ol li{padding:3px 0}.toc a{color:var(--t);border:0}.toc a:hover{color:var(--purple)}@media(max-width:700px){.toc ol{columns:1}}.ftr{text-align:center;padding:30px 0 10px;border-top:1px solid var(--border);margin-top:50px}.ftr p{font-size:10.5px;color:var(--t4);line-height:1.7}.state-diagram{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;margin:14px 0;box-shadow:var(--shadow);overflow-x:auto}.arch-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;margin:14px 0;box-shadow:var(--shadow-md)}@media print{.hdr{display:none}.wrap{padding:0;max-width:none}h2{page-break-after:avoid}.code,.card{page-break-inside:avoid}}