
@media (max-width: 760px), (pointer: coarse) and (max-height: 500px) {
  :root { --ctl: 44px; --ctl-sm: 44px; --row-h: 56px; }
  html .btn.small { height: 44px; }
  html .btn.icon, html .btn.icon.small { width: 44px; height: 44px; }
  html .topbar .btn.icon { width: 44px; }
  html .in-btn { width: 44px; height: 44px; }
  html .in-btn.text { width: auto; }
  html .cm-more { width: 44px; height: 44px; opacity: 1; }
  html .chip.vault-chip, html .pills > .chip { height: 44px; }
  html .hm-tool, html .hm-alert, html .tl-card, html .hm-group > summary, html .hm-row-main { min-height: 44px; }
  html a.btn, html summary { min-height: 44px; }
  html summary { display: flex; align-items: center; }
  html .seg > button, html .tabs > button { min-height: 44px; }
  html select.input, html input.input, html textarea.input { min-height: 44px; }
  
  html .vb-row-switch { min-height: 44px; min-width: 44px; justify-content: center; }
  html input[type="checkbox"]:not(.switch) { width: 22px; height: 22px; }
  html .swatches .swatch, html .swatch { width: 44px; height: 44px; }
  html .set-row a.row, html .set-adv-group a { min-height: 44px; display: flex; align-items: center; }
  html .bottomnav a { min-height: 56px; justify-content: center; }
  html .seg { height: auto; }
  html .seg > button, html .stay-seg > button, html .vb-filter > button { min-height: 44px; height: auto; }
  html .vb-seg-row { flex-wrap: nowrap; min-width: 0; }
  html .vb-seg-row > .seg { flex: 1 1 0; min-width: 0; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
  html .vb-seg-row > .seg > button { flex: 0 0 auto; }
  html .set-group .swatches { flex-wrap: wrap; }
  html label:has(> input[type="checkbox"]), html label:has(> input[type="radio"]) { min-height: 44px; display: flex; align-items: center; gap: var(--s2); }
  html label:has(> input.switch:only-child) { display: inline-flex; min-width: 44px; justify-content: center; }
  html .vb-sub-toggle, html .vb-comp-name button, html .vb-comp-name .vb-comp-style { min-width: 44px; min-height: 44px; }
  html .vb-comp-name .input { padding-right: 96px; }
  html .vb-xlook, html button.chip { min-height: 44px; }
  html .qrm-colors label, html .qrm-color { min-width: 44px; min-height: 44px; }
  
  html input.switch::before { content: ""; position: absolute; inset: -10px -2px; }
  html .vb-unread-badge, html .tr-pick, html .vb-pick-box, html .linkish, html .otp-fix { position: relative; }
  html .vb-unread-badge::before, html .linkish::before, html .otp-fix::before { content: ""; position: absolute; inset: -12px -8px; }
  html .pv-name, html .hm-row-text, html .tr-name, html .hm-alert, html .qrm-kind, html .drop { min-height: 44px; display: flex; align-items: center; }
  html .page summary { min-height: 44px !important; }
  html .inbox-tabs a, html .vb-mt-nav a, html .vb-mt-tabs a { min-height: 44px; display: inline-flex; align-items: center; }
  html input[type="range"] { min-height: 44px; }
  html input[type="color"] { min-width: 44px; min-height: 44px; }
  html .btn.icon { min-width: 44px; }
  html .vb-split.selecting .vb-row .vb-pick, html .vb-row.selected .vb-pick { width: 44px; display: flex; align-items: center; justify-content: center; }
  
  html .bulk-acts, html .vb-bulk-acts { flex-wrap: wrap; }
  html .toolbar { flex-wrap: wrap; }
  html .toolbar > .search { flex: 1 1 140px; min-width: 0; }
}
@media (pointer: coarse) and (max-height: 500px) and (min-width: 761px) {
  
  html .sidebar > .nav:not(.nav-foot) { flex: none; overflow: visible; }
  html .sidebar .spacer { flex: none; min-height: 0; }
}
@media (max-width: 760px) {
  
  .hm-jumps { display: flex; gap: var(--s1); overflow-x: auto; scrollbar-width: none; position: sticky; top: calc(54px + env(safe-area-inset-top)); z-index: 15; margin: 0 calc(var(--pad) * -1) var(--s3); padding: var(--s1) var(--pad); background: var(--bg); }
  .hm-jumps::-webkit-scrollbar { display: none; }
  .hm-jumps[hidden] { display: none; }
  .hm-jump { flex: none; height: 44px; padding: 0 var(--s3); cursor: pointer; font: inherit; font-size: .82rem; }
  .hm-widget { scroll-margin-top: calc(116px + env(safe-area-inset-top)); }
  .bio-note { margin-top: var(--s3); }
}
