:root{--primary:#0d6efd;--primary-dark:#0a58ca;--bg:#ffffff;--ink:#0a1f44;--muted:#4f6481;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}
a{color:var(--primary);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:980px;margin:0 auto;padding:24px;}
.header{padding:18px 0;border-bottom:1px solid #eef2f7;background:#fff;position:sticky;top:0;z-index:5;}
.brand{font-weight:800;letter-spacing:.2px;color:var(--ink);}
.tag{display:inline-block;background:rgba(13,110,253,.1);color:var(--primary);padding:4px 10px;border-radius:999px;font-size:12px;margin-left:10px;}
.hero{padding:36px 0;}
.hero h1{font-size:32px;margin:0 0 8px 0;}
.hero p{color:var(--muted);margin:0 0 16px 0;}
.cta{display:inline-block;background:var(--primary);color:#fff;padding:12px 16px;border-radius:8px;font-weight:600;}
.cta.secondary{background:#e8f0ff;color:var(--primary);}
.grid{display:grid;grid-template-columns:1fr;gap:18px;}
.card{border:1px solid #e8eef7;border-radius:12px;padding:18px;background:#fff;}
.section h2{margin-top:28px;font-size:22px;}
.footer{margin-top:48px;padding:24px 0;border-top:1px solid #eef2f7;color:var(--muted);font-size:14px;}
.badge{display:inline-block;padding:3px 8px;border-radius:6px;background:#f2f6ff;color:var(--primary);font-weight:600;font-size:12px;margin-right:8px;}
.small{font-size:14px;color:var(--muted);}
.list-inline a{margin-right:10px;}
.related a{display:inline-block;margin-right:12px;margin-bottom:6px;}
.notice{background:#f9fbff;border-left:4px solid var(--primary);padding:12px 14px;border-radius:8px;}
.faq dt{font-weight:700;margin-top:14px;}
.faq dd{margin-left:0;margin-top:6px;color:var(--ink);}