
:root{--bg:#f7f9fb;--card:#fff;--text:#17202a;--muted:#5d6d7e;--brand:#1155cc;--brand-dark:#0b3d91;--line:#d9e2ec;--soft:#eef4ff;--warn:#fff7ed}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.62}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:linear-gradient(135deg,#0b3d91,#1175cc);color:#fff;padding:28px 18px}.header-inner,.container{max-width:1120px;margin:0 auto}.brand{font-size:34px;font-weight:800;color:#fff}.tagline{margin-top:6px;font-size:18px;opacity:.95}
.nav{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.nav a{color:#fff;border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:999px}
.hero{background:#fff;border-bottom:1px solid var(--line);padding:34px 18px}.hero h1{font-size:40px;line-height:1.12;margin:0 0 10px}.hero p{font-size:19px;color:var(--muted);max-width:820px}
.search-box{margin-top:22px;display:flex;gap:10px;max-width:780px}.search-box input{flex:1;padding:14px;border:1px solid var(--line);border-radius:8px;font-size:18px}.search-box button,.button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:14px 18px;font-size:16px;cursor:pointer;display:inline-block}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section{padding:30px 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card h3{margin-top:0}.kicker{color:var(--brand-dark);font-weight:bold;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 310px;gap:24px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.article h1{font-size:38px;line-height:1.15;margin-top:0}.article h2{margin-top:30px}.article h3{margin-bottom:4px}
.short-answer{background:var(--soft);border-left:5px solid var(--brand);padding:16px 18px;border-radius:8px;margin:22px 0;font-size:18px}.quick-facts li{margin-bottom:7px}.breadcrumb{color:var(--muted);margin-bottom:12px}.sidebar{position:sticky;top:12px}.note{background:var(--warn);border:1px solid #fed7aa;border-radius:8px;padding:14px;margin:20px 0}
.footer{background:#111827;color:#fff;padding:28px 18px;margin-top:30px}.footer a{color:#fff}
@media(max-width:900px){.grid,.article-layout{grid-template-columns:1fr}.hero h1,.article h1{font-size:31px}.search-box{flex-direction:column}.sidebar{position:static}}
