/* Shared content scale: natural layout at 80%, no CSS zoom or transformed hit boxes.
   Source dimensions use --ui-scale; containers, breakpoints and top bar stay unchanged.
   Macro dashboard has no density attribute and retains its approved local stylesheet. */
html[data-density="80"] { --ui-scale: .8; }
.top-bar { --ui-scale: 1; }
@media (max-width:640px) {
 body[data-density="80"] :is(button,.btn,.btn-primary,.btn-secondary,.btn-add,.btn-manage,.btn-text,.ghost-btn,.settings-btn,.forgotten-badge,.preset-btn,.cat-btn,.color-btn,.season-btn,.status-chip,.tab-btn,.link-act,.admin-btn,.emoji-opt) { min-height:44px; }
 body[data-density="80"] :is(.modal-close,.cloth-card-del,.outfit-card-del,.book-card-del) { min-width:44px;min-height:44px; }
 body[data-density="80"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body[data-density="80"] textarea,body[data-density="80"] select { font-size:16px;min-height:44px; }
}
body[data-density-tool="lifecards"] .detail-cover[style] { font-size:2.4rem!important; }