/* Page-local editorial composition for Discussion Club. */
.club-page { --page-max-width: 1280px; --page-padding: 32px; }
.club-page main, .club-page .nav { width: min(calc(100% - (var(--page-padding) * 2)), var(--page-max-width)); max-width: none; margin: 0 auto; }
.club-page main { padding: 140px 0 76px; }
.club-page .nav { padding-left: 0; padding-right: 0; }
.club-page .clubHero { border-bottom: 1px solid var(--ink); padding: 0 0 32px; }
.club-page .eyebrow, .club-page .clubAboutLabel, .club-page .clubEvent .section h2, .club-page .form-box h2, .club-page .form-box label { grid-column: 1 / span 8; font-family: 'IBM Plex Sans Mono', monospace !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: .18em !important; text-transform: uppercase; }
.club-page .eyebrow, .club-page .clubAboutLabel, .club-page .clubEvent .section h2 { color: var(--accent) !important; }
.club-page .clubHeroGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: start; margin-top: 25px; }
.club-page .clubHeroTitle { grid-column: 1; max-width: none; white-space: normal; margin: 0; font-size: clamp(58px, 6.5vw, 112px); line-height: .88; transform: none; }
.club-page .clubHeroIntro { grid-column: 2; max-width: none; margin: 74px 0 0; font-size: clamp(20px, 1.75vw, 34px); line-height: 1.25; }
.club-page .clubAbout { padding-top: 32px; }
.club-page .clubAboutLabel { margin: 0; }
.club-page .clubAboutGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; margin-top: 47px; }
.club-page .clubAboutStatement, .club-page .clubAboutDescription { grid-column: auto; max-width: none; margin: 0; font-size: clamp(20px, 1.35vw, 26px) !important; line-height: 1.42; font-weight: 400; }
.club-page .clubPrinciples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 56px; }
.club-page .clubPrinciple { border-top: 1px solid rgba(31,27,22,.35); padding-top: 24px; font-size: clamp(17px, 1.05vw, 21px); line-height: 1.45; }
.club-page .clubPrinciple strong { font-weight: 600; }
.club-page .clubPrincipleNumber { display: block; color: var(--accent); opacity: .35; font: 400 clamp(96px, 7.5vw, 132px)/.78 'IBM Plex Serif', serif; margin-bottom: 22px; }
.club-page .clubPrincipleText { margin: 0; font: 400 clamp(20px, 1.35vw, 26px)/1.42 'Inter', sans-serif; }
.club-page .question::before { content: '→'; display: inline-block; width: 1.45em; color: var(--accent); }
.club-page .clubEvent { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 26px; margin-top: 68px; align-items: start; }
.club-page .clubEventContent { grid-column: 1 / span 8; }
.club-page .clubEventContent, .club-page .clubEvent .form-box { min-width: 0; }
.club-page .clubEvent .meeting { margin: 0; min-height: 205px; }
.club-page .clubEvent .meeting h3 { font-size: 46px; }
.club-page .clubEvent .section { margin-top: 58px; }
.club-page .clubEvent .form-box { grid-column: 10 / -1; margin: 0 0 0 -50px; width: calc(100% + 50px); padding-top: 28px; padding-bottom: 28px; }
.club-page .clubEvent .form-box label { margin-top: 14px; }
.club-page .clubEvent .form-box input { padding-top: 8px; padding-bottom: 8px; }
.club-page .clubContact { margin: 28px 0 0; font: 12px 'Overpass',monospace; color: var(--accent); }
@media (max-width: 1199px) {
  .club-page main, .club-page .nav { width: calc(100% - 64px); }
  .club-page .clubHeroTitle, .club-page .clubHeroIntro { grid-column: auto; }
  .club-page .clubAboutStatement, .club-page .clubAboutDescription { grid-column: auto; }
  .club-page .clubEventContent { grid-column: 1 / span 7; }
  .club-page .clubEvent .form-box { grid-column: 9 / -1; margin-left: -35px; width: calc(100% + 35px); }
}
@media (max-width: 899px) {
  .club-page .nav { width: calc(100% - 40px); max-width: none; padding-left: 0; padding-right: 0; }
  .club-page main { width: calc(100% - 40px); padding-top: 110px; }
  .club-page .clubHero { padding-bottom: 44px; }
  .club-page .eyebrow, .club-page .clubHeroTitle, .club-page .clubHeroIntro,
  .club-page .clubAboutStatement, .club-page .clubAboutDescription,
  .club-page .clubEventContent, .club-page .clubEvent .form-box { grid-column: 1 / -1; }
  .club-page .clubHeroGrid, .club-page .clubAboutGrid, .club-page .clubEvent { grid-template-columns: 1fr; gap: 0; }
  .club-page .clubHeroGrid { margin-top: 23px; }
  .club-page .clubHeroGrid { grid-template-columns: 1fr; }
  .club-page .clubHeroTitle { white-space: normal; font-size: clamp(64px, 15vw, 110px); line-height: .88; }
  .club-page .clubHeroIntro { margin-top: 25px; font-size: 22px; }
  .club-page .clubAbout { padding-top: 30px; }
  .club-page .clubAboutGrid { margin-top: 40px; }
  .club-page .clubAboutDescription { margin-top: 28px; }
  .club-page .clubPrinciples { grid-template-columns: 1fr; gap: 0; margin-top: 48px; }
  .club-page .clubPrinciple { padding: 18px 0; }
  .club-page .eyebrow, .club-page .clubAboutLabel, .club-page .clubEvent .section h2 { font-size: 18px !important; }
  .club-page .clubPrincipleNumber { font-size: clamp(24px, 6.5vw, 32px); margin-bottom: 20px; }
  .club-page .clubEvent { margin-top: 55px; }
  .club-page .clubEvent .form-box { margin: 50px 0 0; width: auto; }
}


/* Codex global button standard */
.btn, .button, button, input[type=submit], input[type=button] {
  border-radius: 4px !important;
}
.btn, .button, button, input[type=submit], input[type=button] {
  background: #24251f !important;
  border-color: #24251f !important;
  color: #fffdf8 !important;
}
.btn:hover, .button:hover, button:hover, input[type=submit]:hover, input[type=button]:hover,
.btn:focus, .button:focus, button:focus, input[type=submit]:focus, input[type=button]:focus {
  background: #3a3933 !important;
  border-color: #3a3933 !important;
}


/* Codex global button shadow removal */
.btn, .mbr-section-btn > a.btn, .mbr-section-btn > button, .button,
button[type=submit], button[type=button], input[type=submit], input[type=button] {
  box-shadow: none !important;
}