:root { color-scheme: light; --ink:#192c32; --muted:#50636a; --paper:#f6f7f5; --line:#d6dfdc; --accent:#12594d; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
a { color:var(--accent); text-underline-offset:.2em; }
a:focus-visible { outline:3px solid #a44208; outline-offset:5px; }
.skip-link { position:absolute; left:1rem; top:-6rem; padding:.6rem 1rem; background:white; z-index:5; }
.skip-link:focus { top:1rem; }
.site-header { background:#173d39; color:white; }
.brand { padding:2.5rem max(1.25rem,calc((100vw - 1280px)/2)); background:linear-gradient(90deg,#102f2ed9,#102f2e77),var(--header-image) center/cover; }
.brand a { color:white; text-decoration:none; font-size:clamp(1.25rem,4vw,2.2rem); font-weight:750; overflow-wrap:anywhere; }
.brand p { margin:.2rem 0 0; letter-spacing:.06em; }
.site-nav { max-width:1320px; margin:auto; display:flex; gap:.5rem 1.5rem; flex-wrap:wrap; padding:.65rem 1.25rem; }
.site-nav a { color:white; padding:.3rem 0; }
main { max-width:1320px; margin:auto; padding:clamp(1.25rem,4vw,3rem) 1.25rem; }
.intro { margin-bottom:2rem; }
.eyebrow { margin:0; text-transform:uppercase; letter-spacing:.15em; font-size:.8rem; font-weight:700; color:var(--accent); }
h1 { font-size:clamp(2.3rem,5vw,3.7rem); line-height:1.1; margin:.4rem 0 1rem; font-family:Georgia,serif; }
.intro p:not(.eyebrow) { margin:.4rem 0; }
.listing-bar { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; border-top:1px solid var(--line); padding:1rem 0; color:var(--muted); }
.article-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; list-style:none; padding:0; margin:0; }
.article-grid > li { min-width:0; }
.article-card { height:100%; display:flex; flex-direction:column; overflow:hidden; background:white; border:1px solid var(--line); border-radius:.65rem; }
.card-media { aspect-ratio:16/9; background:#dce6df; overflow:hidden; position:relative; }
.card-media img { width:100%; height:100%; object-fit:cover; display:block; }
.card-body { padding:1.2rem; display:flex; flex-direction:column; flex:1; }
.card-date { color:var(--muted); font-size:.82rem; }
.article-card h2 { font:700 1.35rem/1.3 Georgia,serif; margin:.55rem 0 .7rem; overflow-wrap:anywhere; }
.article-card h2 a { color:var(--ink); text-decoration:none; }
.article-card h2 a:hover { text-decoration:underline; }
.card-summary { margin:0 0 1.25rem; color:var(--muted); font-size:.95rem; overflow-wrap:anywhere; }
.read-link { margin-top:auto; font-weight:650; align-self:flex-start; padding:.25rem 0; }
.pagination { margin-top:2.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem; }
.pagination a,.pagination span { min-height:44px; min-width:44px; display:inline-flex; align-items:center; justify-content:center; padding:.5rem .9rem; border:1px solid var(--line); border-radius:.3rem; background:white; }
.pagination [aria-current] { background:var(--accent); color:white; border-color:var(--accent); }
.site-footer { max-width:1280px; padding:1.5rem 0 2.5rem; margin:0 1.25rem; border-top:1px solid var(--line); color:var(--muted); }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:40rem) { .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:60rem) { .article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:76rem) { .article-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .site-footer { margin-inline:auto; } }