:root{--bg: #ffffff;--bg-subtle: #f7f9fc;--border: #e1e8f0;--text: #1a2332;--text-secondary: #4a5568;--text-muted: #718096;--accent: #0050d4;--accent-light: #e8f0fd;--warn: #b45309;--warn-bg: #fffbeb;--warn-border: #fcd34d;--code-bg: #f0f4f8;--max-width: 720px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace}.article{max-width:var(--max-width);margin:0 auto;padding:64px 24px 96px}.article-meta{font-size:13px;color:var(--text-muted);margin-bottom:12px;display:flex;gap:16px;align-items:center}.tag{background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.article h1{font-size:36px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text);margin-bottom:20px}.article-lede{font-size:20px;line-height:1.55;color:var(--text-secondary);border-left:3px solid var(--accent);padding-left:20px;margin-bottom:48px}.article h2{font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:52px 0 16px;padding-top:8px}.article h3{font-size:18px;font-weight:700;color:var(--text);margin:36px 0 12px}.article p{margin-bottom:20px;text-align:justify}.article a{color:var(--accent);text-decoration:none}.article a:hover{text-decoration:underline}.article strong{font-weight:600}.table-wrap{overflow-x:auto;margin:28px 0}.article table{width:100%;border-collapse:collapse;font-size:14px}.article th{text-align:left;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;border-bottom:2px solid var(--border);background:var(--bg-subtle)}.article td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.article tr:last-child td{border-bottom:none}.article tr:hover td{background:var(--bg-subtle)}.article code{font-family:var(--font-mono);font-size:13px;background:var(--code-bg);padding:2px 6px;border-radius:4px;color:var(--text)}.article pre{background:#1a2332;color:#e2e8f0;padding:20px 24px;border-radius:8px;overflow-x:auto;margin:24px 0;font-family:var(--font-mono);font-size:13px;line-height:1.6}.article pre code{background:none;padding:0;color:inherit}.kw{color:#93c5fd}.fn{color:#6ee7b7}.str{color:#fcd34d}.cm{color:#64748b}.callout{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--accent-light);padding:16px 20px;border-radius:6px;margin:28px 0;font-size:15px}.callout-warn{border-color:var(--warn-border);border-left-color:var(--warn);background:var(--warn-bg)}.callout-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.callout-warn .callout-label{color:var(--warn)}.article blockquote{border-left:4px solid var(--accent);padding:4px 0 4px 24px;margin:32px 0;color:var(--text-secondary);font-size:19px;line-height:1.5;font-style:italic}.article blockquote cite{display:block;margin-top:10px;font-size:13px;font-style:normal;color:var(--text-muted);font-weight:500}.token-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.token-box{border:1px solid var(--border);border-radius:8px;padding:20px}.token-box.good{border-color:#22c55e;background:#f0fdf4}.token-box.bad{border-color:#ef4444;background:#fef2f2}.token-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.token-num{font-size:32px;font-weight:800;letter-spacing:-.02em}.token-box.bad .token-num{color:#dc2626}.token-box.good .token-num{color:#16a34a}.token-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stat-box{border:1px solid var(--border);border-radius:8px;padding:20px 16px;text-align:center;background:var(--bg-subtle)}.stat-n{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--accent)}.stat-l{font-size:12px;color:var(--text-muted);margin-top:4px}.cta-block{background:var(--accent);border-radius:8px;padding:28px 32px;margin:52px 0;color:#fff}.cta-block h3{color:#fff;margin:0 0 8px}.cta-block p{color:#ffffffd9;margin-bottom:16px;font-size:15px}.cta-install{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:12px 16px;font-family:var(--font-mono);font-size:14px;color:#fff;display:flex;align-items:center;gap:12px}.cta-install span{color:#ffffff80}@media (max-width: 600px){.article h1{font-size:26px}.token-compare,.stat-row{grid-template-columns:1fr}}