/* User reference, 2026-09-27: editorial layouts, ivory/navy/gold, illustrated learning story. */
.school-presentation{--sp-gold:#b39757}
.school-presentation :is(h1,h2,h3,.sp-service-number,.sp-format-label){font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif}
.school-presentation .sp-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.5}
.school-presentation .sp-hero h1 em{color:#e1c37a;font-style:normal}
.school-presentation .sp-hero-message{display:none}
.school-presentation .sp-hero-facts{background:#fffefa;color:#173d50;padding:24px 18px;margin-top:35px;border:0}
.school-presentation .sp-hero-facts strong{color:#173d50}
.school-presentation .sp-hero-facts>span+span{border-color:#d9dedb}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency){background:#fffefa;padding-block:44px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap{display:grid;grid-template-columns:1.06fr 1fr;gap:40px;border-bottom:1px solid #e1e3df;padding-bottom:36px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-feature-heading{margin:0}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap>.sp-feature-heading h2{font-size:clamp(25px,2.5vw,35px);line-height:1.55;letter-spacing:.015em}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-copy>p{font-size:14px;line-height:1.95;margin:0 0 20px}
.school-presentation :is(#how-it-works,#study-efficiency) .sp-copy>.sp-story-emphasis strong{color:#967331;font-family:'Yu Mincho',serif;font-size:17px}
.sp-story-art{margin:26px 0 0}.sp-story-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.sp-story-art figcaption{text-align:center;color:#173d50;font-size:13px;margin-top:12px}
.sp-art-focus img{height:210px;object-fit:cover;object-position:left;width:100%}
#personal-support .sp-service-overview{display:block}
#personal-support .sp-service-overview a{display:grid;grid-template-columns:45px 1fr 16px;gap:2px 14px;text-align:left;padding:15px 0;border:0;border-radius:0;align-items:center}
#personal-support .sp-service-overview a+a{border:0;border-top:1px solid #d5c38d80}
#personal-support .sp-service-overview .sp-service-number{grid-column:1;grid-row:1/3;font-size:34px}
#personal-support .sp-service-overview strong{grid-column:2;font-size:18px}
#personal-support .sp-service-overview a>span:not(.sp-service-number):not(.sp-service-arrow){grid-column:2;font-size:12px}
#personal-support .sp-service-overview .sp-service-arrow{grid-column:3;grid-row:1/3;transform:rotate(-90deg);margin:0;padding:0}
.school-presentation #questions>.mk-wrap>.sp-feature-heading{display:flex;gap:32px;align-items:center}
.school-presentation #questions .sp-service-chapter{display:flex;flex-direction:column;gap:0;color:#b39757;padding-right:30px;border-right:1px solid #c9b275;margin:0;white-space:nowrap}
.school-presentation #questions .sp-service-chapter span{font-size:90px;padding:0;border:0;line-height:1}
.school-presentation #questions>.mk-wrap>.sp-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:none}
.school-presentation #questions>.mk-wrap>.sp-copy p{margin:0;font-size:14px;line-height:1.95}
.sp-learning-art{margin:20px auto;max-width:1000px}.sp-learning-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.school-presentation #questions .sp-personal-service-note{max-width:none;padding:18px 24px;border:1px solid #cbb67e;border-radius:6px;margin:20px 0 30px}
.sp-method-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.sp-method-intro h3{margin:0}
.school-presentation #questions .sp-formats-panel{border:0;background:transparent;box-shadow:none;overflow:hidden}
.school-presentation #questions .sp-format{grid-template-columns:150px minmax(0,1fr) minmax(0,310px);gap:26px;padding:26px;margin:0 0 14px;border:1px solid #e1e3df;border-radius:7px;background:#fffefa}
.school-presentation #questions .sp-format>.sp-format-label{padding:10px 20px 0 0;border-right:1px solid #ccb579;margin:0;color:#ad8943;font-size:24px}
#questions .sp-format>.sp-format-label span{display:block;border:0;margin:20px 0 0;padding:0;color:#173d50;line-height:1.8;font-size:14px}
.school-presentation #questions .sp-format:nth-of-type(2){background:linear-gradient(115deg,#14384c,#1d4254);color:white}
.school-presentation #questions .sp-format:nth-of-type(2) :is(h3,p,strong,figcaption,figcaption span,.sp-format-label span){color:#f4f6f5}
.school-presentation #questions .sp-format .sp-outcome{background:#cbb77920;padding:12px 15px;border:0;color:#987334;font-size:14px}
.school-presentation #questions .sp-format .sp-copy>p{font-size:14px;line-height:1.8}
.school-presentation #school-pricing{background:#fffefa}
.school-presentation #school-pricing>.mk-wrap>.sp-feature-heading{padding:40px 42% 35px 0;background:linear-gradient(90deg,#fffefa 47%,#fffefa00 85%),url('/img/renewal/school-independent-study.webp') right center/65% auto no-repeat;min-height:300px}
.sp-gold-price{color:#b39757;font-size:1.25em}
.school-presentation #school-pricing .sp-comparison-intro{background:linear-gradient(110deg,#14384c,#1d4254);color:white;padding:30px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:0 0 30px;max-width:850px}
.school-presentation #school-pricing .sp-comparison-intro :is(h3,p,strong){color:white}.sp-total-price{display:block;font:60px Georgia,serif!important;color:#ddc384!important}.sp-total-price span{font-size:26px}
.school-presentation #school-pricing .sp-comparison-intro h3{font-size:19px}.school-presentation #school-pricing .sp-comparison-intro p{font-size:14px;border-left:1px solid #ffffff50;padding-left:30px}
.school-presentation #school-pricing .sp-comparison-table tr>:nth-child(4){background:#f3eddb}
.school-presentation .sp-month-choice{display:block;padding:34px 43% 34px 28px;background:linear-gradient(90deg,#fffefa 53%,#fffefa00),url('/img/renewal/school-learning-flow-optimized.webp') right center/95% auto no-repeat;border:1px solid #ddd9cc;border-radius:12px}
.school-presentation .sp-month-choice>.mk-text-link{display:inline-flex;margin-top:18px;background:#b39757;color:white;padding:13px 20px;border-radius:5px}
@media(max-width:900px){
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap{grid-template-columns:1fr;gap:24px}.sp-story-art{max-width:580px;margin-inline:auto}
.school-presentation #questions .sp-format{grid-template-columns:110px 1fr}.school-presentation #questions .sp-format-figure{grid-column:2;max-width:450px}
.school-presentation #questions>.mk-wrap>.sp-copy{gap:18px}.school-presentation #school-pricing>.mk-wrap>.sp-feature-heading{padding-right:32%}
}
@media(max-width:600px){
.school-presentation .sp-hero h1{font-size:28px}.school-presentation #questions>.mk-wrap>.sp-copy{grid-template-columns:1fr}.school-presentation #questions .sp-service-chapter span{font-size:58px}.school-presentation #questions .sp-service-chapter{padding-right:15px}.school-presentation #questions>.mk-wrap>.sp-feature-heading{gap:18px}
.sp-method-intro{grid-template-columns:1fr;gap:15px}.school-presentation #questions .sp-format{grid-template-columns:1fr;padding:20px;gap:18px}.school-presentation #questions .sp-format>.sp-format-label{border:0;padding:0;display:flex;align-items:center;gap:16px}#questions .sp-format>.sp-format-label span{margin:0}.school-presentation #questions .sp-format-figure{grid-column:1}
.school-presentation #school-pricing>.mk-wrap>.sp-feature-heading{padding:20px 0;background:none;min-height:0}.school-presentation #school-pricing .sp-comparison-intro{grid-template-columns:1fr;padding:24px;gap:18px}.school-presentation #school-pricing .sp-comparison-intro p{padding:18px 0 0;border-left:0;border-top:1px solid #ffffff50}.school-presentation .sp-month-choice{padding:24px;background:#fffefa}
}
.sp-editorial-icon{display:block;width:42px;height:42px;margin:14px 0;color:#173d50}
.school-presentation #questions .sp-format:nth-of-type(2) .sp-format-label{color:#e1c37a}.sp-format:nth-of-type(2) .sp-editorial-icon{color:#fff}
.sp-included-strip{display:grid;grid-template-columns:repeat(6,1fr);padding:25px 0;border-bottom:1px solid #e1e3df;margin-bottom:25px}.sp-included-strip>span{text-align:center;font-size:14px;color:#173d50}.sp-included-strip>span+span{border-left:1px solid #e1e3df}.sp-included-strip svg{margin:0 auto 12px}
@media(max-width:600px){.sp-included-strip{grid-template-columns:repeat(3,1fr);gap:20px 0}.sp-included-strip>span:nth-child(4){border:0}#questions .sp-format>.sp-format-label .sp-editorial-icon{width:28px;height:28px;margin:0}}
.sp-story-art img{max-height:290px;object-fit:contain}.sp-art-focus img{height:auto;object-fit:contain}
/* Reference-inspired newly generated artwork; all site text and prices remain editable. */
.sp-reference-art img{max-height:none;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.sp-reference-art{overflow:hidden}
.sp-reference-2 img{clip-path:inset(7% 0 0);margin-top:-5%}
.sp-reference-3 img{clip-path:inset(5% 0 0);margin-top:-3%}
.sp-reference-4{overflow:hidden;max-width:none;margin:20px 0 10px}
.sp-reference-4 img{clip-path:inset(3% 1% 3% 0);height:auto}
.school-presentation #questions .sp-personal-service-note{display:flex;align-items:center;gap:20px;padding:14px 25px;font-size:13px;line-height:1.8}
.sp-clock{flex:0 0 36px;width:36px;height:36px;color:#123b5c}
.school-presentation #questions .sp-personal-service-note>a{margin-left:auto;white-space:nowrap}
.sp-reference-pricing-hero{position:relative;isolation:isolate;padding:30px 0 0;overflow:hidden;border-radius:24px 24px 0 0;background:#fffefa}
.sp-reference-pricing-hero:before{content:'';position:absolute;inset:0 0 0 44%;z-index:-1;background:url('/img/renewal/school-generated-price-optimized.webp') right top / auto 131% no-repeat}
.sp-reference-pricing-hero:after{content:'';position:absolute;inset:0 35% 0 0;z-index:-1;background:linear-gradient(90deg,#fffefa 79%,#fffefa00)}
.school-presentation #school-pricing .sp-reference-pricing-hero>.sp-feature-heading{padding:0 37% 20px 30px;margin:0;background:none;min-height:0}
.school-presentation #school-pricing .sp-reference-pricing-hero h2{font-size:clamp(32px,4.2vw,55px);line-height:1.35;margin:12px 0 18px}
.school-presentation #school-pricing .sp-reference-pricing-hero .sp-section-lead{font-size:15px;line-height:1.8}
.school-presentation #school-pricing .sp-reference-pricing-hero .sp-comparison-intro{width:76%;max-width:none;margin:0 0 0 30px;padding:25px 32px;gap:30px;grid-template-columns:.9fr 1.1fr;border:1px solid #92a1a7;box-sizing:border-box}
.school-presentation #school-pricing .sp-reference-pricing-hero .sp-comparison-intro h3{font-size:18px;line-height:1.65}
.school-presentation #school-pricing .sp-reference-pricing-hero .sp-total-price{font-size:68px!important;line-height:1.15}
.school-presentation #school-pricing .sp-reference-pricing-hero .sp-comparison-intro p{font-size:14px;line-height:1.65;margin:0}
.school-presentation #school-pricing .sp-plan-comparison{border:0;background:transparent;padding:0}
.school-presentation #school-pricing .sp-included-strip{margin:0 0 24px;padding:25px 0;background:#fffefa}
.school-presentation #school-pricing .sp-comparison-scroll{border:0;border-radius:0}
.school-presentation #school-pricing .sp-comparison-table{background:#fffefa;border-collapse:collapse}
.school-presentation #school-pricing .sp-comparison-table :is(td,th){border:1px solid #dcded8;background:#fffefa;padding:15px 12px;font-size:14px;line-height:1.75;color:#173d50;box-shadow:none}
.school-presentation #school-pricing .sp-comparison-table tbody tr>:nth-child(4){background:#f7f0d9}
.school-presentation #school-pricing .sp-comparison-table thead .pp-effboki-group{background:#153e51;color:white;font:24px Georgia,serif;padding:8px}
.school-presentation #school-pricing .sp-comparison-table thead tr:nth-child(2)>:nth-child(3){background:#d5be7d}
.school-presentation #school-pricing .sp-comparison-table thead th{background:#f5f4ee;text-align:center}
.school-presentation #school-pricing .sp-comparison-table .sp-reference-included td{text-align:center;padding:7px 10px}
.school-presentation #school-pricing .sp-comparison-table .sp-reference-included th{padding:7px 12px}
.school-presentation #school-pricing .sp-comparison-table .sp-included-title :is(th,td){padding:5px 12px;border-bottom:0}
.school-presentation #school-pricing .sp-comparison-table caption{background:#fffefa;padding:18px 12px;font-weight:700;font-size:16px}
.school-presentation #school-pricing .sp-comparison-table small{font-size:12px;line-height:1.7}
.school-presentation .sp-month-choice{position:relative;isolation:isolate;overflow:hidden;padding:36px 41% 30px 30px;background:#fffefa;border-radius:18px}
.school-presentation .sp-month-choice:before{content:'';position:absolute;inset:0 0 0 51%;z-index:-1;background:url('/img/renewal/school-generated-month-optimized.webp') right center/auto 103% no-repeat}
.school-presentation .sp-month-choice:after{content:'';position:absolute;inset:0 39% 0 0;z-index:-1;background:linear-gradient(90deg,#fffefa 82%,#fffefa00)}
.school-presentation .sp-month-choice h3{font-size:clamp(25px,2.7vw,36px);line-height:1.5;margin:10px 0}
.school-presentation .sp-month-choice p{font-size:14px;line-height:1.85}
@media(max-width:700px){
.school-presentation #questions .sp-personal-service-note{flex-wrap:wrap;padding:14px;gap:12px}.sp-personal-service-note>span{flex:1}.school-presentation #questions .sp-personal-service-note>a{margin-left:48px}
.sp-reference-pricing-hero:before{inset:0 0 auto 50%;height:260px;opacity:.5}.sp-reference-pricing-hero:after{inset:0 22% 0 0}
.school-presentation #school-pricing .sp-reference-pricing-hero>.sp-feature-heading{padding:0 20px 24px}.school-presentation #school-pricing .sp-reference-pricing-hero h2{font-size:34px}.school-presentation #school-pricing .sp-reference-pricing-hero .sp-section-lead{font-size:14px}
.school-presentation #school-pricing .sp-reference-pricing-hero .sp-comparison-intro{width:100%;margin:0;grid-template-columns:1fr;padding:22px;gap:16px}.school-presentation #school-pricing .sp-reference-pricing-hero .sp-total-price{font-size:58px!important}
.school-presentation .sp-month-choice{padding:24px 20px 240px}.school-presentation .sp-month-choice:before{inset:auto 0 0;height:230px;background-size:auto 130%;background-position:right bottom}.school-presentation .sp-month-choice:after{display:none}
}
.sp-reference-pricing-hero:before{background-position:right -18px}
.school-presentation #school-pricing .sp-total-price{white-space:nowrap}
.school-presentation #school-pricing .sp-total-price>span{display:inline!important;font-size:26px;white-space:nowrap}
.school-presentation .sp-month-choice:before{background-position:right bottom}
.sp-reference-included th .sp-editorial-icon{display:inline-block;width:24px;height:24px;margin:0 12px 0 0;vertical-align:middle}
.school-presentation .sp-month-choice:before{inset:0 -2px 0 55%;background-position:right -18px bottom -5px}
.school-presentation .sp-month-choice:after{inset:0 37% 0 0;background:linear-gradient(90deg,#fffefa 85%,#fffefa00)}
@media(max-width:700px){.school-presentation .sp-month-choice:before{inset:auto -2px 0 0;height:230px;background-position:right -18px bottom -5px}}
@media(max-width:700px){.sp-reference-pricing-hero:before{height:190px;background-size:auto 220%;background-position:right -12px top -12px;opacity:.22}}

/* Generated assets have clean edges and contain no captured page text. */
.sp-reference-art img,.sp-reference-4 img{clip-path:none;margin-top:0}
.sp-reference-pricing-hero:before{background-size:auto 100%;background-position:right center}
.school-presentation .sp-month-choice:before{background-size:auto 100%;background-position:right center}
@media(max-width:700px){.sp-reference-pricing-hero:before{background-size:auto 100%;background-position:right center}.school-presentation .sp-month-choice:before{background-size:auto 100%;background-position:right center}}
.sp-generated-caption{display:flex;justify-content:space-around;gap:10px;font-weight:600;line-height:1.6}.sp-generated-caption>span{flex:1;text-align:center}.sp-reference-3 .sp-generated-caption{font-size:12px}
.school-presentation .sp-hero .sp-hero-facts>span{color:#496674}
/* Wide prose below a compact title-and-illustration header. Keep the story in reading order. */
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap{display:block;max-width:1060px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap>.sp-feature-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 36px;align-items:center;margin-bottom:28px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-feature-heading>.sp-eyebrow{grid-column:1;align-self:end;margin:0}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-feature-heading>h2{grid-column:1;align-self:start;margin:0;line-height:1.6}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-art{grid-column:2;grid-row:1/3;margin:0;width:100%;max-width:none}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-art img{max-height:220px;object-fit:contain}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap>.sp-copy{width:100%;max-width:960px;margin-inline:auto}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-copy>p{font-size:16px;line-height:1.95;margin-bottom:20px}
.school-presentation #question-first .sp-copy h3{font-size:19px;line-height:1.7;padding-top:22px;margin:26px 0 14px;border-top:1px solid #e2dece}
@media(max-width:700px){
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap>.sp-feature-heading{display:block;margin-bottom:24px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-feature-heading>.sp-eyebrow{margin-bottom:12px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-art{margin:18px auto 0;max-width:420px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-art img{max-height:180px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-copy>p{font-size:15px;line-height:1.9}
}
/* Prose stays verbatim. Illustration accompanies the opening, not the title. */
.school-presentation :is(#how-it-works,#question-first,#study-efficiency)>.mk-wrap>.sp-feature-heading{display:block;max-width:960px;margin:0 auto 24px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-feature-heading>.sp-eyebrow{margin-bottom:12px}
.sp-story-opening{display:flow-root}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-opening>.sp-story-art{float:right;width:36%;margin:0 0 18px 30px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-opening .sp-story-art img{max-height:165px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-copy :is(.sp-story-opening,.sp-story-passage)>p{font-size:16px;line-height:1.95;margin:0 0 20px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-copy p:not(.sp-story-emphasis) strong{font-weight:600}
.sp-story-passage{padding:24px 28px;margin:8px 0 22px;border-left:2px solid #c2aa72}
.sp-story-passage-muted{background:#f0f5f5;border-left-color:#b8cbd0;border-radius:0 8px 8px 0}
.school-presentation #question-first .sp-copy .sp-story-passage h3{margin:0 0 16px;padding:0;border:0;font-size:19px}
.school-presentation #question-first .sp-copy .sp-story-passage>p:last-child{margin-bottom:0}
@media(max-width:700px){
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-opening{display:flex;flex-direction:column}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-story-opening>.sp-story-art{float:none;order:1;width:100%;max-width:340px;margin:0 auto 22px}
.school-presentation :is(#how-it-works,#question-first,#study-efficiency) .sp-copy :is(.sp-story-opening,.sp-story-passage)>p{font-size:15px;line-height:1.9}
.sp-story-passage{padding:20px 18px}
}

/* Match the introduction pages' yellow takeaway cards. */
.school-presentation .sp-copy>p.sp-conclusion-card{display:flex;align-items:center;gap:24px;padding:26px 30px;margin:26px 0;background:linear-gradient(110deg,#f5eed8,#f7f1df);border-radius:6px;color:#173e50;font-size:18px;line-height:1.9}
.sp-conclusion-bulb{flex:none;width:30px;height:36px;color:#aa852b}
.school-presentation #personal-support .sp-section-lead br{display:block}
@media(max-width:700px){.school-presentation .sp-copy>p.sp-conclusion-card{padding:20px 18px;gap:14px;font-size:16px}.sp-conclusion-bulb{width:26px;height:32px}}

/* The third section closes the question-first story. */
.school-presentation #study-efficiency .sp-copy>p.sp-story-finale{margin:28px 0 0;padding:30px 24px;background:#faf6e9;border:1px solid #c4aa69;border-top:3px solid #b3954d;border-radius:6px;text-align:center;font-size:clamp(18px,1.8vw,23px);line-height:1.9}
.school-presentation #study-efficiency .sp-story-finale strong{color:#977020}
@media(max-width:700px){.school-presentation #study-efficiency .sp-copy>p.sp-story-finale{padding:24px 18px;text-align:left}}

/* Give services 02 and 03 the same large chapter treatment as 01. */
.school-presentation :is(#continue,#school-classroom)>.mk-wrap>.sp-feature-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px 32px;align-items:center}
.school-presentation :is(#continue,#school-classroom) .sp-service-chapter{display:flex;flex-direction:column;gap:0;color:#b39757;padding-right:30px;border-right:1px solid #c9b275;margin:0;white-space:nowrap}
.school-presentation :is(#continue,#school-classroom) .sp-service-chapter span{font-size:90px;padding:0;border:0;line-height:1}
.school-presentation :is(#continue,#school-classroom) .sp-feature-heading>h2{margin:0}
.school-presentation :is(#continue,#school-classroom) .sp-feature-heading>.sp-section-lead{grid-column:1/-1;margin:0}
@media(max-width:700px){
.school-presentation :is(#continue,#school-classroom)>.mk-wrap>.sp-feature-heading{gap:24px 18px}
.school-presentation :is(#continue,#school-classroom) .sp-service-chapter{padding-right:15px}
.school-presentation :is(#continue,#school-classroom) .sp-service-chapter span{font-size:58px}
}

/* Compact individual-support introduction; detailed response methods follow below. */
.sp-question-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;margin:24px 0}
.school-presentation #questions .sp-question-intro .sp-copy{max-width:none}
.school-presentation #questions .sp-question-intro p{font-size:15px;line-height:1.85;margin:0 0 14px}
.school-presentation #questions .sp-question-intro .sp-question-key{font-size:20px;line-height:1.6;margin-bottom:12px}
.school-presentation #questions .sp-question-intro .sp-question-choice{margin-bottom:0;font-size:14px}
.sp-question-intro .sp-learning-art{margin:0;width:100%;max-width:480px;justify-self:center}
.sp-question-intro .sp-learning-art img{width:100%;height:auto}
@media(max-width:700px){.sp-question-intro{grid-template-columns:1fr;gap:18px}.sp-question-intro .sp-learning-art{max-width:360px}.school-presentation #questions .sp-question-intro .sp-question-key{font-size:18px}}

/* Two peer subheadings and open response-method rows. Reveal attributes remain intact. */
.school-presentation #questions .sp-support-subheading{font-size:clamp(23px,2.2vw,30px);line-height:1.65;margin:0 0 20px;padding:0;border:0;color:#173d50}
.school-presentation #questions .sp-support-subheading>span{display:block;font-family:inherit;font-size:13px;letter-spacing:.08em;color:#987334;margin-bottom:10px}
.sp-question-intro{align-items:center;grid-template-columns:1.1fr 1fr;gap:44px}
.school-presentation #questions .sp-question-intro p{font-size:15px;line-height:1.95;margin-bottom:16px}
.school-presentation #questions .sp-question-intro p:last-child{margin-bottom:0}
.school-presentation #questions .sp-method-intro{border-top:0;padding-top:0;margin-top:36px}
.school-presentation #questions .sp-method-intro .sp-support-subheading{margin:0}
.school-presentation #questions .sp-format,.school-presentation #questions .sp-format:nth-of-type(2){background:transparent;border:0;border-top:1px solid #cdd6d5;border-radius:0;box-shadow:none;margin:0;padding:30px 0;color:#173d50}
.school-presentation #questions .sp-format:nth-of-type(2) :is(h3,p,strong,figcaption,figcaption span,.sp-format-label span,.sp-editorial-icon){color:#173d50}
.school-presentation #questions .sp-format:nth-of-type(2) .sp-format-label{color:#ad8943}
.school-presentation #questions .sp-format .sp-outcome{background:transparent;padding:0 0 0 14px;border-left:2px solid #c9b275}
@media(max-width:700px){.sp-question-intro{grid-template-columns:1fr;gap:18px}.school-presentation #questions .sp-format{padding:24px 0}}

.school-presentation #questions .sp-support-subheading{border-left:3px solid #b39757;padding-left:18px}

/* Let both subsection titles span the content width, above their supporting content. */
.school-presentation #questions .sp-question-intro{row-gap:22px}
.school-presentation #questions .sp-question-intro>.sp-support-subheading{grid-column:1/-1;margin:0}
.school-presentation #questions .sp-method-intro{grid-template-columns:1fr;gap:18px}
.school-presentation #questions .sp-method-intro>p{margin:0}

/* 2026-09-30: keep the question-centered reason headline on one desktop line. */
@media(min-width:761px){
 .school-presentation #how-it-works>.mk-wrap>.sp-feature-heading{container-type:inline-size}
 .school-presentation #how-it-works>.mk-wrap>.sp-feature-heading #how-title{font-size:min(35px,calc(100cqw / 32));letter-spacing:0;white-space:nowrap}
}

/* 2026-09-30: emphasize personal explanations; plan inclusion is a subordinate note. */
.school-presentation .sp-hero-support-copy>span{display:block}
.school-presentation .sp-hero-support-copy>span+span{margin-top:0}
.school-presentation .sp-hero-support-copy strong{font-weight:700;color:#fff}
.school-presentation .sp-hero-support-copy .sp-hero-copy-gold{color:#f0dfaa}
.school-presentation .sp-hero .sp-plan-includes{margin-top:24px;font-size:.8125rem;line-height:1.9;color:#d0dde3;padding-left:1em;text-indent:-1em}