:root,:root[data-theme=light]{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-sub: #f1f5f9;--bg-badge: #e2e8f0;--bg-header: rgba(255, 255, 255, .92);--bg-footer: #f1f5f9;--text-primary: #0f172a;--text-body: #334155;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--border-subtle: #e2e8f0;--accent-blue: #0284c7;--accent-blue-hover: #0369a1;--accent-green: #059669;--accent-amber: #d97706;--accent-purple: #7c3aed;--accent-red: #dc2626;--bg-nav-hover: rgba(2, 132, 199, .08);--bg-nav-active: rgba(2, 132, 199, .12);--border-nav-active: rgba(2, 132, 199, .35);--hero-title-gradient: linear-gradient(to right, #0f172a, #334155);--bg-banner: linear-gradient(135deg, #fffbeb, #fef3c7);--border-banner: #fcd34d;--bg-archive-card: #faf5ff;--bg-archive-banner: rgba(124, 58, 237, .08);--border-archive-banner: rgba(124, 58, 237, .25);--text-archive-banner: #5b21b6;--bg-risk: rgba(220, 38, 38, .06);--border-risk: rgba(220, 38, 38, .22);--text-risk: #b91c1c;--card-shadow: 0 1px 3px rgba(15, 23, 42, .05);--max-w: 1200px}:root[data-theme=dark]{--bg-main: #090d16;--bg-card: #131b2e;--bg-card-hover: #1b2640;--bg-sub: #0d1322;--bg-badge: #1e293b;--bg-header: rgba(9, 13, 22, .92);--bg-footer: #060910;--text-primary: #f8fafc;--text-body: #cbd5e1;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #243049;--border-subtle: #1c273e;--accent-blue: #38bdf8;--accent-blue-hover: #0284c7;--accent-green: #34d399;--accent-amber: #fbbf24;--accent-purple: #c084fc;--accent-red: #f87171;--bg-nav-hover: rgba(56, 189, 248, .08);--bg-nav-active: rgba(56, 189, 248, .14);--border-nav-active: rgba(56, 189, 248, .35);--hero-title-gradient: linear-gradient(to right, #f8fafc, #94a3b8);--bg-banner: linear-gradient(135deg, #1e293b, #0f172a);--border-banner: #243049;--bg-archive-card: rgba(19, 27, 46, .6);--bg-archive-banner: rgba(192, 132, 252, .12);--border-archive-banner: rgba(192, 132, 252, .3);--text-archive-banner: #e9d5ff;--bg-risk: rgba(248, 113, 113, .08);--border-risk: rgba(248, 113, 113, .25);--text-risk: #fca5a5;--card-shadow: none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code{background:var(--bg-badge);color:var(--accent-blue);padding:.15rem .35rem;border-radius:4px;font-size:.85em}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:50;background:var(--bg-header);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:.75rem}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;flex-shrink:0}.brand-badge{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;font-size:.75rem;padding:.15rem .45rem;border-radius:4px;font-weight:700}.main-nav{margin-left:auto;margin-right:.75rem}.nav-links{display:flex;gap:.4rem;align-items:center;list-style:none}.nav-links a{display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:500;color:var(--text-secondary);padding:.35rem .75rem;border-radius:6px;border:1px solid transparent;white-space:nowrap}.nav-links a:hover{color:var(--accent-blue);background:var(--bg-nav-hover)}.nav-links a.active{background:var(--bg-nav-active);color:var(--accent-blue);border-color:var(--border-nav-active);font-weight:600}.theme-switch{display:inline-flex;align-items:center;background:var(--bg-sub);border:1px solid var(--border-color);border-radius:999px;padding:2px;gap:2px;flex-shrink:0}.theme-btn{appearance:none;border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;line-height:1.2;white-space:nowrap}.theme-btn:hover{color:var(--text-primary)}:root[data-theme=light] .theme-btn[data-set-theme=light],:root:not([data-theme=dark]) .theme-btn[data-set-theme=light]{background:var(--bg-card);color:var(--accent-blue);box-shadow:0 1px 2px #0f172a1a}:root[data-theme=dark] .theme-btn[data-set-theme=dark]{background:var(--bg-card);color:var(--accent-blue);box-shadow:0 1px 2px #00000059}main{flex:1;padding:2rem 0 3rem}.site-footer{background:var(--bg-footer);border-top:1px solid var(--border-color);padding:2.5rem 0 2rem;font-size:.85rem;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-col h4{color:var(--text-primary);font-size:.95rem;margin-bottom:.75rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a:hover{color:var(--accent-blue)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.tag-blue{background:#0284c71a;color:var(--accent-blue);border:1px solid rgba(2,132,199,.25)}.tag-green{background:#0596691a;color:var(--accent-green);border:1px solid rgba(5,150,105,.25)}.tag-amber{background:#d977061a;color:var(--accent-amber);border:1px solid rgba(217,119,6,.25)}.tag-purple{background:#7c3aed1a;color:var(--accent-purple);border:1px solid rgba(124,58,237,.25)}.tag-red{background:#dc26261a;color:var(--accent-red);border:1px solid rgba(220,38,38,.25)}:root[data-theme=dark] .tag-blue{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}:root[data-theme=dark] .tag-green{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}:root[data-theme=dark] .tag-amber{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}:root[data-theme=dark] .tag-purple{background:#c084fc26;color:#c084fc;border:1px solid rgba(192,132,252,.3)}:root[data-theme=dark] .tag-red{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}@media(max-width:768px){.nav-inner{flex-wrap:wrap;padding-top:.55rem;padding-bottom:.55rem;gap:.45rem}.brand{order:1;font-size:1.1rem}.theme-switch{order:2;margin-left:auto}.main-nav{order:3;width:100%;margin:0;border-top:1px solid var(--border-subtle);padding-top:.45rem}.nav-links{width:100%;justify-content:space-between;gap:.2rem}.nav-links li{flex:1;display:flex}.nav-links a{flex:1;font-size:.82rem;padding:.3rem .2rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.container{padding:0 .85rem}.nav-links a{font-size:.78rem;padding:.28rem .15rem}}