:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0B3652;background:#F6F8FB;font-synthesis:none;line-height:1.5}
*{box-sizing:border-box}body{margin:0} [hidden]{display:none!important}
.brand{display:flex;align-items:center;gap:10px;max-width:640px;margin:auto;padding:24px 24px 16px}.brand img{border-radius:14px}.brand strong{font-size:23px;letter-spacing:-.8px}.brand span{color:#348559}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#667584}
main{max-width:640px;margin:auto;padding:16px 20px 0}.intro{padding:0 4px 20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#2468B4}.intro p{margin:8px 0 0;font-size:17px;max-width:370px}
.state{border:1px solid #E3EAF0;border-radius:26px;padding:36px 24px;text-align:center;background:white}.status-mark{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:20px;background:#E8F7EF;font-size:40px;color:#2D6B4C}.state h1{font-size:24px;margin:18px 0 8px}.state p{color:#667584;margin:0;font-size:15px}.state button{border:0;border-radius:14px;background:#2468B4;color:white;padding:14px 20px;margin-top:20px;font:inherit;font-weight:700;min-height:48px}
.identity{background:#0B3652;border-radius:26px;overflow:hidden;color:white;box-shadow:0 8px 24px #0B365210}.photo-wrap{height:280px;background:linear-gradient(145deg,#E8F7EF,#EAF3FD);display:grid;place-items:center}.photo-wrap img{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-size:100px;color:#31815A}.identity-copy{padding:24px}.tag{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#7ED6A4}h1{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:8px 0 6px;overflow-wrap:anywhere}.identity-copy p{color:#D7E8FA;margin:0;font-size:15px;overflow-wrap:anywhere}
.health-grid{display:grid;gap:12px;margin-top:16px}.health{background:white;border:1px solid #E3EAF0;border-radius:22px;padding:20px}.section-heading{display:flex;align-items:center;gap:10px}.health-icon{display:grid;place-items:center;border-radius:10px;width:32px;height:32px;background:#EAF3FD;color:#2468B4;font-size:21px;font-weight:700}.allergies .health-icon{color:#AA343B;background:#FFF0F0}h2{font-size:18px;margin:0;letter-spacing:-.3px;overflow-wrap:anywhere}ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}li{background:#F6F8FB;border-radius:9px;padding:7px 11px;font-size:14px;color:#333;overflow-wrap:anywhere;max-width:100%}.allergies li{background:#FFF5F2;color:#933A31}li.empty{background:none;color:#667584;padding:0;font-size:14px}
.contact{background:#E8F7EF;border:1px solid #CFEBDB;border-radius:24px;margin-top:16px;padding:24px}.contact .eyebrow{color:#2D6B4C}.contact h2{margin-top:8px;font-size:24px}.contact p{margin:4px 0 20px;color:#2D6B4C}.call{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:15px;background:#2468B4;color:white;text-decoration:none;font-size:16px;font-weight:700;padding:14px}.call span{font-size:22px}.call:hover,.state button:hover{background:#185999}.call:focus-visible,button:focus-visible{outline:3px solid #0B3652;outline-offset:4px}
.note{font-size:12px;text-align:center;color:#667584;padding:4px 12px;line-height:1.7}footer{text-align:center;color:#667584;font-size:11px;padding:22px 20px 32px;line-height:1.9}footer strong{color:#0B3652}
@media(min-width:540px){.health-grid{grid-template-columns:1fr 1fr}.photo-wrap{height:340px}main{padding-top:24px}.intro p{max-width:none}}
@media(max-width:350px){main{padding-left:12px;padding-right:12px}.brand{padding-left:16px}h1{font-size:30px}.photo-wrap{height:230px}}