:root{--ink:#17222d;--muted:#5d6975;--blue:#145a86;--blue2:#0b405f;--sky:#eaf5fb;--gold:#f2b544;--paper:#fff;--line:#d8e2e8;--soft:#f5f8fa;--max:1460px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#f6f8fa;line-height:1.68}a{color:var(--blue2);text-underline-offset:3px}a:hover{color:#0a6da3}img,svg{max-width:100%;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:99}.site-header{background:#0d3852;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0002}.header-inner{max-width:var(--max);margin:auto;padding:.85rem 1.2rem;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#f2b544,#70c1e8);display:grid;place-items:center;color:#0d3852;font-weight:900}.nav-toggle{display:none;margin-left:auto;border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:.5rem;padding:.55rem .75rem;font-weight:700}.primary-nav{margin-left:auto;display:flex;gap:.25rem;flex-wrap:wrap}.primary-nav a{color:#fff;text-decoration:none;padding:.55rem .65rem;border-radius:.45rem;font-size:.94rem}.primary-nav a:hover,.primary-nav a[aria-current=page]{background:#ffffff1f}.wrap{max-width:var(--max);margin:auto;padding:1.25rem}.hero{background:linear-gradient(120deg,#0d3852,#176e9e);color:#fff;border-radius:1rem;padding:clamp(1.5rem,4vw,3.5rem);margin:1rem 0 1.4rem;box-shadow:0 15px 35px #15384b26}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;margin:.2rem 0 1rem;max-width:1000px}.hero p{font-size:1.12rem;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#f9cf78}.breadcrumb{font-size:.9rem;color:var(--muted);margin:.4rem 0 1rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.5rem;align-items:start}.article,.panel,.card,.tool-card{background:#fff;border:1px solid var(--line);border-radius:.9rem;box-shadow:0 5px 18px #20384a0d}.article{padding:clamp(1.2rem,3vw,2.5rem);min-width:0}.article h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;margin:.15rem 0 1rem}.article h2{margin-top:2.1rem;line-height:1.25;color:#123f5b}.article h3{margin-top:1.4rem;line-height:1.3}.article table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article th,.article td{padding:.7rem;border:1px solid var(--line);text-align:left;min-width:120px}.article th{background:var(--sky)}.article-author,.source-box,.notice,.callout{border-left:5px solid var(--gold);background:#fff9ea;padding:1rem 1.1rem;margin:1.35rem 0;border-radius:.4rem}.source-box{border-left-color:#2b8bbd;background:#eef8fd}.notice{border-left-color:#8a5bb4;background:#f7f1fb}.sidebar{position:sticky;top:82px}.panel{padding:1.1rem;margin-bottom:1rem}.panel h2{font-size:1.1rem;margin-top:0}.panel ul{padding-left:1.1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card,.tool-card{padding:1.15rem}.card h2,.card h3,.tool-card h2{margin-top:0}.card a.stretch{font-weight:800;text-decoration:none;font-size:1.08rem}.tag{display:inline-block;background:var(--sky);color:#124b69;padding:.22rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.meta{color:var(--muted);font-size:.9rem}.button,button{display:inline-block;border:0;background:var(--blue);color:#fff;text-decoration:none;padding:.7rem 1rem;border-radius:.55rem;font-weight:800;cursor:pointer}.button:hover,button:hover{background:var(--blue2);color:#fff}.tool-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;margin:1rem 0}.tool-form label{display:block;font-weight:700}.tool-form input,.tool-form select,.tool-form textarea{width:100%;margin-top:.3rem;padding:.65rem;border:1px solid #aebdc6;border-radius:.45rem;font:inherit}.tool-result{background:#eef8fd;border:1px solid #a8d5eb;border-radius:.6rem;padding:1rem;margin-top:1rem;min-height:3rem}.site-footer{background:#0d2d40;color:#d9e8f0;margin-top:2.5rem}.footer-inner{max-width:var(--max);margin:auto;padding:2rem 1.2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}.site-footer a{color:#fff}.footer-inner h2{font-size:1rem;color:#fff}.small{font-size:.88rem;color:var(--muted)}.site-footer .small{color:#c5d5de}.topic-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.topic-nav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;text-decoration:none}.two-col{columns:2;column-gap:2rem}.rate-table td:first-child{font-weight:700}.status{font-weight:800}.status.good{color:#146b3a}.status.warn{color:#8a4d00}@media(max-width:980px){.content-grid{grid-template-columns:1fr}.sidebar{position:static}.nav-toggle{display:block}.primary-nav{display:none;width:100%;margin:0;flex-direction:column}.primary-nav.open{display:flex}.header-inner{flex-wrap:wrap}.primary-nav a{padding:.7rem}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{padding:.8rem}.article{padding:1rem}.footer-inner{grid-template-columns:1fr}.two-col{columns:1}.hero{border-radius:.7rem}.brand span:last-child{font-size:.92rem}}