:root { color-scheme: light; --ink:#10243d; --muted:#4e5b69; --line:#d8dfe6; --paper:#f6f7f7; --white:#fff; }
* { box-sizing:border-box; }
html { min-height:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font-family: Georgia, 'Times New Roman', serif; line-height:1.55; }
a { color:inherit; }
a:focus-visible { outline:3px solid #366b9e; outline-offset:5px; }
.site-shell { max-width:1160px; min-height:100dvh; margin:0 auto; padding:0 clamp(20px,5vw,70px); display:flex; flex-direction:column; }
.site-header { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
.wordmark { font-family:system-ui, sans-serif; font-weight:650; font-size:14px; letter-spacing:.025em; text-decoration:none; }
.wordmark span,.header-note { color:var(--muted); font-weight:400; }
.header-note,.eyebrow,.card-index,.site-footer,.back-link { font-family:system-ui, sans-serif; font-size:12px; }
.site-main { flex:1; padding:clamp(45px,7vw,96px) 0 70px; }
.eyebrow { margin:0 0 16px; text-transform:uppercase; letter-spacing:.18em; font-weight:650; color:#45566b; }
h1 { margin:0; max-width:780px; font-size:clamp(34px,5vw,61px); font-weight:400; line-height:1.12; letter-spacing:-.035em; }
.intro { max-width:670px; margin:24px 0 44px; color:var(--muted); font-size:clamp(17px,2vw,20px); }
.resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.resource-card { display:flex; flex-direction:column; min-height:360px; padding:28px; border:1px solid var(--line); background:var(--white); text-decoration:none; transition:border-color .15s, transform .15s; }
.resource-card:hover { border-color:#66809b; transform:translateY(-2px); }
.card-index { letter-spacing:.14em; color:#627185; font-weight:650; }
.card-graphic { width:100%; height:160px; margin:auto 0; }
.card-bottom { display:flex; justify-content:space-between; gap:12px; align-items:end; }
.card-bottom strong { display:block; font-size:clamp(23px,3vw,30px); font-weight:400; }
.card-description { display:block; max-width:350px; margin-top:7px; color:var(--muted); font-size:15px; line-height:1.45; }
.arrow { flex:none; font:24px system-ui,sans-serif; }
.site-footer { padding:24px 0; border-top:1px solid var(--line); color:var(--muted); }
.back-link { display:inline-block; margin:0 0 30px; text-decoration:none; color:#34506c; }
.back-link:hover { text-decoration:underline; }
.placeholder { margin-top:38px; padding:35px; border:1px solid var(--line); background:var(--white); color:var(--muted); max-width:760px; }
@media(max-width:650px){.header-note { display:none; }.resource-grid{grid-template-columns:1fr;}.resource-card{min-height:305px;padding:23px;}.card-graphic{height:130px;}.site-main{padding-top:45px;} }