*{box-sizing:border-box}body{margin:0;font:16px/1.6 Arial,sans-serif;color:#173047;background:#f5f7fa}header{background:#112f45;color:white;padding:22px max(5vw,20px);display:flex;justify-content:space-between;align-items:center}header a{color:white;text-decoration:none}.brand{font-size:22px;font-weight:bold}main{max-width:1200px;margin:auto;padding:30px 20px}h1{font-size:32px;line-height:1.2}h2{font-size:23px}a{color:#056b76}.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:white;padding:25px;border:1px solid #e1e7eb;border-radius:12px}.menu a{display:block;padding:6px 0;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card{background:#fff;border:1px solid #e0e6eb;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;padding:18px;display:flex;flex-direction:column}.card img{width:100%;height:185px;object-fit:contain}.card h3{font-size:18px}.tag{color:#637b89;font-size:13px}.detail{background:white;border-radius:12px;padding:30px}.detail img{max-width:100%;height:auto;max-height:480px;object-fit:contain}.detail li{margin:10px 0}.detail table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.detail td,.detail th{border:1px solid #ccd7de;padding:8px}.cta{display:inline-block;background:#056b76;color:white;padding:12px 24px;text-decoration:none;border-radius:6px;margin:20px 10px 0 0}footer{border-top:1px solid #dbe3e8;padding:25px;text-align:center}.crumb{font-size:14px;margin-bottom:25px}.search{width:100%;padding:14px;border:1px solid #bbcbd6;border-radius:8px;margin:20px 0}@media(max-width:650px){.menu{grid-template-columns:1fr}header{display:block}h1{font-size:27px}.detail{padding:18px}}