*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#14242c;font-family:Inter,system-ui,sans-serif}main{max-width:900px;margin:auto;min-height:100vh;background:#fff}header{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e4eaec}header a{color:#07815b;text-decoration:none;font-weight:900}.intro{padding:22px 18px 8px}.intro h1{margin:0 0 8px}.intro p{margin:0;color:#6b7b82}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.card{overflow:hidden;border:1px solid #e0e6e8;border-radius:15px;color:inherit;background:#fff;text-decoration:none}.card img,.placeholder{display:grid;width:100%;aspect-ratio:1/1;object-fit:cover;place-items:center;background:#0b3140;color:#fff;font-size:36px;font-weight:900}.copy{display:grid;gap:4px;padding:10px}.copy strong{font-size:14px}.copy b{color:#008f5d}.copy span,.copy small{color:#687980;font-size:11px}@media(min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
