:root { --accent: #1d4ed8; }
header.bar strong a { font-size: 17px; }
.hero { padding: 28px 0 8px; }
.hero h1 { font-size: 30px; margin: 0 0 8px; }
.cards { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: 16px; }
article.card { padding: 18px 20px; border-radius: 12px; background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / .12); }
article.card h2 { margin-top: 0; }
a.button { display: inline-block; padding: 9px 18px; border-radius: 8px; background: var(--accent); color: #fff; font-weight: 600; text-decoration: none; }
main li { margin: 6px 0; }