*{box-sizing:border-box}body{margin:0;font:16px/1.6 Arial,sans-serif;background:#f5f7f8;color:#16353d}a{color:#0d708a}header{background:white;border-bottom:1px solid #dce5e7}nav{max-width:1200px;margin:auto;display:flex;align-items:center;gap:24px;padding:14px 22px;flex-wrap:wrap}nav img{width:65px;height:55px;object-fit:contain}nav a{text-decoration:none;font-weight:bold}nav .brand{margin-right:auto;display:flex;align-items:center;gap:12px}main{max-width:1200px;margin:auto;padding:36px 22px 70px}h1{font-size:clamp(28px,4vw,45px);line-height:1.2;color:#0d708a}h2{margin-top:40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #dce5e7;border-radius:18px;overflow:hidden;text-decoration:none;display:block;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:240px;object-fit:contain;background:white}.card div{padding:20px}.card h3{margin:6px 0}.tag{font-size:14px;font-weight:bold;color:#0d708a}.chips{display:flex;gap:12px;flex-wrap:wrap}.chips a,.button{display:inline-block;padding:10px 18px;border-radius:10px;background:#0d708a;color:white;text-decoration:none}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:13px 18px;border-bottom:1px solid #e1e8ea}th{width:44%}.layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.portrait{width:100%;max-height:520px;object-fit:contain;background:white;border-radius:18px}.panel{width:100%;background:white}.note{padding:16px;background:#edf4f6;border-left:4px solid #91c01f}.crumb{margin-bottom:26px}footer{padding:24px;background:#113b46;color:white;text-align:center}@media(max-width:750px){.grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}nav{gap:14px}.card img{height:190px}}@media(max-width:450px){.grid{grid-template-columns:1fr}nav .brand{width:100%}}