:root{--navy:#10243a;--ink:#243447;--muted:#66788a;--line:#e4eaf0;--bg:#f5f8fb;--paper:#fff;--teal:#087f8c;--teal2:#e7f5f5;--gold:#bb8b25;--goldbg:#fff8e8;--red:#a33434;--redbg:#fff0f0;--shadow:0 14px 38px rgba(17,39,62,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.72 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{background:linear-gradient(120deg,#10243a,#17445a);color:#fff;padding:26px 0 20px;border-bottom:4px solid #23a1a7}
.brand{display:flex;align-items:center;justify-content:space-between;gap:20px}.brandname{font-weight:850;font-size:27px;letter-spacing:.08em}.brandname span{color:#56d0ca}.brand small{display:block;color:#c7d9e5;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.toplinks{display:flex;gap:10px;flex-wrap:wrap}.toplinks a{color:#eaf6fb;border:1px solid #54748a;border-radius:999px;padding:7px 13px;font-size:12px}
.hero{padding:35px 0 25px}.eyebrow{color:var(--teal);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.16em}.hero h1{font-size:clamp(30px,4vw,45px);line-height:1.16;color:var(--navy);margin:8px 0 12px;letter-spacing:-.035em}.hero p{max-width:820px;color:var(--muted);font-size:17px;margin:0}
.layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:50px}.sidebar{position:sticky;top:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);max-height:calc(100vh - 32px);overflow:auto}.sidebar strong{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:4px 8px 11px}.sidebar a{display:block;padding:8px 10px;border-radius:9px;color:#405469;font-size:13px;margin:2px 0}.sidebar a:hover,.sidebar a.active{background:var(--teal2);color:#075b66;font-weight:750;text-decoration:none}
main.content{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,42px);box-shadow:var(--shadow)}
.content h2{font-size:20px;color:var(--navy);margin:30px 0 8px;line-height:1.35}.content h2:first-child{margin-top:0}.content p{margin:8px 0;color:#405164}.content ul{padding-left:22px;color:#405164}.content li{padding:4px 0}.hi{background:var(--teal2);border-left:4px solid var(--teal);padding:14px 16px;border-radius:9px;margin:0 0 25px;color:#164e57}
.notice{background:var(--goldbg);border:1px solid #f0dfb8;border-left:4px solid var(--gold);padding:16px 18px;border-radius:12px;color:#664c16;margin:18px 0}.alert{background:var(--redbg);border:1px solid #f1d1d1;border-left:4px solid var(--red);padding:16px 18px;border-radius:12px;color:#742d2d;margin:18px 0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;transition:.16s;box-shadow:0 4px 18px rgba(17,39,62,.04)}.tile:hover{transform:translateY(-2px);border-color:#8ac6c8;text-decoration:none;box-shadow:var(--shadow)}.tile b{display:block;color:var(--navy);font-size:15px}.tile span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.tile em{display:block;font-style:normal;font-size:11px;color:var(--teal);font-weight:750;margin-top:12px}
.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:16px 0 23px}.pill{background:#eef3f7;padding:5px 10px;border-radius:999px}
footer{background:#10243a;color:#d6e3ec;padding:32px 0}.footgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.footgrid p{color:#b5c8d5;font-size:12px;margin:5px 0}.footgrid a{color:#91ded9}.footlinks{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:14px}
.sources a{overflow-wrap:anywhere}.small{font-size:12px;color:var(--muted)}.btn{display:inline-block;background:var(--teal);color:white;padding:10px 15px;border-radius:9px;font-weight:700;font-size:13px}.btn:hover{background:#066a74;text-decoration:none}
@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:relative;top:auto;max-height:none}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.brand{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}}
@media(max-width:520px){.wrap{padding:0 13px}.hero{padding:26px 0 20px}.grid{gap:10px}.content{padding:20px!important}.sidebar nav{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr}body{font-size:14px}}
@media print{body{background:#fff}.sidebar,.toplinks,.btn{display:none!important}.layout{display:block}.content{box-shadow:none;border:0;padding:0!important}header{background:#fff;color:#10243a;border-bottom:2px solid #10243a}.brand small{color:#555}.brandname span{color:#087f8c}footer{background:#fff;color:#333;border-top:1px solid #ddd}.footgrid p{color:#444}a{color:#123;text-decoration:underline}}