.club-editorial {
  width: min(calc(100% - 48px), 960px);
  margin: 0 auto;
  padding: clamp(48px, 6vw, 80px) 0;
  border-top: 1px solid var(--line);
  color: var(--ink);
}

.club-editorial > p,
.club-editorial > ul,
.club-editorial > h2,
.club-editorial > h3,
.club-faq { max-width: 760px; }
.club-editorial__overline {
  color: var(--gold);
  font: 600 10px/1.6 var(--sans);
  letter-spacing: 0.2em;
}
.club-editorial h2 { margin: 0 0 28px; font: 400 clamp(32px, 4vw, 50px)/1.15 var(--serif); }
.club-editorial h3 { margin: 40px 0 20px; font: 400 28px/1.25 var(--serif); }
.club-editorial p,
.club-editorial li { font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.club-editorial p { margin: 0 0 20px; }
.club-editorial ul { margin: 0 0 24px; padding-left: 24px; }
.club-editorial li { margin-bottom: 8px; }
.club-editorial a { color: inherit; text-underline-offset: 4px; }
.club-editorial a:focus-visible,
.club-faq summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.club-editorial__cta {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  margin: 12px 0 24px;
  padding: 14px 24px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  font: 600 11px/1.5 var(--sans);
  letter-spacing: 0.12em;
  text-align: center;
  text-decoration: none;
}
.club-editorial .club-editorial__links { margin: 16px 0 0; color: var(--ink-soft); font-size: 14px; }
.club-faq { border-bottom: 1px solid var(--line); }
.club-faq summary { min-height: 56px; padding: 18px 0; font: 400 22px/1.4 var(--serif); cursor: pointer; }
.club-faq p { padding: 0 0 8px; }

/* New English copy leaves the existing translated experiences intact. */
html:not([lang="en"]) .club-editorial { display: none; }

@media (max-width: 480px) {
  .club-editorial { width: calc(100% - 40px); }
  .club-editorial__cta { max-width: 100%; }
}