/* Press Box — the long-form pages at livecastnow.com/press-box/.
 *
 * Loaded after /styles.css, which supplies --black, --panel, --line, --grey,
 * --pale, --cyan, --hot, --green, the three typefaces and the dark
 * section/footer treatment. Prose-page additions only.
 */

.strip {
  border-bottom: 1px solid var(--line);
  padding: 15px 0;
  font-family: "Space Mono", monospace;
  font-size: .78rem;
  letter-spacing: .06em;
  color: var(--grey);
  text-transform: uppercase;
}
.strip a { color: var(--grey); text-decoration: none; }
.strip a:hover { color: var(--cyan); }

.pbhead { padding-top: 46px; }
.pbhead h1 {
  font-family: Anton, sans-serif;
  text-transform: uppercase;
  font-size: clamp(2.2rem, 6vw, 3.8rem);
  line-height: .98;
  letter-spacing: .005em;
  margin: 0 0 1.1rem;
  max-width: 18ch;
}

.seat {
  border-left: 3px solid var(--cyan);
  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); }

/* Disclosure. On a page that talks about money, this one gets the loud
 * border rather than the quiet one. */
.tag {
  margin: 2.8rem 0 0;
  padding: 20px 22px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 4px solid var(--hot);
  max-width: 66ch;
}
.tag .hd {
  font-family: "Space Mono", monospace;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--hot);
  margin: 0 0 .6rem;
}
.tag p { font-size: .91rem; line-height: 1.62; color: var(--grey); margin: 0 0 .7rem; }
.tag p:last-child { margin-bottom: 0; }

.pblist { list-style: none; padding: 0; margin: 2.2rem 0 0; max-width: 70ch; }
.pblist li { border-top: 1px solid var(--line); padding: 22px 0; }
.pblist li:last-child { border-bottom: 1px solid var(--line); }
.pblist .slot {
  font-family: "Space Mono", monospace;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--green);
  margin: 0 0 .5rem;
}
.pblist h2 {
  font-family: Anton, sans-serif;
  text-transform: uppercase;
  font-size: 1.55rem;
  line-height: 1.08;
  margin: 0 0 .5rem;
}
.pblist h2 a { color: var(--pale); text-decoration: none; }
.pblist h2 a:hover { color: var(--cyan); }
.pblist p { margin: 0; color: var(--grey); font-size: .96rem; max-width: 62ch; }

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