/* Article reading styles: explicit foregrounds for each background. */
main {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #fff8e7;
}
main .section {
  padding: clamp(1rem, 3vw, 2rem);
  background: #151310;
  border: 1px solid #76634b;
  color: #fff8e7;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}
main .section-title,
main .warning > .section-title,
main .warning > .section-title a {
  color: #ffe94d;
  line-height: 1.15;
}
main .section-title::after { content: none; }
main .section > .label { color: #ffe94d; font-weight: 700; }
main .section p { max-width: 70ch; }
main .section a { color: #83efff; text-decoration: underline; }
main .section a:hover,
main .section a:focus-visible { color: #fff; }
main .section blockquote {
  margin: 1.2rem 0;
  padding: 1rem 1.2rem;
  background: #fff8e7;
  border-left: 5px solid #b84700;
  color: #20150f;
  font: 400 1.2rem/1.6 Georgia, serif;
  overflow-wrap: anywhere;
}
main .card { color: #fff8e7; transform: none; }
main .sources,
#week-2-presser .sources {
  background: #080808;
  color: #fff8e7;
  font: 400 1rem/1.65 "Trebuchet MS", Verdana, sans-serif;
}
main .quote-wall { columns: 1; }
main .quote-card {
  background: #fff8e7;
  color: #20150f;
  padding: clamp(1rem, 3vw, 1.5rem);
  margin-bottom: 1.5rem;
  transform: none;
  box-shadow: none;
}
main .quote-card:nth-child(n) { background: #fff8e7; }
main .quote-card blockquote {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #20150f;
}
main .quote-card cite { color: #20150f; font: 700 1rem/1.5 "Trebuchet MS", Verdana, sans-serif; }
main .quote-card a { color: #00515c; }
main .quote-card a:hover,
main .quote-card a:focus-visible { color: #752700; }
main .section .cta { background: #9f1c12; color: #fff; text-decoration: none; }
main .yarn-board::before,
main .yarn-board::after { display: none; }
#week-2-presser { font-size: 18px; line-height: 1.7; }
#week-2-presser .card blockquote { background: #fff8e7; color: #20150f; border-color: #b84700; }
@media (max-width: 560px) {
  main { padding-inline: .75rem; }
  main .section { margin-block: 1.5rem; }
  main .section blockquote { padding: .8rem; }
}