.mtq-role-page { background: #121212; }
.role-hero { position: relative; min-height: var(--hero-height, 906px); padding: 0 48px 70px; overflow: hidden; background-position: center; background-size: cover; color: #fff; }
.role-hero::before { content: ''; position: absolute; inset: 0; background: #121212; opacity: .9; }
.role-hero-inner { position: relative; z-index: 1; max-width: 850px; margin: auto; padding-top: 262px; text-align: center; }
.role-eyebrow { margin: 0 0 20px; color: #cb2115; font-family: 'Bebas Neue',sans-serif; font-size: 28px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
.role-hero .role-eyebrow { margin: 0 0 20px; }
.role-hero h1 { max-width: 731px; margin: 0 auto 20px; color: #fff; font-size: 80px; line-height: 1.1; }
.role-hero p { max-width: 700px; margin: auto; color: #fff; font-size: 20px; font-weight: 500; line-height: 1.9; }
.coaches-page .role-hero { --hero-height: 1044px; background-image: url('/assets/images/mental-toughness-questionnaires/coaches.webp'); }
.athletes-page .role-hero { --hero-height: 906px; background-image: url('/assets/images/mental-toughness-role-pages/athletes-hero.webp'); }
.officials-page .role-hero { --hero-height: 1082px; background-image: url('/assets/images/mental-toughness-role-pages/officials-hero.webp'); }
.performers-page .role-hero { --hero-height: 1032px; background-image: url('/assets/images/mental-toughness-questionnaires/performers.jpg'); }
.coaches-page .role-hero-inner { padding-top: 265px; }
.officials-page .role-hero-inner,.performers-page .role-hero-inner { padding-top: 250px; }

.role-content { background: #fff; padding: 79px 48px 96px; }
.role-content-inner { max-width: 850px; margin: auto; }
.role-content h2 { max-width: 510px; margin: 0 auto 20px; color: #121212; font-size: 55px; line-height: 1.1; text-align: center; }
.role-content p,.role-content li { color: #333; font-size: 17px; font-weight: 400; line-height: 1.9; }
.role-content p { margin: 0 0 24px; }
.role-content-inner > p,.role-content-inner > .survey-link,.role-content-inner > .role-note,.role-content-inner > .role-callout { max-width: 510px; margin-left: auto; margin-right: auto; }
.role-content a { color: #cb0404; font-weight: 600; }
.role-content ul,.role-content ol { margin: 0 0 28px; padding-left: 26px; }
.role-callout { margin-top: 28px; margin-bottom: 28px; padding: 24px 28px; background: #f2f2f2; }
.survey-link { display: block; margin-top: 33px; margin-bottom: 18px; text-align: center; }
.survey-frame { display: block; width: 100%; height: 1000px; margin: 0 auto 45px; border: 0; background: #fff; }
.role-note { margin-top: 20px; padding: 24px 28px; background: #f2f2f2; }
.role-article { max-width: 510px; margin: auto; padding-top: 72px; border-top: 1px solid #ddd; }
.role-article h2 { margin-top: 52px; }
.role-article h2:first-child { margin-top: 0; }
.role-quote { margin: 30px auto; padding: 25px 30px; border-left: 5px solid #cb0404; background: #f2f2f2; font-size: 20px; font-style: italic; text-align: center; }

@media (max-width: 1024px) {
  .role-hero { min-height: 0; padding: 0 48px 68px; }
  .role-hero-inner,.coaches-page .role-hero-inner,.officials-page .role-hero-inner,.performers-page .role-hero-inner { padding-top: 190px; }
  .role-hero h1 { font-size: 61px; }
}

@media (max-width: 767px) {
  .role-hero { min-height: 0; padding: 0 24px 48px; }
  .role-hero-inner,.coaches-page .role-hero-inner,.officials-page .role-hero-inner,.performers-page .role-hero-inner { padding-top: 158px; text-align: left; }
  .role-eyebrow { margin-bottom: 23px; font-size: 20px; text-align: center; }
  .role-hero h1 { margin-bottom: 23px; font-size: 42px; line-height: 1.1; }
  .role-hero p { font-size: 17px; line-height: 1.85; }
  .role-content { padding: 48px 24px 64px; }
  .role-content h2 { margin-bottom: 24px; font-size: 36px; text-align: left; }
  .role-content p,.role-content li { font-size: 16px; line-height: 1.9; }
  .role-callout,.role-note { padding: 20px; }
  .survey-frame { height: 1000px; width: calc(100vw - 48px); }
  .role-article { padding-top: 48px; }
}