*{box-sizing:border-box}
body{margin:0;background:#ffffff;color:#12212e;font:16px/1.65 'Inter',system-ui,-apple-system,sans-serif;
 -webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid #dde6ee;padding:18px 0;margin-bottom:34px}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font:600 17px/1.2 'Inter',system-ui,sans-serif;color:#12212e;text-decoration:none;letter-spacing:-.01em}
nav a{color:#5a6b7a;text-decoration:none;font-size:14px;margin-left:16px}
nav a:hover{color:#0583c6}
h1{font:700 clamp(26px,4vw,36px)/1.2 'Inter',system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 14px}
h2{font:600 22px/1.3 'Inter',system-ui,sans-serif;margin:36px 0 12px;letter-spacing:-.01em}
h3{font:600 17px/1.35 'Inter',system-ui,sans-serif;margin:26px 0 8px}
p{margin:0 0 16px}
a{color:#0583c6}
.lede{font-size:18px;color:#5a6b7a;margin-bottom:28px}
.card{background:#f4f8fb;border:1px solid #dde6ee;border-radius:6px;
 padding:18px 20px;margin:0 0 14px;box-shadow:0 1px 2px rgba(18,33,46,.06)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.grid .card{margin:0}
.grid .card a{font-weight:600;text-decoration:none}
.meta{font-size:13px;color:#5a6b7a;margin-top:6px}
table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid #dde6ee;white-space:nowrap}
th{font:600 13px/1.3 'Inter',system-ui,sans-serif;color:#5a6b7a;text-transform:uppercase;letter-spacing:.04em}
.note{border-left:3px solid #0583c6;padding:12px 16px;background:#f4f8fb;
 margin:0 0 20px;font-size:15px;border-radius:0 6px 6px 0}
footer.site{border-top:1px solid #dde6ee;margin-top:56px;padding:26px 0 46px;
 font-size:14px;color:#5a6b7a}
footer.site a{color:#5a6b7a}
footer.site .disc{margin-top:14px;font-size:12.5px;line-height:1.6}
ul.clean{padding-left:20px} ul.clean li{margin-bottom:7px}
@media (prefers-color-scheme:dark){ body{background:#ffffff;color:#12212e} }

/* --- brand header + hero --- */
.brand{display:flex;align-items:center;gap:10px;font:600 17px/1.2 'Inter',system-ui,sans-serif}
.brand img{height:30px;width:auto;display:block}
.brand .wm{color:#002a41;letter-spacing:-.01em}
header.site{border-bottom:1px solid #dde6ee;padding:16px 0;margin-bottom:0}
.hero{background:linear-gradient(160deg,#002a41 0%,#013a56 55%,#0583c6 130%);
 color:#eaf4f9;padding:52px 0 46px;margin-bottom:38px}
.hero h1{color:#fff;margin:0 0 14px;font-size:clamp(28px,4.4vw,40px)}
.hero .lede{color:#b8d8e6;font-size:18px;margin:0;max-width:44rem}
.hero .eyebrow{font:600 12px/1 'Inter',system-ui,sans-serif;letter-spacing:.14em;
 text-transform:uppercase;color:#70c9cc;margin:0 0 14px}
main.wrap{padding-top:0}
.grid .card{transition:border-color .15s ease,box-shadow .15s ease}
.grid .card:hover{border-color:#70c9cc;box-shadow:0 2px 10px rgba(5,131,198,.10)}
footer.site{background:#f7fafc}

/* --- accessibility + misc (previously missing) --- */
.skip{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;
 background:#002a41;color:#fff;padding:10px 16px;z-index:99;text-decoration:none}
.skip:focus{left:0;width:auto;height:auto;overflow:visible}
.crumb{font-size:13px;color:#5a6b7a;margin:0 0 18px}
.crumb a{color:#5a6b7a}
img{max-width:100%;height:auto}
article{max-width:100%}
:focus-visible{outline:2px solid #0583c6;outline-offset:2px}