h1 { font-size: var(--fluid-h1); letter-spacing: -0.02em; }
h2 { font-size: var(--fluid-h2); letter-spacing: -0.015em; }
h3 { font-size: var(--fluid-h3); }
h4 { font-size: var(--fluid-h3); font-weight: 700; letter-spacing: 0.01em; }
h5 { font-size: 18px; }
h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.12em; }

p {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1.5;
}

section {
  padding: 24px 16px;
}

strong { font-weight: 700; color: var(--text-primary); }
em { font-style: italic; }

small { font-size: 13px; }

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

th, td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line-soft);
  vertical-align: top;
}

th {
  font-family: var(--font-head);
  font-weight: 700;
  color: var(--text-secondary);
}


@media (max-width: 599px) {
  table { font-size: 13px; }
  th, td { padding: 8px 6px; overflow-wrap: anywhere; word-break: break-word; }
}

hr {
  border: none;
  border-top: 1px solid var(--line);
  margin: 24px 0;
}

input, select, textarea {
  font: inherit;
  color: inherit;
}

label { display: block; }

figure { margin: 0; }

figcaption {
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 6px;
}

:focus-visible {
  outline: 3px solid var(--chill-mid);
  outline-offset: 2px;
}