*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1b1b1b;background:#fff}
a{color:var(--brand)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
header,main,footer{padding:1.5rem 1rem;max-width:960px;margin:0 auto}
header{border-bottom:4px solid var(--brand)}
h1{margin:.2rem 0;font-size:clamp(1.8rem,5vw,2.6rem)}
section{margin:2rem 0}
ul.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;padding:0;list-style:none}
ul.items li{border:1px solid #d0d7de;border-radius:8px;padding:.75rem}
img{max-width:100%;height:auto}
footer{border-top:1px solid #d0d7de;font-size:.9rem}
@media (max-width:600px){header,main,footer{padding:1rem .75rem}}