/* Floor Notes — the long-form pages at operationscast.com/floor-notes/.
 *
 * Loaded after /styles.css, which supplies --coal, --steel, --grey, --pale,
 * --hazard, --hivis, --stop, the two typefaces and the dark section/footer
 * treatment. Only prose-page additions below.
 */

.trail {
  border-bottom: 1px solid var(--steel);
  padding: 16px 0;
  font-size: .85rem;
  color: var(--grey);
  font-family: "IBM Plex Sans", sans-serif;
}
.trail a { color: var(--grey); text-decoration: none; }
.trail a:hover { color: var(--hazard); }

.fnhead { padding-top: 46px; }
.fnhead h1 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .01em;
  font-size: clamp(2.1rem, 5.4vw, 3.4rem);
  line-height: 1.03;
  margin: 0 0 1rem;
  max-width: 20ch;
}

.station {
  border-left: 4px solid var(--hivis);
  padding: 6px 0 6px 16px;
  margin: 0 0 2.3rem;
  color: var(--pale);
  font-size: .98rem;
  max-width: 62ch;
}

.body { max-width: 66ch; }
.body p { margin: 0 0 1.3rem; font-size: 1.04rem; line-height: 1.66; color: var(--pale); }
.body p:first-of-type { font-size: 1.13rem; }
.body strong { color: var(--white); }

/* Provenance + limits. Given the audience, this is styled the same way a
 * placard is: bordered, high-contrast, not decorative. */
.placard {
  margin: 2.8rem 0 0;
  padding: 20px 22px;
  background: #1d2023;
  border: 1px solid var(--steel);
  border-top: 4px solid var(--hazard);
  max-width: 66ch;
}
.placard .hd {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 1rem;
  color: var(--hazard);
  margin: 0 0 .6rem;
}
.placard p { font-size: .92rem; line-height: 1.62; color: var(--grey); margin: 0 0 .7rem; }
.placard p:last-child { margin-bottom: 0; }

.fnlist { list-style: none; padding: 0; margin: 2.2rem 0 0; max-width: 70ch; }
.fnlist li { border-top: 1px solid var(--steel); padding: 22px 0; }
.fnlist li:last-child { border-bottom: 1px solid var(--steel); }
.fnlist .post {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: .74rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--hivis);
  margin: 0 0 .45rem;
}
.fnlist h2 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.14;
  margin: 0 0 .45rem;
}
.fnlist h2 a { color: var(--pale); text-decoration: none; }
.fnlist h2 a:hover { color: var(--hazard); }
.fnlist p { margin: 0; color: var(--grey); font-size: .96rem; max-width: 62ch; }

.gate { margin-top: 2.6rem; padding-top: 1.8rem; border-top: 1px solid var(--steel); max-width: 66ch; }