:root{color-scheme:light;--ink:#102b46;--blue:#123452;--dark:#0c233a;--accent:#ffd09b;--line:#d7e3eb}
*{box-sizing:border-box}
body{margin:0;background:#f4f8fb;color:var(--ink);font:1rem/1.65 system-ui,sans-serif}
.wrap{width:min(70rem,calc(100% - 2.5rem));margin-inline:auto}
header,footer{background:var(--dark);color:#fff}
.top,.actions,nav{display:flex;flex-wrap:wrap;gap:.8rem 1.3rem;align-items:center}
.top{justify-content:space-between;padding:1rem 0}
a{color:#135489;text-underline-offset:.17em}
header a,footer a{color:#fff}
.brand{font-weight:800;text-decoration:none}.brand span,.eyebrow{color:var(--accent)}
.trail{padding:.7rem 0;gap:.35rem .55rem;font-size:.875rem}
.hero{background:var(--blue);color:#fff;padding:clamp(2.3rem,6vw,4.5rem) 0}
.hero p{max-width:70ch}
.eyebrow{text-transform:uppercase;letter-spacing:.075em;font-size:.85rem;font-weight:750}
h1{max-width:24ch;font-size:clamp(2rem,5vw,3.65rem);line-height:1.12;margin:.45rem 0 1rem}
.actions{margin-top:1.2rem}
.button{background:var(--accent);color:#182e44;padding:.65rem 1rem;border-radius:.5rem;font-weight:750;text-decoration:none;border:1px solid transparent}
.alt{background:transparent;color:inherit;border-color:currentColor}
a:focus-visible,summary:focus-visible{outline:3px solid #c06513;outline-offset:4px}
.main{padding:1.4rem 0 2.5rem}.main>section{margin-block:1.25rem 2rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}
.card,details{background:white;border:1px solid var(--line);border-radius:.7rem;padding:1.1rem}
.card h3,.card h2,figure{margin:0}.card p{margin:.5rem 0}
.reading{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(13rem,1fr);gap:1.4rem;align-items:start;margin-top:1rem}
.reading article{max-width:72ch}
figure img{width:100%;height:auto;border-radius:.6rem;display:block}
figcaption,.signature{font-size:.87rem;color:#465c6b}
summary{cursor:pointer;font-weight:700}
.skip{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.5rem}.skip:focus{top:.5rem}
@media(max-width:42rem){.reading{grid-template-columns:1fr}.wrap{width:calc(100% - 1.5rem)}}

:root{--blue:#273757;--dark:#172640;--accent:#d7deff}