/* Argument-page refinement pass. Loaded after styles.css. */

/* Forest / cream is the locked palette. The old development picker is hidden
   even when a stale preview URL still includes ?themes=1. */
.theme-picker { display: none !important; }

/* Give the opening claim a cleaner hierarchy without changing the page's
   underlying two-column composition. */
.hero {
  padding-top: 12px;
  align-items: start;
}
.hero h1 {
  font-size: clamp(36px, 3.9vw, 50px);
  line-height: 1.04;
  max-width: 18ch;
}
.hero .lede {
  font-size: clamp(17px, 1.35vw, 19px);
  line-height: 1.5;
  margin-bottom: .2em;
}
.hero .thesis-points { margin-top: 32px; }
.hero .btn-row { margin-top: 22px; }

/* On the Argument page these headers work as section labels, not two-column
   editorial heads. Keep the whole thought on one line at desktop sizes. */
.argument-head {
  display: block;
  margin-bottom: 24px;
}
.argument-head .eyebrow { margin-bottom: 10px; }
.argument-head h2 {
  max-width: none;
  white-space: nowrap;
}

/* Findings should scan as four concise pieces of evidence. */
.finding-row { gap: 32px 56px; }
.finding-card h3 {
  font-size: 20px;
  max-width: none;
  white-space: nowrap;
  margin: 9px 0 7px;
}
.finding-card p {
  line-height: 1.5;
  max-width: 50ch;
  min-height: 4.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* Keep the provenance note compact enough to read as a footer note rather
   than a second block of body copy. */
.footer-note {
  max-width: 54ch;
  line-height: 1.45;
}

@media (max-width: 940px) {
  .hero h1 { max-width: 20ch; }
  .argument-head h2 { white-space: normal; }
  .finding-card h3 { white-space: normal; }
  .finding-card p {
    min-height: 0;
    display: block;
    overflow: visible;
  }
}