/* Shared ivory / warm beige bands for future-learning detail pages. */
.future-detail-theme{--section-paper:#fffdfa;--section-tint:#f8f1e7;background:var(--section-paper)}
.future-detail-theme .learning-band{background:var(--band-color);box-shadow:0 0 0 100vmax var(--band-color);clip-path:inset(0 -100vmax);border-radius:0}
.future-detail-theme .learning-band--paper{--band-color:var(--section-paper)}
.future-detail-theme .learning-band--tint{--band-color:var(--section-tint)}
.future-detail-theme .ee .ee-roadmap{border:0}
.future-detail-theme .reading-detail-wrap{padding-top:0;padding-bottom:32px}
.future-detail-theme .reading-map>section.learning-band{margin:0;padding:40px 0}
.future-detail-theme .reading-map .card{background:#fffdfa}
@media(max-width:760px){.future-detail-theme .reading-map>section.learning-band{padding:30px 0}}
.future-detail-theme .reading-map>section.learning-band{background:var(--band-color);border-radius:0}
/* Future Learning design tokens: shared by index and all program pages. */
.future-detail-theme{--section-paper:#fbfcf8;--section-tint:#edf3e8;--fl-ink:#243e31;--fl-muted:#5c6b61;--fl-line:#d7e2d0;--fl-font:"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;font-family:var(--fl-font);color:var(--fl-ink)}
.future-detail-theme main{font-size:16px;line-height:1.75}
.future-detail-theme main h1{font-size:clamp(36px,4vw,56px);line-height:1.25;letter-spacing:-.045em}
.future-detail-theme main h2{font-size:clamp(28px,3vw,36px);line-height:1.4;letter-spacing:-.035em}
.future-detail-theme main h3{font-size:22px;line-height:1.45;letter-spacing:-.02em}
.future-detail-theme main .section,.future-detail-theme main .ee-section{padding-top:48px;padding-bottom:48px}
.future-detail-theme main .section-head,.future-detail-theme main .ee-head{margin-bottom:26px}
.future-detail-theme .reading-detail-wrap{max-width:1120px}
.future-detail-theme main .label,.future-detail-theme main .kicker,.future-detail-theme main .eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:#557248}
.future-detail-theme #elementary-english{scroll-margin-top:120px}
.future-detail-theme .english-overview-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.future-detail-theme .english-overview-head h2{margin:8px 0 0}
.future-detail-theme .english-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.future-detail-theme .english-area{background:#fff;border:1px solid var(--fl-line);border-radius:16px;overflow:hidden}
.future-detail-theme .english-area-visual{display:flex;background:#f7f8f1;padding:16px;height:210px;justify-content:center}
.future-detail-theme .english-area-visual img{min-width:0;max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.future-detail-theme .english-area-visual.pair img{width:50%}
.future-detail-theme .english-area-copy{padding:22px}
.future-detail-theme .english-area-copy small{font-size:12px;color:#557248;font-weight:700}
.future-detail-theme .english-area-copy h3{margin:5px 0 8px}
.future-detail-theme .english-area-copy p{font-size:14px;color:var(--fl-muted);margin:0 0 16px}
.future-detail-theme .english-area-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:14px}
.future-detail-theme .english-area-copy li:before{content:'✓';color:#557248;margin-right:8px}
.future-detail-theme .english-progression{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;margin:26px 0;padding:22px 26px;border-radius:14px;background:#dfead8}
.future-detail-theme .english-progression strong{display:block;font-size:17px}
.future-detail-theme .english-progression span{font-size:13px;color:var(--fl-muted)}
.future-detail-theme .english-progression b{color:#69855b;font-size:24px}
.future-detail-theme .english-overview-foot{display:flex;align-items:center;justify-content:space-between;gap:22px}
.future-detail-theme .english-overview-foot p{font-size:14px;margin:0;color:var(--fl-muted)}
@media(max-width:760px){.future-detail-theme main .section,.future-detail-theme main .ee-section{padding-top:32px;padding-bottom:32px}.future-detail-theme main h3{font-size:20px}.future-detail-theme .english-overview-grid{grid-template-columns:1fr}.future-detail-theme .english-area-visual{height:220px}.future-detail-theme .english-overview-head,.future-detail-theme .english-overview-foot{display:block}.future-detail-theme .english-overview-foot .button{margin-top:18px}.future-detail-theme .english-progression{grid-template-columns:1fr;gap:10px}.future-detail-theme .english-progression b{transform:rotate(90deg);justify-self:center}.future-detail-theme .english-progression>div{text-align:center}}

/* Compact pillars stay inside the left hero copy column. */
.future-detail-theme .quick-grid.quick-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.future-detail-theme .quick-grid--four .quick-card{padding:13px 10px;border-radius:12px;box-shadow:none}
.future-detail-theme .quick-grid--four .quick-card strong{font-size:14px;line-height:1.4;word-break:keep-all;min-height:40px;display:flex;align-items:center}
.future-detail-theme .quick-grid--four .quick-card span{font-size:13px;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}
@media(max-width:760px){.future-detail-theme .quick-grid.quick-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.future-detail-theme .quick-grid--four .quick-card strong{min-height:0}}
