/* One continuous service chapter, with three matching entry points and a scoped sticky index. */
.sp-service-area{--sp-header-height:78px;--sp-nav-height:66px;background:#f0f5f7}
.sp-service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c4d6dc;border-bottom:1px solid #c4d6dc;margin-top:40px}
.sp-service-overview a{position:relative;display:flex;flex-direction:column;gap:16px;padding:30px 28px;color:#173d50;text-decoration:none}
.sp-service-overview a+a{border-left:1px solid #c4d6dc}
.sp-service-number{font:30px Georgia,serif;color:#987934}
.sp-service-overview strong{font-size:24px}
.sp-service-overview a>span:not(.sp-service-number):not(.sp-service-arrow){font-size:14px;line-height:1.9}
.sp-service-arrow{position:absolute;right:26px;top:34px;color:#987934}
.sp-service-overview a:hover{background:#e5eff1}
.sp-service-area a:focus-visible{outline:3px solid #997b39;outline-offset:-3px}
.sp-service-nav{position:sticky;top:var(--sp-header-height);z-index:100;background:#f0f6f7f5;backdrop-filter:blur(12px);border-block:1px solid #c4d6dc}
.sp-service-nav .mk-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-service-nav a{display:flex;justify-content:center;align-items:center;gap:14px;min-height:64px;color:#496674;text-decoration:none;font-size:15px;font-weight:700;border-bottom:3px solid transparent}
.sp-service-nav a span{font:18px Georgia,serif;color:#987934}
.sp-service-nav a[aria-current="location"]{border-bottom-color:#a68948;background:#e1edef;color:#173d50}
.sp-service-area #questions,.sp-service-area #continue,.sp-service-area #school-classroom{scroll-margin-top:calc(var(--sp-header-height) + var(--sp-nav-height) + 16px)}
.school-presentation .sp-service-chapter{display:flex;align-items:center;gap:20px;font-size:16px;font-weight:700;color:#173d50;margin:0 0 24px}
.sp-service-chapter span{font:42px Georgia,serif;color:#987934;padding-right:20px;border-right:1px solid #c5b486}
.sp-service-area #continue .mk-wrap,.sp-service-area #school-classroom .mk-wrap{padding-top:48px;border-top:1px solid #c4d6dc}
.sp-service-area #continue,.sp-service-area #school-classroom{padding-top:0}
.sp-service-area .sp-copy,.sp-service-detail{max-width:55rem}
.sp-service-detail h3,.sp-method-intro h3{font-size:clamp(21px,2vw,27px);line-height:1.7;color:#173d50}
.sp-service-detail p,.sp-method-intro p{line-height:2;color:#496674}
.sp-method-intro{margin:48px 0 28px;padding-top:32px;border-top:1px solid #c4d6dc}
@media(max-width:800px){
.sp-service-area{--sp-header-height:68px;--sp-nav-height:57px}
.sp-service-overview{grid-template-columns:1fr;margin-top:28px}
.sp-service-overview a{display:grid;grid-template-columns:44px 1fr;gap:8px 14px;padding:22px 8px}
.sp-service-overview a+a{border-left:0;border-top:1px solid #c4d6dc}
.sp-service-number{grid-row:1/3;font-size:27px}
.sp-service-overview strong{font-size:21px}
.sp-service-overview a>span:not(.sp-service-number):not(.sp-service-arrow){grid-column:2}
.sp-service-arrow{right:12px;top:25px}
.sp-service-nav a{min-height:55px;font-size:13px;gap:7px}
.sp-service-nav a span{font-size:15px}
.sp-service-chapter span{font-size:34px}
.sp-service-area #continue .mk-wrap,.sp-service-area #school-classroom .mk-wrap{padding-top:36px}
}
.school-presentation #school-classroom h2{font-size:clamp(1.75rem,3.1vw,2.5rem)}
@media(max-width:560px){.school-presentation #school-classroom>.mk-wrap{width:calc(100% - 36px)}}


/* Match the service-page ivory / blue-gray zebra; keep the shared plan area untouched. */
.school-presentation :is(#how-it-works,#study-efficiency,#questions,#school-classroom){background:#fffefa}
.school-presentation :is(#question-first,#continue,#school-pricing,#support-terms){background:#f0f5f7}
.school-presentation #question-first{color:var(--sp-ink)}
.school-presentation #question-first .sp-eyebrow{color:#836728}
.school-presentation #question-first .sp-copy>p{color:var(--sp-muted)}
.school-presentation #question-first .sp-copy strong,
.school-presentation #question-first .sp-copy>.sp-story-emphasis{color:var(--sp-ink)}
.school-presentation #personal-support{background:linear-gradient(115deg,#14384c,#1d4254);color:#fff}
.school-presentation #personal-support h2,
.school-presentation #personal-support .sp-service-overview strong{color:#fff}
.school-presentation #personal-support .sp-eyebrow{color:#ded2ae}
.school-presentation #personal-support .sp-section-lead,
.school-presentation #personal-support .sp-service-overview a{color:#dbe5e8}
#personal-support .sp-service-overview,
#personal-support .sp-service-overview a+a{border-color:#ffffff30}
#personal-support .sp-service-number,
#personal-support .sp-service-arrow{color:#e0c786}
#personal-support .sp-service-overview a:hover{background:#ffffff0c}
.sp-service-nav{background:#14384c;border-color:#ffffff30}
.sp-service-nav a{color:#dbe5e8}
.sp-service-nav a span{color:#e0c786}
.sp-service-nav a:hover{background:#ffffff0c}
.sp-service-nav a[aria-current="location"]{background:#ffffff12;color:#fff;border-bottom-color:#e0c786}
.sp-service-area a:focus-visible{outline-color:#c7af73}

/* Three horizontal support links beside the heading, matching the AI overview. */
#personal-support .sp-service-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0}
#personal-support .sp-service-overview a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-width:0;padding:16px 12px;border:1px solid #d5c38d47;border-radius:7px}
#personal-support .sp-service-overview a+a{border:1px solid #d5c38d47}
#personal-support .sp-service-overview strong{font-size:18px;line-height:1.65;white-space:nowrap}
#personal-support .sp-service-overview a>span:not(.sp-service-number):not(.sp-service-arrow){font-size:13px;line-height:1.9;text-align:left}
#personal-support .sp-service-overview a br{display:none}
#personal-support .sp-service-arrow{position:static;margin-top:auto;line-height:1;padding-top:4px}
@media(min-width:901px){
.school-presentation #personal-support>.mk-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:36px;align-items:center}
#personal-support .sp-feature-heading{margin:0;min-width:0}
.school-presentation #personal-support>.mk-wrap>.sp-feature-heading h2{font-size:clamp(26px,2.3vw,34px)}
#personal-support .sp-section-lead{font-size:14px}
#personal-support .sp-section-lead br{display:none}
#personal-support .sp-service-overview{margin:0}
}
@media(max-width:560px){
#personal-support .sp-service-overview{gap:7px}
#personal-support .sp-service-overview a{padding:18px 9px;gap:12px}
#personal-support .sp-service-overview strong{font-size:15px}
#personal-support .sp-service-overview a>span:not(.sp-service-number):not(.sp-service-arrow){font-size:12px}
}

/* Give the question-environment story clear pauses between its two arguments. */
.school-presentation #question-first .sp-copy h3{margin:36px 0 16px;font-size:clamp(1.125rem,1.8vw,1.375rem);line-height:1.8;color:var(--sp-ink)}

/* Compact overview proportions, matching the textbook introduction. */
.school-presentation #personal-support{padding-block:43px}
#personal-support .sp-service-number{font-size:26px;line-height:1.2}