body[data-stage="online"]{--stage:#4b8162;--stage-dark:#28533b;--stage-soft:#e9f5ee}
.stage-hero-in{min-height:0;padding-top:3.5rem;padding-bottom:3.5rem}
.stage-copy h1{font-size:3.25rem;max-width:800px}
.online-options,.online-tutors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.online-options .subject{padding:1.6rem}
.online-options ul{padding-left:1.2rem;margin:1rem 0;color:#536078;font-size:.95rem;line-height:1.7}
.text-link{display:inline-flex;align-items:center;gap:.5rem;color:#28533b;font-weight:700;text-decoration:underline;text-underline-offset:3px;line-height:1.5}
.subject .text-link{margin-top:1rem;font-size:.9rem}
a.resource-item{text-decoration:none}
a.resource-item:hover{border-color:var(--stage)}
.online-tutor{display:flex;align-items:center;gap:1.25rem;text-decoration:none;color:#253044;padding:1.25rem 0;border-top:1px solid #c8d0e0}
.online-tutor img{width:104px;height:112px;object-fit:cover;object-position:center top;border-radius:6px;flex:none}
.online-tutor h3{font-family:"Fraunces",serif;font-size:1.35rem;margin:0 0 .4rem}
.online-tutor p{font-size:.95rem;color:#536078;line-height:1.5;margin:0 0 .5rem}
.online-tutor span{font-size:.85rem;font-weight:600;color:#28533b}
.online-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem}
.process-band .section-eyebrow{color:#f5c842}
a:focus-visible,summary:focus-visible{outline:3px solid #d3a419;outline-offset:4px}
@media(max-width:720px){
  .stage-copy h1{font-size:2.25rem}
  .online-options,.online-tutors{grid-template-columns:minmax(0,1fr)}
  .stage-hero-in{padding:2.5rem 1.25rem}
  .hero-facts{grid-template-columns:1fr}
  .online-tutor{gap:1rem}
  .online-tutor img{width:88px;height:96px}
  .hero-actions .btn{white-space:normal;text-align:center;justify-content:center}
}