body{margin:0;background:#f5f9f6;color:#214c50;font:16px/1.65 Arial,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:22px}header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #c9ddd6}nav{display:flex;gap:10px 20px;flex-wrap:wrap}a{color:#176e5c}.brand{font-weight:bold;font-size:26px;text-decoration:none}h1{font-size:32px;line-height:1.25;margin:.4em 0}h2{font-size:24px;margin:1.6em 0 .4em}.intro{max-width:46rem}.intro p{margin:.6rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:12px 0}.card{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border:1px solid #c9ddd6;border-radius:10px;text-decoration:none;color:#214c50;font-size:14px;line-height:1.35}.card img{width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;background:#fff;border:1px solid #e1ece7}.card:hover{border-color:#176e5c}.more{margin:.2rem 0 0}.tip{margin:.2rem 0 .6rem;color:#385d60}.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;list-style:none;padding:0}.hub li{background:#fff;border:1px solid #c9ddd6;border-radius:10px;padding:14px}.hub a{font-weight:bold}footer{border-top:1px solid #c9ddd6}@media(max-width:600px){main,header,footer{padding:14px}h1{font-size:26px}.grid{grid-template-columns:repeat(2,1fr)}}@media print{header,footer{display:none}}