.health-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.health-summary .tile strong{display:block;font-size:36px}.health-summary .tile span{font-size:14px}.health-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.health-toolbar h2{margin-right:auto}.health-record{background:white;border:1px solid #d4ded1;border-radius:15px;padding:22px;margin:16px 0}.health-record h3{margin-top:0}.health-record dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.health-record dt{font-size:11px;color:#63746a}.health-record dd{margin:4px 0;overflow-wrap:anywhere}.health-record .badge{display:inline-block;padding:5px 10px;border-radius:6px;background:#eaf0e5;font-size:12px}.health-record .overdue{background:#f8e9dc}.health-record button{margin:10px 15px 0 0}textarea{padding:10px;border:1px solid #cbd7ca;border-radius:8px;font:inherit}#health-pet{max-width:500px}@media(max-width:700px){.health-summary{grid-template-columns:1fr}.health-record dl{grid-template-columns:1fr 1fr}h1{font-size:42px}}@page{size:A4;margin:15mm}@media print{header,footer,main>section,#health-area>.health-summary,#health-area>.panel,.health-toolbar button,.health-record button{display:none!important}#health-area{display:block!important}.health-record{break-inside:avoid;padding:12px}.health-record dl{grid-template-columns:repeat(3,1fr)}h2{font-size:24px}section{margin:15px!important}}