/*
  "Why ROST" trust block — scoped to the homepage section `.why-rost` only
  (loaded via pages/home.py head_extra). Reuses the shared `.section--dark`
  surface (dark background + light text) and adds a compact 3-fact grid plus
  a calm transparency block, replacing the old split_section + big white
  card. No other page and no shared stylesheet is touched.
*/

.why-rost {
  padding-block: var(--space-2xl);
}

.why-rost .eyebrow {
  color: var(--brand-accent-light); /* readable green on the dark surface */
}

.why-rost__head {
  max-width: 800px;
}

.why-rost__title {
  margin: var(--space-xs) 0 var(--space-sm);
  font-size: clamp(1.9rem, 2.2vw + 1rem, 2.75rem);
  line-height: 1.1;
}

.why-rost__intro {
  margin: 0;
  max-width: 720px;
  font-size: var(--text-md);
  line-height: var(--leading-normal);
  color: var(--metal-300);
}

/* Three equal facts, thin dividers, no heavy cards. */
.why-rost__facts {
  list-style: none;
  margin: var(--space-xl) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-lg);
}

.why-rost__fact {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  padding-top: var(--space-md);
  border-top: var(--hairline) solid var(--border-hairline-inverted);
}

.why-rost__fact-num {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1;
  color: var(--brand-accent-light);
}

.why-rost__fact-title {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.0625rem;
  color: var(--warm-white-50);
}

.why-rost__fact-body {
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--metal-300);
}

/* Calm transparency block (subtle, bordered — not a heavy white card). */
.why-rost__transparency {
  margin-top: var(--space-xl);
  max-width: 900px;
  padding: var(--space-md) var(--space-lg);
  border: var(--hairline) solid var(--border-hairline-inverted);
  border-left: 3px solid var(--brand-accent-light);
  border-radius: var(--radius-md);
  background: rgba(250, 248, 245, 0.03);
}

.why-rost__transparency-title {
  margin: 0 0 var(--space-2xs);
  font-size: 1rem;
  font-weight: 600;
  color: var(--warm-white-50);
}

.why-rost__transparency-body {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--metal-300);
}

/* Tablet: 3 facts -> 2 columns. */
@media (max-width: 900px) {
  .why-rost__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: single column, dividers between stacked facts. */
@media (max-width: 600px) {
  .why-rost {
    padding-block: var(--space-xl);
  }
  .why-rost__facts {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .why-rost__fact {
    padding-block: var(--space-md);
  }
}