/* Family controls extend, rather than replace, the original palette. */
#pet-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.pet:not(:has(img)){min-height:92px;display:flex;align-items:stretch;flex-direction:column;justify-content:end}
#members-panel{margin-top:18px}
#members p,#requests p{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}
#members .link,#requests .link{margin-left:auto}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.4 monospace;max-height:220px;overflow:auto}
.feedback .link{color:inherit;display:block}
.feedback details{background:transparent;border:1px solid currentColor;padding:4px}
.feedback summary{font-size:.85rem}
.dose-edit{display:flex;align-items:end;gap:12px}
.dose-edit label{flex:1;min-width:0}
#pet-editor{color-scheme:light;--ink:#30221b;--muted:#674f41;background:#fbf0e4;color:var(--ink)}
#pet-editor input{background:#fffaf5}
#pet-editor .close{background:#efddce;color:#38271f}
#pet-editor .feedback{color:#953d2a}
#pet-editor .link{color:#83452d}
@media(max-width:360px){main{padding-inline:12px}.procedure-grid{grid-template-columns:1fr 1fr}.procedure-grid label:first-child{grid-column:1/-1}.dose{flex-wrap:wrap}.dose-button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}