/* ============================================================
   THREE PIPE PROBLEMS — Self-hosted Volume TC
   Loaded AFTER brand.css. Overrides --serif / --sans to put
   Volume first while keeping brand.css verbatim.
   ============================================================ */

@font-face {
  font-family: "Volume";
  src: url("/fonts/Volume_TC_Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Volume";
  src: url("/fonts/Volume_TC_Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Volume Sans";
  src: url("/fonts/Volume_TC_Sans.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --serif: "Volume", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans: "Volume Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* Visually-hidden utility for accessible form labels */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}