.article{max-width:760px;margin:0 auto;padding:0 20px;font-size:17px;line-height:1.85}.article header.meta{border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:32px}.article .breadcrumb{font-size:14px;color:var(--muted);margin-bottom:12px}.article .breadcrumb a{color:var(--muted);text-decoration:none}.article .breadcrumb a:hover{color:var(--primary);text-decoration:underline}.article h1{font-size:38px;line-height:1.25;margin:0 0 16px;letter-spacing:-.5px}.article .deck{font-size:20px;line-height:1.6;color:var(--muted);margin:0 0 24px}.article .byline{font-size:14px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}.article .tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:12px;font-weight:600}.article h2{font-size:28px;margin:48px 0 16px;letter-spacing:-.3px;scroll-margin-top:20px}.article h3{font-size:22px;margin:32px 0 12px}.article h4{font-size:18px;margin:24px 0 8px;color:var(--primary)}.article p{margin:0 0 18px}.article ul,.article ol{margin:0 0 18px;padding-inline-start:28px}.article li{margin-bottom:8px}.article a{color:var(--primary)}.article a:hover{text-decoration:underline}.article strong{font-weight:700;color:inherit}.article blockquote{margin:24px 0;padding:16px 24px;border-inline-start:4px solid var(--primary);background:var(--surface);border-radius:8px;font-size:17px;font-style:italic;color:var(--muted)}.article blockquote cite{display:block;margin-top:8px;font-size:14px;font-style:normal;color:var(--muted)}.article .callout{margin:28px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.article .callout.info{border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}.article .callout.warn{border-color:#fcd34d;background:#fffbeb;color:#78350f}.article .callout.danger{border-color:#fca5a5;background:#fef2f2;color:#7f1d1d}.article .callout.success{border-color:#6ee7b7;background:#ecfdf5;color:#064e3b}.article .callout h3,.article .callout h4{margin-top:0;font-size:16px;color:inherit}.article figure{margin:32px 0;text-align:center}.article figure img,.article figure svg{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.article figcaption{margin-top:12px;font-size:14px;color:var(--muted);font-style:italic}.article code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.92em;font-family:ui-monospace,Cascadia Mono,monospace}.article pre{background:#0f172a;color:#e2e8f0;padding:16px 20px;border-radius:8px;overflow-x:auto;font-size:14px;margin:18px 0}.article pre code{background:transparent;border:0;padding:0;color:inherit}.article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.article th,.article td{border:1px solid var(--border);padding:10px 12px;text-align:start;vertical-align:top}.article th{background:var(--surface);font-weight:700;font-size:14px}.article .toc{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:32px}.article .toc h2{font-size:16px;margin:0 0 12px;color:var(--muted);font-weight:600}.article .toc ol{margin:0;padding-inline-start:20px;font-size:15px}.article .toc li{margin-bottom:4px}.article .toc a{color:var(--text);text-decoration:none}.article .toc a:hover{color:var(--primary)}.article .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:28px 0}.article .stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;text-align:center}.article .stat-num{font-size:32px;font-weight:800;color:var(--primary);line-height:1;margin-bottom:6px}.article .stat-lbl{font-size:13px;color:var(--muted)}.article .cta-card{margin:40px 0;padding:28px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-radius:16px}.article .cta-card h3{color:#fff;margin-top:0;font-size:22px}.article .cta-card p{color:#ffffffeb;margin-bottom:20px}.article .cta-card .btn{background:#fff;color:var(--primary)}.article .cta-card .btn:hover{background:#fef9c3}.article footer.article-foot{border-top:1px solid var(--border);margin-top:48px;padding-top:32px;font-size:14px;color:var(--muted)}.article .related{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.article .related a{display:block;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text)}.article .related a:hover{border-color:var(--primary);color:var(--primary)}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:28px}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .15s,border-color .15s;text-decoration:none;color:inherit}.article-card:hover{transform:translateY(-2px);border-color:var(--primary)}.article-card .tag-line{display:flex;gap:6px;flex-wrap:wrap}.article-card h2{margin:0;font-size:20px;line-height:1.3}.article-card .excerpt{color:var(--muted);font-size:15px;line-height:1.55;flex:1}.article-card .read-more{color:var(--primary);font-weight:600;font-size:14px;margin-top:auto}@media (prefers-color-scheme: dark){.article .callout.info{background:#1e3a8a;color:#dbeafe;border-color:#2563eb}.article .callout.warn{background:#422006;color:#fde68a;border-color:#92400e}.article .callout.danger{background:#4c0519;color:#fecaca;border-color:#b91c1c}.article .callout.success{background:#064e3b;color:#d1fae5;border-color:#047857}.article blockquote{background:#1e293b}.article .tag{background:#1e3a8a;color:#dbeafe}}@media (max-width: 600px){.article{font-size:16px}.article h1{font-size:28px}.article h2{font-size:22px}.article .deck{font-size:17px}}