:root{--ink:#172b40;--muted:#5c7084;--line:#e0e9f0;--accent:#ec713c;--navy:#113c52;--bg:#f5f8fb}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-wrap:break-word}
img,video,iframe,svg{max-width:100%;height:auto}img{vertical-align:middle}a{color:#1767b2;text-underline-offset:3px}a:hover{color:#0e456f}
.wrap{width:calc(100% - 40px);max-width:1160px;margin-inline:auto;min-width:0}
.top{background:#10334a;color:#e8f3f9;font-size:12px;padding:7px 0;text-align:center}
.nav{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}
.nav>.wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:15px;min-height:78px}
.logo{flex:0 1 auto;min-width:0;color:#153b50;text-decoration:none;font-size:clamp(17px,1.7vw,21px);font-weight:800;letter-spacing:-.6px;line-height:1.25;overflow-wrap:anywhere}
.logo span{color:var(--accent)}
.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.6vw,22px);flex-wrap:wrap;min-width:0}
.nav nav a{font-size:14px;font-weight:650;text-decoration:none;color:#294157;white-space:nowrap}
.nav nav a:hover{color:#e36931}
.btn,.nav nav a.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;border:0;border-radius:9px;background:var(--accent);color:white!important;font-weight:750;text-decoration:none;text-align:center;line-height:1.3;cursor:pointer;max-width:100%}
.btn.secondary{background:var(--navy)}
.hero{background:linear-gradient(125deg,#e7f3f8 0%,#fff 75%);padding:60px 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(24px,4vw,56px)}
.hero-grid>*{min-width:0}.eyebrow{color:#18758b;font-weight:750;text-transform:uppercase;font-size:12px;letter-spacing:1px}
h1{font-size:clamp(30px,4vw,54px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0 18px;overflow-wrap:break-word}
h2{font-size:clamp(22px,2.2vw,29px);line-height:1.3;color:#17364d}h3{line-height:1.4}
p.lead{font-size:clamp(16px,1.5vw,18px);color:var(--muted);max-width:780px;line-height:1.7}
.section{padding:clamp(28px,4vw,52px) 0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.grid>*,.support-grid>*,.article-layout>*,.hero-grid>*{min-width:0}
.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:clamp(18px,2vw,25px);box-shadow:0 5px 20px rgba(12,37,57,.045);min-width:0;overflow-wrap:anywhere}
.card h3{margin:0 0 10px}.card p{color:var(--muted);margin:8px 0 12px}.card a{text-decoration:none}.tag{color:#14728a;font-size:12px;font-weight:750}
.banner{text-align:center;padding:16px 0;max-width:100%;overflow:hidden}.banner img{width:auto;max-width:100%;height:auto;border-radius:8px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,275px);align-items:start;gap:26px}
.article{min-width:0;background:#fff;padding:clamp(20px,3vw,36px);border-radius:14px;border:1px solid var(--line);overflow-wrap:anywhere}
.article h1{font-size:clamp(27px,3vw,40px)}.article h2{margin-top:30px}.article li{margin:9px 0}
.article pre,.article code{max-width:100%;overflow-x:auto}.article table{display:block;max-width:100%;overflow-x:auto}
.crumb{font-size:13px;color:#697c90;margin:18px 0}.sidebar{min-width:0;align-self:start}.sidebar .card{margin-bottom:18px}
.support-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.support-grid aside{min-width:0}.support-grid aside img{width:100%;height:auto}
.support input,.support textarea,.support select{display:block;width:100%;max-width:100%;padding:12px 13px;border:1px solid #cbd8e2;border-radius:9px;font:inherit;margin:5px 0 14px;background:white}
.support label{display:block;font-size:14px;font-weight:700}.support textarea{min-height:120px;resize:vertical}.support .consent{display:flex;gap:10px;font-weight:400}.support .consent input{width:auto;flex:0 0 auto;margin-top:6px}
.notice{background:#edf6fa;padding:15px;border-radius:10px;overflow-wrap:anywhere}
.hero-art{border-radius:20px;background:linear-gradient(140deg,#143d63,#137b89);color:white;padding:clamp(24px,3vw,38px);min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
.hero-art .shield{font-size:70px;line-height:1.1}.hero-art strong{font-size:clamp(22px,2.4vw,28px);line-height:1.25}
.search{width:100%;max-width:520px;padding:14px;border:1px solid #cbd7e5;border-radius:10px;font:inherit}
details{background:white;border:1px solid #dce6ee;padding:14px 18px;border-radius:10px;margin:10px 0}summary{font-weight:700;cursor:pointer}
.footer{background:#102d47;color:#d3dfeb;padding:36px 0;margin-top:38px}.footer .wrap{min-width:0}.footer a{color:#fff;margin-right:14px;display:inline-block}.footer p{font-size:13px;line-height:1.8}
@media(max-width:1020px){.nav>.wrap{flex-direction:column;justify-content:center;gap:12px}.nav nav{justify-content:center}.hero-grid{gap:24px}}
@media(max-width:800px){.hero-grid,.article-layout,.support-grid{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:36px 0}.article{padding:24px}.hero-art{min-height:220px}.sidebar{display:block}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)}.nav>.wrap{padding:13px 0}.nav nav{width:100%;gap:8px 13px;justify-content:center}.nav nav a{font-size:12px}.nav nav a.btn{padding:9px 13px;min-height:38px}.logo{text-align:center}.grid{grid-template-columns:minmax(0,1fr);gap:14px}.hero{padding:30px 0}.hero-grid{gap:22px}.hero-art{min-height:190px}.card{padding:18px}.article{padding:19px}.section{padding:28px 0}.footer{margin-top:24px}.banner{padding:12px 0}h1{letter-spacing:-.7px}}