
:root{--ink:#18353a;--muted:#607477;--deep:#0b3440;--teal:#176b67;--mint:#a8e4d0;--sand:#f1c978;--paper:#f5f8f6;--line:#e0e9e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 Arial,Helvetica,sans-serif}
a{color:#12645d;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:0 24px}
.topbar{background:#062a33;color:#c8ded7;font-size:12px;padding:7px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}
header{background:var(--deep);color:white;position:relative}.head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 24px;max-width:1160px;margin:auto}
.brand{font-weight:900;letter-spacing:1.4px;font-size:21px;color:#fff}.brand span{color:var(--mint);display:block;font-size:10px;letter-spacing:3px}
nav{display:flex;flex-wrap:wrap;gap:15px}nav a{color:#e4f2ed;font-size:13px;font-weight:700}
main{min-height:65vh}.hero{background:linear-gradient(115deg,#0b3440 0%,#176b67 68%,#438b78 100%);color:white;padding:75px 0 68px}.hero .wrap{max-width:1160px}.kicker{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#3c8b7b;text-transform:uppercase}.hero .kicker{color:var(--mint)}h1{font-size:clamp(34px,5vw,58px);line-height:1.1;margin:12px 0 18px;letter-spacing:-1.2px}.hero p{font-size:18px;max-width:760px;color:#e1f0eb}.btn{display:inline-block;background:var(--sand);color:#18353a;padding:11px 19px;border-radius:30px;font-weight:800;margin:10px 8px 0 0}
main .content{padding:42px 0 70px}.intro{max-width:820px}.intro p,.article p{color:#465f62}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 16px}.section-head h2{margin:0}h2{font-size:29px;line-height:1.25;margin:36px 0 13px}h3{font-size:20px;line-height:1.3;margin:5px 0 10px}.lead{font-size:20px;color:#425c5f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:17px;margin:22px 0 30px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 20px #0b34400a}.card p{font-size:14px;color:var(--muted);margin:8px 0 13px}.tag{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#388578;text-transform:uppercase}.read{font-size:13px;font-weight:800}.split{display:grid;grid-template-columns:2fr 1fr;gap:32px}.sidebar{background:#e8f2ed;border-radius:14px;padding:22px;height:max-content}.sidebar ul{padding-left:19px}.crumb{font-size:12px;color:#718386;margin-bottom:22px}.crumb a{color:#507a73}.article{max-width:820px}.article h2{font-size:25px}.article ul{padding-left:22px}.notice{background:#edf3ef;border-left:4px solid #70a994;padding:15px 18px;border-radius:5px;color:#4e6668;margin:22px 0}.pill{display:inline-block;background:#e2f0e9;color:#24685e;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800;margin:4px 5px 4px 0}
footer{background:#062a33;color:#d8e8e2;padding:43px 0 24px;margin-top:30px}footer a{color:#a8e4d0}footer .footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer p,footer li{color:#b8cec7;font-size:13px}footer h3{color:white;font-size:15px}footer .copy{border-top:1px solid #31515a;margin-top:25px;padding-top:18px;font-size:12px;color:#a9c0b9}
input,button{font:inherit}.searchbox{display:flex;gap:8px;max-width:470px;margin-top:22px}.searchbox input{flex:1;min-width:0;border:0;border-radius:8px;padding:12px}.searchbox button{border:0;border-radius:8px;background:var(--sand);padding:0 17px;font-weight:800}
@media(max-width:780px){.head{display:block}.head nav{margin-top:16px;gap:10px}.split,footer .footgrid{grid-template-columns:1fr}.hero{padding:52px 0}.topbar .wrap{display:block}}
