/* Dedicated mentorship layout; shared site styles remain unchanged. */
.mentorship-route { min-width: 0; }
.mentorship-page { background: var(--white); font-size: 1rem; }
.mentorship-page .container { max-width: 1120px; }
.mentorship-hero { padding-block: clamp(2rem,5vw,4.5rem); background: var(--paper); }
.mentorship-hero__grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(2rem,5vw,4rem); align-items: center; }
.mentorship-hero h1 { margin: .75rem 0 1.25rem; font-size: clamp(3rem,5.5vw,4.7rem); line-height: 1.02; letter-spacing: -.055em; }
.mentorship-hero h1 em { display: block; color: var(--red); font-family: 'Source Serif 4',Georgia,serif; }
.mentorship-hero__copy > p { max-width: 44ch; margin-bottom: 1.5rem; font-size: 1.1rem; }
.mentorship-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.mentorship-actions .btn { min-height: 48px; }
.mentorship-photo { margin: 0; }
.mentorship-photo img { width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; object-position: center 76%; }
.mentorship-photo figcaption { margin-top: .65rem; color: var(--muted); font-size: .75rem; }
.mentorship-section { padding-block: clamp(2.5rem,5vw,4rem); }
.mentorship-section h2 { margin-bottom: 1.25rem; font-size: clamp(2rem,3.5vw,2.8rem); line-height: 1.08; }
.mentorship-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; padding: 0; margin: 0 0 2.5rem; list-style: none; }
.mentorship-facts li { padding-top: .8rem; border-top: 3px solid var(--red); }
.mentorship-facts li:nth-child(2) { border-color: var(--blue); }
.mentorship-facts li:nth-child(3) { border-color: var(--orange); }
.mentorship-facts strong { display: block; font-size: 1.05rem; }
.mentorship-facts span { color: var(--muted); font-size: .875rem; }
.mentorship-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.5rem; padding: 0; margin: 0; list-style: none; counter-reset: mentorship-step; }
.mentorship-steps li { min-width: 0; counter-increment: mentorship-step; }
.mentorship-steps li::before { content: '0' counter(mentorship-step); display: block; margin-bottom: .8rem; color: var(--red); font: .75rem 'IBM Plex Mono',monospace; }
.mentorship-steps h3 { margin: 0 0 .6rem; font-size: 1.2rem; line-height: 1.2; letter-spacing: -.025em; }
.mentorship-steps p { margin: 0; color: var(--muted); font-size: .95rem; }
.mentorship-audience { border-top: 1px solid var(--line); }
.mentorship-audience--mentor { background: var(--paper); }
.mentorship-audience__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem,6vw,5rem); align-items: start; }
.mentorship-audience__intro { min-width: 0; }
.mentorship-audience__intro h2 { margin-top: .75rem; }
.mentorship-audience__intro > p { max-width: 43ch; margin-bottom: 1.4rem; font-size: 1.05rem; }
.mentorship-form-note { display: block; margin-top: .6rem; font-size: .75rem; color: var(--muted); }
.mentorship-details { min-width: 0; }
.mentorship-details h3 { margin: 0 0 .8rem; font-size: 1.15rem; line-height: 1.25; letter-spacing: -.02em; }
.mentorship-details > div + div { margin-top: 1.75rem; }
.mentorship-details p { margin: 0; }
.mentorship-details ul { padding-left: 1.1rem; margin: 0; }
.mentorship-details li { padding-left: .2rem; margin-bottom: .65rem; }
.mentorship-details li:last-child { margin-bottom: 0; }
.mentorship-details li::marker { color: var(--red); }
.mentorship-audience--mentor .mentorship-details li::marker { color: var(--blue); }
.mentorship-details details { border-top: 1px solid var(--line); margin-top: 1.75rem; }
.mentorship-details summary { cursor: pointer; padding: 1rem 0; min-height: 48px; font-weight: 600; }
.mentorship-details details ul { margin: .2rem 0 1rem; }
/* Native fragment navigation has a single header offset, not two combined offsets. */
.mentorship-page section[id] { scroll-margin-top: 20px; }
.mentorship-page section[tabindex="-1"]:focus { outline: none; }
@media(max-width:820px) {
  .mentorship-hero__grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .mentorship-hero h1 em { display: inline; }
  .mentorship-hero__copy > p { max-width: 58ch; }
  .mentorship-photo { max-width: 560px; }
  .mentorship-photo img { aspect-ratio: 16 / 9; object-position: center 72%; }
  .mentorship-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem 2rem; }
  .mentorship-audience__grid { grid-template-columns: 1fr; gap: 2rem; }
  .mentorship-audience__intro > p { max-width: 56ch; }
}
@media(max-width:600px) {
  .mentorship-hero { padding-block: 2rem; }
  .mentorship-hero h1 { font-size: clamp(2.25rem,10.5vw,3.4rem); }
  .mentorship-hero h1 em { display: block; }
  .mentorship-hero__copy > p, .mentorship-audience__intro > p { font-size: 1rem; }
  .mentorship-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
  .mentorship-actions .btn { width: 100%; padding-inline: .65rem; font-size: .8rem; }
  .mentorship-facts { gap: .75rem; margin-bottom: 2rem; }
  .mentorship-facts strong { font-size: .9rem; line-height: 1.3; margin-bottom: .3rem; }
  .mentorship-facts span { display: block; font-size: .8rem; line-height: 1.4; }
  .mentorship-steps { grid-template-columns: 1fr; gap: 1.25rem; }
  .mentorship-steps li { display: grid; grid-template-columns: 28px minmax(0,1fr); column-gap: .65rem; }
  .mentorship-steps li::before { grid-row: 1 / 3; margin: .15rem 0 0; }
  .mentorship-steps h3 { font-size: 1.1rem; margin-bottom: .4rem; }
  .mentorship-steps p { grid-column: 2; font-size: 1rem; }
  .mentorship-audience__grid { gap: 1.75rem; }
  .mentorship-page .section-kicker { font-size: .7rem; }
}
@media(max-width:359px) {
  .mentorship-actions { grid-template-columns: 1fr; }
  .mentorship-actions .btn { font-size: .875rem; }
}
