/* Typography-only overrides inspired by Stripe's readable sizing. */
/* Keep layout metrics intact by changing text scale/line-height only. */

body {
    font-size: 1rem;
    line-height: 1.6;
}

h1,
.h1 {
    font-size: 2.5rem;
    line-height: 1.2;
}

h2,
.h2 {
    font-size: 2rem;
    line-height: 1.25;
}

h3,
.h3 {
    font-size: 1.625rem;
    line-height: 1.3;
}

h4,
.h4 {
    font-size: 1.375rem;
    line-height: 1.35;
}

h5,
.h5 {
    font-size: 1.125rem;
    line-height: 1.4;
}

h6,
.h6 {
    font-size: 1rem;
    line-height: 1.45;
}

p,
li,
td,
th,
label,
input,
select,
textarea,
button,
.btn,
.form-control {
    font-size: 1rem;
}

small,
.small {
    font-size: 0.875em;
}