:root{--bg:#f4f6f9;--card:#fff;--ink:#14202e;--muted:#5d6b7b;--line:#dde3ea;--navy:#0b2e55;--blue:#0f5ec2;--blue-d:#0b4a9c;--cta:#d9480f;--cta-d:#b93b09;--tag:#e8f0fb;--ff:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--ffs:'Source Serif 4',Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--ff);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1060px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:4px;z-index:99}
.skip:focus{left:8px}
.topbar{background:var(--navy);color:#c7d6ea;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:7px;padding-bottom:7px}
.topbar a{color:#c7d6ea;margin-left:18px}
.topbar a:hover{color:#fff}
.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.head-in{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none!important;flex:0 0 auto}
.logo:hover{text-decoration:none;color:var(--navy)}
.logo-mark{width:42px;height:42px;border-radius:9px;background:var(--navy);color:#fff;font:800 24px/42px var(--ff);text-align:center;position:relative;flex:0 0 auto}
.logo-mark::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--cta);border-radius:0 0 9px 9px}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-txt b{font:800 23px var(--ff);letter-spacing:-.4px;color:var(--navy)}
.logo-txt b i{font-style:normal;color:var(--cta)}
.logo-txt small{font-size:11px;color:var(--muted);margin-top:3px}
.search{flex:1;display:flex;max-width:520px;margin-left:auto}
.search input{flex:1;min-width:0;border:1px solid #b9c4d1;border-right:0;border-radius:6px 0 0 6px;padding:10px 14px;font:400 15px var(--ff);background:#fff;color:var(--ink)}
.search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,94,194,.15)}
.search button{border:0;background:var(--navy);color:#fff;font:600 14px var(--ff);padding:0 20px;border-radius:0 6px 6px 0;cursor:pointer}
.search button:hover{background:var(--blue-d)}
.catnav{border-top:1px solid var(--line);background:#fafbfd}
.catnav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin}
.catnav a{flex:0 0 auto;padding:11px 13px;font:600 13.5px var(--ff);color:#33475f;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none}
.catnav a:hover{color:var(--blue);background:#f0f4fa;text-decoration:none}
.catnav a.sister{margin-left:auto;color:var(--blue-d);font-weight:700}
.page-sub{color:var(--muted);margin:0 0 22px;max-width:760px}
.toolbar{display:flex;justify-content:flex-end;margin:0 0 16px}
.sortform{display:flex;align-items:center;gap:8px;font:600 13px var(--ff);color:#33475f}
.sortform select{border:1px solid #b9c4d1;border-radius:6px;padding:8px 10px;font:600 13.5px var(--ff);background:#fff;color:var(--ink);cursor:pointer}
.sortform select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,94,194,.15)}
.sortform button{border:0;background:var(--navy);color:#fff;font:600 13px var(--ff);padding:9px 14px;border-radius:6px;cursor:pointer}
main.wrap{padding-top:26px;padding-bottom:40px}
.chip{display:inline-block;background:var(--tag);color:var(--blue-d);font:700 11.5px var(--ff);padding:3px 9px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}
.chip:hover{background:#d5e4f8;color:var(--blue-d);text-decoration:none}
.hero{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px 30px;margin-bottom:24px}
.hero h1{font:800 34px/1.2 var(--ff);letter-spacing:-.3px;margin:12px 0;color:var(--navy)}
.hero h1 a{color:var(--navy)}
.hero h1 a:hover{color:var(--blue);text-decoration:none}
.hero-sum{font:400 20px/1.45 var(--ffs);color:#44546a;margin:0 0 12px}
.meta{color:var(--muted);font-size:12.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}
.card h2{font:700 19px/1.28 var(--ff);letter-spacing:-.2px;margin:10px 0 8px;color:var(--navy)}
.card h2 a{color:var(--navy)}
.card h2 a:hover{color:var(--blue);text-decoration:none}
.card p{color:#44546a;font-size:15px;line-height:1.55;margin:6px 0}
.more{margin-top:30px}
.more h3{display:flex;align-items:center;gap:12px;font:800 14px var(--ff);text-transform:uppercase;letter-spacing:1.4px;color:var(--navy);margin:0 0 8px}
.more h3::after{content:"";flex:1;height:2px;background:var(--line)}
.more ul{list-style:none;padding:0;margin:0}
.more li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.more li a{color:#26384e;font-weight:500}
.more li a:hover{color:var(--blue)}
.cathead{font:800 30px var(--ff);color:var(--navy);margin:0 0 18px}
.story{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:34px 40px}
.story h1{font:800 32px/1.22 var(--ff);letter-spacing:-.3px;color:var(--navy);margin:14px 0 10px}
.story .body{font:400 18px/1.75 var(--ffs);color:#1d2b3b;max-width:760px}
.readon{margin:26px 0 8px}
.btn{display:inline-block;background:var(--cta);color:#fff;font:600 15px var(--ff);padding:12px 20px;border-radius:6px}
.btn:hover{background:var(--cta-d);color:#fff;text-decoration:none}
.credit{color:var(--muted);font-size:13.5px}
.empty{font-size:16px;color:#44546a}
.foot{border-top:1px solid var(--line);background:#fff;padding:24px 0 32px;margin-top:6px}
.foot p{color:var(--muted);font-size:13.5px;margin:6px 0}
.foot a{color:var(--navy);font-weight:600}
.foot a:hover{color:var(--blue)}
@media(max-width:640px){.hero{padding:20px}.hero h1{font-size:26px}.story{padding:22px 18px}.story h1{font-size:25px}.head-in{flex-wrap:wrap;gap:12px}.search{order:3;flex:1 1 100%;margin-left:0}.logo-txt b{font-size:20px}.toolbar{justify-content:flex-start}}
