*{box-sizing:border-box}body{margin:0;background:#eef2f5;color:#17212b;font:16px system-ui,sans-serif}.shell{max-width:720px;margin:auto;min-height:100vh;background:#fff}.hero{padding:28px;background:linear-gradient(135deg,#0a5f73,#168aa0);color:#fff}.hero-img{width:100%;max-height:360px;object-fit:cover}.body{padding:24px}.page{display:none}.page.on{display:block}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{padding:14px;border:1px solid #dbe3e8;border-radius:12px}button{padding:12px 18px;border:0;border-radius:10px;background:#0a7185;color:white}.muted{color:#667}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery img{width:100%;border-radius:12px}@media(max-width:520px){.grid,.gallery{grid-template-columns:1fr}}@media print{button{display:none}.page{display:block!important;break-after:page}}