.nav-list>a[aria-current="page"]{background:#09568e}.trending-item{cursor:pointer}.category strong{max-width:130px}.listing-page{padding-top:38px;padding-bottom:85px;min-height:55vh}.listing-page h1,.article-heading h1{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em}.listing-page h1{font-size:clamp(30px,4vw,45px)}.listing-intro{color:var(--muted);margin:-3px 0 30px;line-height:1.7}.breadcrumbs{font-size:13px;color:#657a8e;margin:0 0 24px;line-height:1.65}.breadcrumbs a{color:#075fc7}.breadcrumbs a:hover{text-decoration:underline}.article-page{padding-top:30px;padding-bottom:70px;max-width:1040px}.article-heading{max-width:860px;margin:25px auto 30px}.article-heading h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:13px 0 18px}.article-standfirst{color:#536a7f;font-size:clamp(17px,2.1vw,22px);line-height:1.55}.article-byline{font-size:13px;color:#60758b;margin:20px 0}.article-cover{width:100%;max-height:490px;object-fit:cover;border-radius:10px}.article-body{max-width:760px;margin:38px auto;font-size:18px;line-height:1.85;color:#263c50}.article-body h2,.article-body h3,.article-body h4{font-family:Manrope,Inter,sans-serif;line-height:1.25;letter-spacing:-.025em;margin:33px 0 13px;color:#10283f}.article-body h2{font-size:29px}.article-body h3{font-size:23px}.article-body p{margin:0 0 23px}.article-body li{margin-bottom:9px}.article-body a{color:#075fc7;text-decoration:underline}.article-body blockquote{padding:12px 22px;border-left:4px solid #16a7b5;background:#f3f6f9;margin:25px 0}.return-link{max-width:760px;margin:auto;border-top:1px solid #e5edf3;padding-top:22px}.return-link a{color:#075fc7;font-weight:700}.pagination{display:flex;gap:9px;flex-wrap:wrap;margin:32px 0}.pagination a{padding:9px 14px;border:1px solid #cddce8;border-radius:6px}.pagination a[aria-current]{background:#075fc7;border-color:#075fc7;color:white}.listing-page>.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.listing-page>.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.listing-page>.article-grid{grid-template-columns:1fr}.article-body{font-size:16px}.article-cover{border-radius:6px}.article-page{padding-top:16px}}
.article-body ol,.article-body ul{padding-left:1.7em;margin:0 0 24px}.article-body li{padding-left:.25em;margin-bottom:12px}.article-body li::marker{color:#087a93;font-weight:700}

/* Related articles: below the complete Markdown body, including Further Reading. */
.related-articles{margin:55px auto 38px;padding-top:35px;border-top:1px solid #e5edf3}
.related-articles .section-heading{gap:16px;flex-wrap:wrap}
.related-articles .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.related-articles .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.related-articles{margin-top:38px;padding-top:27px}.related-articles .article-grid{grid-template-columns:1fr}}

/* Responsive Markdown tables */
.article-table-wrap{overflow-x:auto;max-width:100%;margin:28px 0 34px;border:1px solid #dbe5ed;border-radius:10px;-webkit-overflow-scrolling:touch}
.article-table{border-collapse:collapse;width:100%;min-width:690px;font-size:14px;line-height:1.55;text-align:left}
.article-table th{background:#10283f;color:#fff;font-weight:700;vertical-align:top;padding:13px 14px}
.article-table td{padding:12px 14px;vertical-align:top;border-top:1px solid #e0e8ed}
.article-table tbody tr:nth-child(even){background:#f3f7fa}
.article-table strong{color:#10283f}
.article-table-wrap:focus{outline:2px solid #16a7b5;outline-offset:2px}

/* v1.0.3 — homepage featured carousel and in-place category filtering */
.hero-slider{isolation:isolate}
.hero-slider .hero-slide{position:relative;min-height:385px}
.hero-slider .hero-slide[hidden],.home-category-panel[hidden],#home-latest-panel[hidden],.home-filter-actions [hidden]{display:none!important}
.hero-slider .hero-slide.is-active{animation:tn-hero-fade .35s ease both}
@keyframes tn-hero-fade{from{opacity:.65}to{opacity:1}}
.hero-slider .hero-content{padding-bottom:70px}
.hero-slider .hero-headline{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.055em;font-size:clamp(29px,3vw,43px);line-height:1.1;margin:16px 0}
.hero-controls{position:absolute;left:42px;right:26px;bottom:19px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.hero-controls>*{pointer-events:auto}
.hero-slider .hero-dots{display:flex;align-items:center;gap:9px;margin:0;padding:0}
.hero-dot{display:block;appearance:none;background:transparent;border:1px solid #fff;border-radius:50px;width:10px;height:10px;padding:0;transition:width .2s,background .2s}
.hero-dot.selected{width:20px;background:#fff}
.hero-arrows{display:flex;gap:9px}
.hero-arrow{height:34px;width:34px;padding:0;display:grid;place-items:center;border:1px solid #ffffff9c;border-radius:50%;background:#08283d96;color:#fff;font-size:28px;line-height:1;transition:background .2s}
.hero-arrow:hover{background:#075fc7}
.hero-dot:focus-visible,.hero-arrow:focus-visible{outline:3px solid #b2fcff;outline-offset:3px}
.home-section-heading{gap:12px;flex-wrap:wrap}
.home-filter-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.filter-reset{font-size:13px;font-weight:700;color:#075fc7;border:0;background:transparent;padding:6px;cursor:pointer}
.filter-reset:hover{text-decoration:underline}
.home-category-panel{min-height:80px}
#latest-title:focus{outline:none}
@media(max-width:620px){
 .hero-slider .hero-slide,.hero-slider .hero-content{min-height:390px}
 .hero-slider .hero-content{padding-bottom:73px}
 .hero-slider .hero-headline{font-size:32px}
 .hero-controls{left:23px;right:19px;bottom:18px}
 .hero-arrow{height:34px;width:34px}
 .home-filter-actions{width:100%;gap:6px 16px}
}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide.is-active{animation:none}.hero-dot{transition:none}}

/* v1.0.3a — prevent the homepage carousel from changing height per slide.
   Every featured slide fills the same viewport-sized slot; imagery remains cropped
   with object-fit:cover, not stretched. */
.hero-slider{height:520px;min-height:0}
.hero-slider .hero-slide{height:100%;min-height:0}
.hero-slider .hero-content{height:100%;min-height:0;padding-bottom:78px}
@media(max-width:900px){.hero-slider{height:500px}}
@media(max-width:620px){
  .hero-slider{height:575px}
  .hero-slider .hero-slide,.hero-slider .hero-content{min-height:0}
}
@media(max-width:370px){.hero-slider{height:635px}}