:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif;background:#f7f4ee;color:#172733}*{box-sizing:border-box}body{margin:0}header,main{max-width:58rem;margin:auto;padding:1.25rem}header{padding-top:2.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#496b83}h1{font-size:clamp(2rem,8vw,3.5rem);line-height:1;margin:.25rem 0}.badge{display:inline-block;border-radius:99rem;padding:.25rem .65rem;background:#f1bd51;color:#2d250f;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.card{width:100%;text-align:left;border:1px solid #c5d0d7;border-radius:1rem;padding:1rem;background:#fff;color:#172733;box-shadow:0 3px 12px #17324a12}.card:hover,.card:focus-visible{border-color:#234e70;box-shadow:0 5px 18px #17324a25}.card h2{font-size:1.1rem;margin:.3rem 0}.meta{color:#526675;font-size:.9rem}button{font:inherit;cursor:pointer}#close-reader{border:0;border-radius:.7rem;padding:.75rem 1rem;background:#234e70;color:#fff}#reader-content{background:#fff;color:#172733;border-radius:1rem;padding:clamp(1rem,4vw,2.5rem);margin-top:1rem;overflow-wrap:anywhere}#reader-content table{display:block;overflow-x:auto}#reader-content a{color:#164f78}@media(prefers-color-scheme:dark){:root{background:#111a20;color:#eef4f7}.card,#reader-content{background:#1a2831;color:#eef4f7}.card{border-color:#405562}.meta{color:#b8c7d0}#reader-content a{color:#8ec8ef}}