:root{font-family:system-ui,sans-serif;color:#233047;background:#f5f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe5ee}.brand{font-size:22px;font-weight:750;text-decoration:none}a{color:#2858ae}h1{font-size:clamp(28px,5vw,40px);line-height:1.2}h2{font-size:21px}.intro,.muted,footer{color:#637086}.categories{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.categories a{background:white;border:1px solid #d9e1ed;padding:9px 15px;border-radius:24px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px}.card{background:white;border:1px solid #e0e5ed;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card img,.placeholder{width:100%;height:180px;object-fit:cover}.placeholder{display:grid;place-items:center;background:#e8eef7;color:#64738b}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card h2{margin:0 0 12px}dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px}dt{color:#637086}dd{margin:0;overflow-wrap:anywhere}.tags{color:#637086;font-size:13px}.button{display:block;text-align:center;background:#2858ae;color:white;padding:10px;border-radius:8px;text-decoration:none;margin-top:auto}.error{background:#fff0ed;padding:18px;border-radius:8px}.pagination{display:flex;gap:20px;margin:28px 0}a:focus-visible{outline:3px solid #e49b18;outline-offset:4px}footer{font-size:13px;margin-top:35px}@media(max-width:500px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}}