/* Shared typography guardrails: improve readability without resizing display values. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-size: 15px;
    line-height: 1.5;
}

p,
label,
input,
select,
textarea,
button,
table,
th,
td {
    font-size: 13px !important;
    line-height: 1.45;
}

small,
.help,
.hint,
.subtitle,
.field-message,
.nav-section,
.card-title,
.section-subtitle,
.graph-head,
.graph-legend {
    font-size: 12px !important;
    line-height: 1.45;
}

.nav-item,
.sidebar a,
header a,
.tabs .tab,
.badge {
    font-size: 13px !important;
}

input,
select,
textarea,
button {
    min-height: 38px;
}

@media (max-width: 700px) {
    body { font-size: 16px; }
    p, label, input, select, textarea, button, table, th, td { font-size: 14px !important; }
    small, .help, .hint, .subtitle, .field-message, .nav-section, .card-title, .section-subtitle, .graph-head, .graph-legend { font-size: 12px !important; }
}