/* Education page. Navigation, facade and footer use shared site styles. */
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 100; padding: 12px; background: var(--paper); color: var(--ink); }
.skip-link:focus { top: 12px; }
.education-hero { padding-block: var(--hero-space) var(--section-space); }
.hero-layout { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: clamp(32px, 7vw, 100px); }
.education-kicker { margin: 0 0 16px; color: var(--brass); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.6; }
h1 { margin: 0 0 24px; font: 700 clamp(44px, 5vw, 72px)/1.05 var(--font-heading); color: var(--gold); text-transform: uppercase; }
h2 { margin: 0 0 24px; font: 600 clamp(32px, 3.2vw, 44px)/1.12 var(--font-heading); }
h3 { margin: 0 0 16px; font: 700 29px/1.15 var(--font-heading); }
p { line-height: 1.8; }
.hero-copy > p:not(.lead) { color: var(--muted); max-width: 43ch; }
.lead { margin: 0 0 20px; font: 600 clamp(32px, 3.5vw, 46px)/1.12 var(--font-heading); }
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 28px; }
.education-button { border: 2px solid #b88c4b; border-radius: 12px; background: #941f1e; color: var(--paper); min-height: 48px; }
.education-button:hover { background: #7f1b1a; }
.text-link { color: var(--brass); line-height: 1.6; text-decoration: underline; text-underline-offset: 5px; }
.hero-note { font-size: 13px; }
.gameplay-pair { margin: 0; }
.gameplay-images { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 16px; }
.gameplay-images img { width: 100%; height: auto;  }
.gameplay-pair figcaption { text-align: center; color: var(--muted); font-size: 12px; line-height: 1.7; margin-top: 20px; }
.education-index-band { background: #0003; }
.section-nav { display: flex; flex-wrap: wrap; gap: 12px 32px; padding-block: 18px; }
.section-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--paper); }
a:hover { color: var(--brass); }
a:focus-visible { outline: 3px solid var(--gold); outline-offset: 5px; }
.section { padding-block: var(--section-space); scroll-margin-top: 90px; }
.section-heading { margin-bottom: 32px; }
.section-heading > p { max-width: 78ch; color: var(--muted); }
.document-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.document-panel { background: #f4f3dc; border: 1px solid #c6c3a3; border-radius: 12px; padding: clamp(24px, 2.5vw, 32px); color: #26251e; box-shadow: 0 12px 24px #0002; }
.document-panel p { font-size: 15px; }
.activity-layout { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
.document-panel .education-kicker { color: #796445; }
.activity-steps { margin: 24px 0 0; padding-left: 24px; }
.activity-steps li { padding-left: 8px; margin-bottom: 16px; line-height: 1.7; }
.activity-steps li::marker { color: var(--red); font-weight: 700; }
.teaching-note p:not(.education-kicker) { color: var(--muted); }
.access-panel { background: #0003; border: 1px solid var(--line); border-radius: 12px; padding: clamp(24px, 4vw, 48px); }
.access-panel > div:first-child { max-width: 78ch; }
.access-panel p:not(.education-kicker) { color: var(--muted); }
.access-contact { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.contact-address { overflow-wrap: anywhere; color: var(--brass); }
.small-print { font-size: 13px; }
@media (max-width: 900px) {
  .hero-layout, .activity-layout { grid-template-columns: 1fr; }
  .gameplay-pair { width: min(100%, 460px); justify-self: center; }
  .document-grid { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {

  .section-nav { flex-direction: column; gap: 0; }

  .gameplay-images { gap: 12px; }
  .access-contact { align-items: flex-start; flex-direction: column; }
}