:root{--ink:#172033;--muted:#5d6778;--brand:#5b43d6;--brand2:#e8e4ff;--line:#dde2ea;--bg:#f7f8fb;--card:#fff;--warn:#fff5d8}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.68}
a{color:var(--brand)}.site-header{background:#141126;color:white;position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;padding:14px 20px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.brand{font-weight:850;color:white;text-decoration:none;font-size:1.18rem}.nav a:not(.brand){color:#eee;text-decoration:none;font-size:.94rem}
main{max-width:1120px;margin:auto;padding:34px 20px 70px}.hero{padding:38px;border-radius:22px;background:linear-gradient(135deg,#201b46,#654de2);color:white;margin-bottom:30px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;margin:0 0 12px}.hero p{max-width:760px;font-size:1.1rem;color:#eee}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 7px 22px rgba(25,30,45,.05)}.card h2,.card h3{margin-top:0;line-height:1.25}.card a{text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:.75rem;color:var(--brand)}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pill{background:var(--brand2);padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:700}
.article{max-width:850px;margin:auto}.article h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.article h2{margin-top:38px;line-height:1.25}.article li{margin:.55rem 0}.warning{background:var(--warn);border-left:5px solid #e6a700;padding:17px 20px;border-radius:8px;margin:24px 0}.callout{background:#eeecff;border-left:5px solid var(--brand);padding:17px 20px;border-radius:8px;margin:24px 0}
table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px;border:1px solid var(--line);text-align:left;vertical-align:top}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:var(--muted)}
footer{background:#141126;color:#ddd;padding:34px 20px}.footer-inner{max-width:1120px;margin:auto}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:white}
.small{font-size:.9rem;color:var(--muted)}.toc{background:white;border:1px solid var(--line);border-radius:14px;padding:18px 22px}.toc a{text-decoration:none}
@media(max-width:700px){.hero{padding:26px}.nav{gap:12px}.article h1{font-size:2.15rem}}