/* Shared minimum type scale for marketing, customer and administrator surfaces. */
:where(body) { font-size: 16px; }

:where(.app-shell, .admin-app, .admin-login, .auth-screen, .site-header, .top-announcement, body > main, .site-footer)
:where(p, li, label, small, button, input, select, textarea, th, td, summary, legend, figcaption, caption, dt, dd, a, .eyebrow, .kicker, .status, .badge, .helper, .form-message, .system-online, .count-pill) {
  font-size: max(13px, .9em) !important;
  line-height: 1.45;
}

:where(.app-shell, .admin-app) :where(.side-nav a, .admin-sidebar nav a, .side-nav p, .admin-sidebar nav p, .admin-topbar small, .workspace strong, .profile strong, .admin-sidebar-user strong) {
  font-size: max(13px, .9em) !important;
}

:where(.app-shell, .admin-app, .admin-login, .auth-screen, body > main)
:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

:where(.app-shell, .admin-app) :where(input[type="checkbox"], input[type="radio"]) {
  min-height: 16px;
  min-width: 16px;
}

@media (max-width: 700px) {
  :where(.app-shell, .admin-app, .admin-login, .auth-screen, .site-header, .top-announcement, body > main, .site-footer)
  :where(p, li, label, small, button, input, select, textarea, th, td, summary, legend, figcaption, caption, dt, dd, a, .eyebrow, .kicker, .status, .badge, .helper, .form-message, .system-online, .count-pill) {
    font-size: max(13px, .92em) !important;
  }
}