body{margin:0;background:#f4f7fb;color:#162940;font:16px system-ui}main{max-width:1120px;margin:auto;padding:32px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}article{background:white;border:1px solid #d4dfea;border-top:3px solid #237eab;border-radius:14px}article:hover,article:focus-within{border-color:#237eab}article a{display:block;text-decoration:none;padding:20px;color:inherit}article h2{margin:.4em 0;font-size:1.16rem}img{display:block;width:100%;height:240px;object-fit:contain;margin:0 auto 16px}main>img{width:min(100%,480px);height:auto;margin:16px 0}small,article span{color:#116387}.button{display:inline-block;background:#145f83;color:white;padding:10px 16px;border-radius:8px}