/* Rawana — the longform landing-page block.

   Deliberately thin. The page is prose, and prose already has furniture in
   rwn-base.css and rwn-sections.css: .rwn-section, .rwn-inner, .rwn-eyebrow,
   .rwn-lede, .rwn-card, .rwn-btn, .rwn-mono. What is left is the measure, the
   rhythm between an H2 and the paragraphs under it, and the facts strip.

   Every value references a theme.json token. */

/* --- 1. Shell ---------------------------------------------------------- */
.rwn-longform {
  display: grid;
  gap: var(--wp--preset--spacing--80);
  justify-items: start;
}

.rwn-longform__head {
  display: grid;
  gap: var(--wp--preset--spacing--40);
  max-width: var(--wp--custom--width-prose);
}

.rwn-longform__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--xxxl);
  font-weight: var(--wp--custom--weight-light);
  line-height: var(--wp--custom--leading-tight);
  letter-spacing: var(--wp--custom--tracking-tight);
  text-wrap: balance;
}

.rwn-longform__lede {
  margin: 0;
  max-width: var(--wp--custom--width-prose);
}

/* --- 2. Facts strip ---------------------------------------------------- */
.rwn-longform__facts {
  display: grid;
  gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  width: 100%;
  margin: 0;
}

.rwn-longform__fact {
  display: grid;
  gap: var(--wp--preset--spacing--10);
  align-content: start;
}

.rwn-longform__fact dt {
  margin: 0;
}

.rwn-longform__fact dd {
  margin: 0;
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--sm);
  line-height: var(--wp--custom--leading-snug);
}

/* --- 3. The prose itself ----------------------------------------------- */
.rwn-longform__body {
  display: grid;
  gap: var(--wp--preset--spacing--70);
  max-width: var(--wp--custom--width-prose);
}

.rwn-longform__body p {
  margin: 0;
  color: var(--wp--preset--color--muted);
  line-height: var(--wp--custom--leading-relaxed);
}

.rwn-longform__intro {
  font-size: var(--wp--preset--font-size--md);
}

.rwn-longform__block {
  display: grid;
  gap: var(--wp--preset--spacing--40);
}

.rwn-longform__heading {
  margin: 0;
  font-size: var(--wp--preset--font-size--xl);
  font-weight: var(--wp--custom--weight-light);
  line-height: var(--wp--custom--leading-snug);
  letter-spacing: var(--wp--custom--tracking-tight);
  color: var(--wp--preset--color--contrast);
  text-wrap: balance;
}

/* A sub-point under the h2 above it: same family, a step quieter. */
.rwn-longform__heading--h3 {
  font-size: var(--wp--preset--font-size--md);
  font-weight: var(--wp--custom--weight-regular);
  letter-spacing: 0;
}

/* Inline links inside longform prose (journal articles cross-reference
   each other; the landing pages do not use them). */
.rwn-longform__body a,
.rwn-longform__lede a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--wp--preset--color--accent) 60%, transparent);
  text-underline-offset: 3px;
  transition: text-decoration-color 160ms ease, color 160ms ease;
}

.rwn-longform__body a:hover,
.rwn-longform__lede a:hover {
  color: var(--wp--preset--color--accent);
  text-decoration-color: currentColor;
}

.rwn-longform__body strong {
  color: var(--wp--preset--color--contrast);
  font-weight: var(--wp--custom--weight-medium);
}

/* --- 4. Lists ---------------------------------------------------------- */
.rwn-longform__list {
  display: grid;
  gap: var(--wp--preset--spacing--30);
  margin: 0;
  padding: 0;
  list-style: none;
}

.rwn-longform__list li {
  position: relative;
  padding-left: calc(var(--wp--preset--spacing--40) + 6px);
  color: var(--wp--preset--color--muted);
  line-height: var(--wp--custom--leading-relaxed);
}

.rwn-longform__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  border-radius: var(--wp--custom--radius-pill);
  background: var(--wp--preset--color--accent);
  opacity: 0.75;
}

/* --- 5. Closing card --------------------------------------------------- */
.rwn-longform__cta {
  width: 100%;
  max-width: var(--wp--custom--width-prose);
}

.rwn-longform__cta-title {
  margin: 0;
  font-size: var(--wp--preset--font-size--lg);
  font-weight: var(--wp--custom--weight-light);
  line-height: var(--wp--custom--leading-snug);
  letter-spacing: var(--wp--custom--tracking-tight);
  color: var(--wp--preset--color--contrast);
  text-wrap: balance;
}

.rwn-longform__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
  justify-content: center;
  margin: 0;
}

/* --- 6. Wider than prose once there is room ---------------------------- */
@media (min-width: 900px) {
  .rwn-longform__facts {
    max-width: var(--wp--custom--width-wide);
  }
}