:root{--bg:#081325;--card:#0f2038;--text:#ebe7db;--muted:#aaa595;--line:#1d3150;--accent:#d9b061;--accent-2:#f2d491}:root[data-theme=light]{--bg:#f7f1e4;--card:#fffdf8;--text:#22232b;--muted:#5f5b52;--line:#e3dccb;--accent:#8f6417;--accent-2:#b07d22}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.btn{display:inline-block;padding:8px 14px;border-radius:9px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#17130a;font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}main{max-width:760px;margin:0 auto;padding:22px 16px 40px}main.list{max-width:1000px}.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}.crumbs a{color:var(--muted)}h1{font-family:Be Vietnam Pro,system-ui,sans-serif;font-weight:700;font-size:clamp(28px,5.5vw,40px);line-height:1.2;margin:0 0 8px}.meta{font-size:13.5px;color:var(--muted)}.lead{font-size:18.5px;color:var(--muted);margin:14px 0 18px}.toc{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px 18px;margin:18px 0;font-size:15px}.toc ol{margin:8px 0 0;padding-left:20px}.toc li.l3{margin-left:16px;list-style:circle}.prose h2{font-family:Be Vietnam Pro,system-ui,sans-serif;font-weight:700;font-size:26px;line-height:1.3;margin:34px 0 10px;scroll-margin-top:70px}.prose h3{font-size:19px;margin:24px 0 6px;scroll-margin-top:70px}.prose p,.prose li{margin:0 0 14px}.prose ul,.prose ol{padding-left:24px}.prose blockquote{margin:22px 0;padding:14px 18px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 12px 12px 0}.prose blockquote p{margin:0}.prose hr{border:none;border-top:1px solid var(--line);margin:28px 0}.cta-box{margin:32px 0;padding:20px;border:1px solid var(--accent);border-radius:14px;background:var(--card)}.cta-box p{margin:6px 0 12px;color:var(--muted)}.related{margin-top:30px}.related h2{font-size:20px}.related li{margin:6px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 20px}.tabs a{padding:6px 12px;border-radius:20px;border:1px solid var(--line);text-decoration:none;color:var(--muted);font-size:14px}.tabs a.on{border-color:var(--accent);color:var(--accent)}.tabs.sys{margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-decoration:none;color:var(--text)}.card:hover{border-color:var(--accent)}.card h2{font-size:19px;line-height:1.35;margin:0}.card p{margin:0;color:var(--muted);font-size:15px}.card .tag{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.card .meta{margin-top:auto}.empty{color:var(--muted)}@media (max-width:600px){body{font-size:16.5px}}.cover{display:block;width:100%;height:auto;aspect-ratio:320/168;background:#14213d}.card{padding:0 0 16px;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.card .tag,.card h2,.card p,.card .meta{padding:0 18px}.card .cover{margin-bottom:8px;transition:transform .4s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px -22px color-mix(in oklab,var(--accent) 60%,transparent)}.card:hover .cover{transform:scale(1.04)}.cover-wide{border-radius:16px;margin:10px 0 18px}@media (prefers-reduced-motion:reduce){.card,.card .cover{transition:none}}