:root {
  --type-body: 16px;
  --type-control: 16px;
  --type-button: 14px;
  --type-small: 12px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: var(--type-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
}

h2 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

p {
  font-size: var(--type-body);
  line-height: 1.6;
}

button,
input,
select,
textarea,
.button-link {
  font-family: inherit;
}

button,
.button-link {
  font-size: var(--type-button);
  line-height: 1.25;
}

input,
select,
textarea {
  font-size: var(--type-control);
  line-height: 1.4;
}

label,
.section-title span,
.stat span,
th,
td {
  line-height: 1.45;
}

small {
  font-size: var(--type-small);
  line-height: 1.45;
}

.topbar strong {
  font-size: 16px;
  line-height: 1.25;
}

.topbar span,
.eyebrow {
  line-height: 1.4;
}

.badge {
  font-size: var(--type-small);
  line-height: 1.25;
}

@media (max-width: 520px) {
  h1 { font-size: 26px; }
  .member-login-actions > * { font-size: var(--type-button); }
}