*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#18212e;font-family:Arial,sans-serif;font-size:17px;line-height:1.7}a{color:inherit}header{background:#0c1521;color:white;border-bottom:3px solid #2468ec} .top{max-width:1240px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.brand small{display:block;font-size:12px;letter-spacing:2px;color:#aebbd0;text-transform:uppercase}nav{display:flex;gap:23px;flex-wrap:wrap}nav a{font-size:15px;text-decoration:none}nav a:hover{color:#87b8ff}.wrap{max-width:1240px;margin:auto;padding:0 30px}.hero{background:#0c1521;color:white;padding:65px 0 72px}.eyebrow{color:#83b4ff;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:bold}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.05;letter-spacing:-3px;max-width:900px;margin:20px 0 24px}.hero p{max-width:680px;color:#b9c6da;font-size:19px}.stats{display:flex;gap:48px;margin-top:38px}.stats strong{font-size:28px;color:white;display:block}.stats span{font-size:14px;color:#a9b8d0}.section{padding:46px 0}.section h2{font-size:30px;letter-spacing:-1px;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;text-decoration:none;background:white;border:1px solid #dce1e8;padding:24px;transition:transform .15s}.card:hover{transform:translateY(-3px);border-color:#2468ec}.card small{color:#2468ec;text-transform:uppercase;font-weight:bold;letter-spacing:1px;font-size:12px}.card h3{font-size:21px;line-height:1.3;margin:14px 0 10px}.card p{font-size:15px;color:#596676;margin:0}.card .year{font-size:14px;margin-top:18px;color:#798491}.intro{padding:45px 0 20px}.intro h1{font-size:44px;line-height:1.16;letter-spacing:-1.5px}.breadcrumbs{font-size:14px;color:#617084;margin-bottom:22px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 270px;gap:55px;padding-bottom:60px}.article{background:white;padding:36px;border:1px solid #dce1e8}.article h2{font-size:25px;line-height:1.3;margin:36px 0 12px}.article h2:first-child{margin-top:0}.article p{margin:0 0 20px}.article a{color:#165dce}.lead{font-size:22px;color:#526176;max-width:850px}.aside{font-size:15px}.aside h3{border-top:3px solid #2468ec;padding-top:18px}.aside a{display:block;padding:10px 0;border-bottom:1px solid #dce1e8;text-decoration:none}.notice{font-size:14px;color:#677587}footer{background:#0c1521;color:#aebbd0;padding:35px 0;font-size:14px}.footer-top{display:flex;justify-content:space-between;gap:20px}.footer-top strong{color:white}.directory{columns:3;column-gap:30px}.directory a{display:block;background:white;border-bottom:1px solid #e0e6ee;padding:12px 16px;font-size:15px;break-inside:avoid;text-decoration:none}.directory a:hover{color:#2468ec}@media(max-width:850px){.top{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.directory{columns:2}.hero{padding:45px 0}.stats{gap:25px}}@media(max-width:550px){.wrap,.top{padding-left:20px;padding-right:20px}.grid{grid-template-columns:1fr}.directory{columns:1}.hero h1{letter-spacing:-2px}.stats{gap:20px;flex-wrap:wrap}.intro h1{font-size:34px}.article{padding:24px}.footer-top{flex-direction:column}nav{gap:15px}}
/* Consistent page gutters and title bands. */
.wrap.section,.wrap.intro{padding-left:30px;padding-right:30px}
.page-hero .intro{padding-top:0;padding-bottom:0}
.page-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.12;letter-spacing:-2px;max-width:1000px}
.page-hero .lead{color:#b9c6da;max-width:850px;font-size:21px}
.page-hero .breadcrumbs{color:#b9c6da;margin-bottom:28px}
.page-hero+.article-layout{padding-top:46px}
@media(max-width:550px){.wrap.section,.wrap.intro{padding-left:20px;padding-right:20px}.page-hero h1{letter-spacing:-1px}}