:root{color-scheme:light;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182c42;background:#f4f7fb}
*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:48px 24px}
header{margin-bottom:36px}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15;letter-spacing:-.04em;margin:8px 0 16px}
header p,footer{color:#516579}.eyebrow{font-weight:750;letter-spacing:.16em;font-size:.8rem;color:#126d71}
section{margin:32px 0}h2{font-size:1.1rem;margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{display:block;background:#fff;color:inherit;text-decoration:none;border:1px solid #d8e3ec;border-radius:16px;padding:24px;transition:box-shadow .15s,border-color .15s}
.card:hover{border-color:#197e83;box-shadow:0 5px 18px #18374b0e}.card:focus-visible{outline:3px solid #087b84;outline-offset:4px}
.tag{font-size:.78rem;color:#126d71;font-weight:650}h3{font-size:1.2rem;line-height:1.4;margin:10px 0}h3 span{float:right;color:#718496}.card p{margin:0;color:#516579;font-size:.92rem}
footer{font-size:.8rem;border-top:1px solid #d8e3ec;padding-top:20px;margin-top:36px}
@media(max-width:600px){main{padding:28px 18px}.grid{grid-template-columns:1fr}.card{padding:20px}header{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}