/* LayerLab reference coordinates guide layout; all visible text remains DOM. */
.reference-page{container-type:inline-size;max-width:1440px;margin:auto;color:#102e56;font-size:1.55cqw;line-height:1.6;letter-spacing:-.04em;background:#fff;isolation:isolate}
.reference-page *{box-sizing:border-box;min-width:0}.reference-page h1,.reference-page h2,.reference-page h3,.reference-page h4{line-height:1.2;font-weight:850;letter-spacing:-.06em;margin:0 0 1.4cqw}.reference-page h1{font-size:5.6cqw}.reference-page h2{font-size:3.6cqw}.reference-page h3{font-size:2.6cqw}.reference-page h4{font-size:1.9cqw}.reference-page p{margin:1cqw 0 1.7cqw}.reference-page blockquote{margin:1.4cqw 0;font-size:2cqw;font-weight:750;line-height:1.5}.reference-page figure{margin:0}.reference-page em{font-style:normal;color:#096aff}.reference-page strong{font-weight:800}.r-shell{padding-inline:3.5cqw}.r-hero{position:relative;height:40cqw;overflow:hidden;background:#edf7ff;isolation:isolate}.r-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2}.r-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#ffffffec 22%,#ffffff2b 55%,transparent 72%);z-index:-1}.r-hero.dark:before{background:linear-gradient(90deg,#112f59f2,#15355be8 24%,#12365777 45%,transparent 68%)}.r-hero.dark{color:white}.r-hero-copy{width:48%;padding:5.5cqw}.r-hero-copy p{font-size:1.85cqw}.r-hero-copy .r-eyebrow{font-size:1.4cqw;color:#609dde}.r-section{padding:3cqw 3.5cqw}.r-section.ice,.reference-page .ice{background:#eff8ff}.r-intro{text-align:center;padding:4cqw 3.5cqw}.r-intro p{margin-inline:auto;max-width:85%}.r-eyebrow{font-size:1.45cqw;font-weight:750;color:#096aff;letter-spacing:.02em;margin:0 0 1.6cqw}.r-intro .r-eyebrow{letter-spacing:.2em;font-size:1.2cqw}.r-card{display:grid;grid-template-columns:40% 60%;min-height:32cqw;background:#fff;border-radius:1cqw;overflow:hidden;gap:0}.r-card.reverse{grid-template-columns:60% 40%}.r-card.reverse>.r-copy{order:2}.r-card.reverse>.r-art{order:1}.r-copy{padding:3.5cqw;align-self:center}.r-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;align-self:stretch;isolation:isolate}.r-photo{width:100%;height:100%;object-fit:cover;display:block}.r-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.r-stack{display:grid;gap:1.7cqw}.r-grid-2,.r-grid-3,.r-grid-4,.r-grid-5,.r-grid-6{display:grid;gap:1.5cqw}.r-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.r-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.r-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.r-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.r-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.r-panel{background:white;border:1px solid #dfebf9;padding:1.8cqw;border-radius:1cqw;box-shadow:0 .5cqw 2cqw #19476a08;color:#18385b}.r-panel h3{font-size:2cqw}.r-panel h4{font-size:1.7cqw}.r-panel p,.r-panel li{font-size:1.35cqw}.r-tabs{display:flex;gap:.5cqw;align-items:center;padding:.6cqw;background:#f0f5fc;border-radius:.6cqw;font-size:1.1cqw}.r-tabs>*{flex:1;text-align:center;padding:.5cqw;border-radius:.4cqw}.r-tabs .active{background:#0670ff;color:white}.r-row{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1cqw 1.3cqw;border-bottom:1px solid #edf2fa;font-size:1.4cqw}.r-row>*{min-width:0}.r-row>:last-child{flex-shrink:0}.r-list{padding:0;list-style:none;margin:1.2cqw 0}.r-list li{padding:.7cqw 0}.r-progress{height:1cqw;border-radius:2cqw;background:#e4edf8;overflow:hidden;flex:1}.r-progress i{height:100%;width:var(--value,70%);display:block;background:#347cff;border-radius:inherit}.r-steps{display:flex;align-items:center;justify-content:space-between;gap:1.2cqw}.r-icon{width:4.5cqw;height:4.5cqw;fill:none;stroke:currentColor;stroke-width:1.7;color:#0867ff}.r-button{display:inline-flex;align-items:center;justify-content:center;gap:1.5cqw;background:#0767ff;color:#fff;font-size:1.5cqw;font-weight:750;border:1px solid transparent;border-radius:.6cqw;padding:1.2cqw 2.3cqw;margin-top:1cqw;line-height:1.3;white-space:nowrap}.r-button.outline{background:#fff;color:#0767ff;border-color:#096bff}.r-button.red{background:#ff515e;color:white}.r-button:hover{filter:brightness(.94)}.r-next{position:relative;display:grid;grid-template-columns:50% 50%;min-height:27cqw;background:linear-gradient(100deg,#104478,#1468df);color:white;isolation:isolate;overflow:hidden}.r-next .r-copy{color:white}.r-next h2{font-size:3.5cqw}.r-next .r-eyebrow{color:#99d2ff}.r-next .r-art{background:transparent}.reference-page table{width:100%;border-collapse:collapse;font-size:1.25cqw}.reference-page th,.reference-page td{padding:.85cqw .7cqw;text-align:left;border-bottom:1px solid #e4edf7}.reference-page th{background:#f0f6fc}.reference-page svg{max-width:100%}.r-table-scroll{overflow:auto}.r-muted{color:#6b829e}.r-check{display:inline-grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#086bff;color:#fff;font-size:1.35cqw;flex-shrink:0}.r-tag{display:inline-block;padding:.3cqw .7cqw;border-radius:.4cqw;background:#edf5ff;color:#0670ff;font-size:1.1cqw;font-weight:750}.r-book{padding:1cqw 2cqw;background:linear-gradient(#7196b2,#315573);color:#fff;box-shadow:0 .6cqw .8cqw #1234;border-radius:.2cqw;font-weight:700}.reference-page img{color:transparent}
body.reference-restored .announcement{height:45px;font-size:14px}body.reference-restored .header-inner{min-height:82px;padding:10px 26px;gap:17px}body.reference-restored .brand img{width:49px;height:49px}body.reference-restored .brand strong{font-size:23px}body.reference-restored .brand small{font-size:10px}body.reference-restored .header-cta{font-size:13px;padding:12px 17px}body.reference-restored .center8-header-phone{font-size:16px}body.reference-restored .explore{padding:2cqw 0}body.reference-restored .explore h2{font-size:16px;margin-bottom:18px}body.reference-restored .explore-grid{grid-template-columns:repeat(5,minmax(0,1fr))}body.reference-restored .explore-grid a{padding:16px 10px}body.reference-restored .site-footer{padding:28px 0 22px}body.reference-restored .footer-bottom{margin-top:20px;padding-top:16px}
@media(min-width:701px) and (max-width:1000px){body.reference-restored .announcement{height:32px;font-size:10px}body.reference-restored .header-inner{min-height:60px;padding:8px 18px;gap:10px}body.reference-restored .brand img{width:33px;height:33px}body.reference-restored .brand strong{font-size:16px}body.reference-restored .brand small{font-size:7px}body.reference-restored #main-menu li>a{font-size:9px}body.reference-restored .center8-header-phone{font-size:12px}body.reference-restored .header-cta{font-size:9px;padding:8px 11px}body.reference-restored .explore-grid a{font-size:10px;padding:10px 8px}body.reference-restored .menu-symbol svg{width:23px}body.reference-restored .site-footer .brand img{width:35px;height:35px}body.reference-restored .site-footer nav{font-size:9px;gap:9px}.reference-page{font-size:1.65cqw}}
@media(max-width:700px){.reference-page{font-size:16px;line-height:1.75;letter-spacing:-.025em}.reference-page h1{font-size:40px}.reference-page h2{font-size:28px}.reference-page h3{font-size:22px}.reference-page h4{font-size:18px}.reference-page p{margin:12px 0 18px}.reference-page blockquote{font-size:19px;margin:14px 0}.r-shell{padding-inline:20px}.r-hero{height:auto;min-height:510px;padding-top:230px}.r-hero-photo{height:270px;object-position:65% center}.r-hero:before{background:linear-gradient(0deg,#fff 0%,#fff 46%,transparent 67%)}.r-hero.dark:before{background:linear-gradient(0deg,#102f58 0%,#102f58 47%,transparent 70%)}.r-hero-copy{width:100%;padding:30px 24px}.r-hero-copy p{font-size:17px}.r-hero-copy .r-eyebrow,.r-eyebrow,.r-intro .r-eyebrow{font-size:12px}.r-intro{padding:38px 22px}.r-intro p{max-width:100%}.r-section{padding:26px 20px}.r-card,.r-card.reverse{grid-template-columns:1fr;min-height:0;border-radius:12px}.r-card.reverse>.r-copy{order:0}.r-card.reverse>.r-art{order:1}.r-copy{padding:26px 22px}.r-art{min-height:220px}.r-photo{height:auto;aspect-ratio:1.6;object-fit:cover}.r-bg{height:100%}.r-stack{gap:18px}.r-grid-2,.r-grid-3,.r-grid-4,.r-grid-5,.r-grid-6{grid-template-columns:1fr;gap:16px}.r-panel{padding:18px;border-radius:10px}.r-panel h3{font-size:19px}.r-panel h4{font-size:17px}.r-panel p,.r-panel li,.r-row{font-size:14px}.r-row{padding:12px 10px;gap:8px}.r-tabs{font-size:11px;padding:5px;gap:4px;flex-wrap:wrap}.r-tabs>*{padding:5px;min-width:55px}.r-list{margin:12px 0}.r-list li{padding:7px 0}.r-progress{height:9px}.r-steps{flex-wrap:wrap;gap:14px}.r-icon{width:38px;height:38px}.r-button{font-size:14px;gap:14px;padding:12px 20px;border-radius:7px;margin-top:12px}.r-next{grid-template-columns:1fr;min-height:0}.r-next h2{font-size:28px}.r-next .r-art{min-height:200px}.reference-page table{font-size:12px;min-width:450px}.reference-page th,.reference-page td{padding:10px 8px}.r-check{width:22px;height:22px;font-size:14px}.r-tag{font-size:11px;padding:3px 7px}.r-book{padding:12px 22px}.r-table-scroll{max-width:100%}body.reference-restored .announcement{height:auto;min-height:34px;font-size:10px}body.reference-restored .header-inner{min-height:70px;padding:10px 16px;gap:9px}body.reference-restored .brand img{width:36px;height:36px}body.reference-restored .brand strong{font-size:18px}body.reference-restored .brand small{font-size:8px}body.reference-restored .header-cta{font-size:11px;padding:10px}body.reference-restored .explore{padding:26px 0}body.reference-restored .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.reference-restored .explore-grid a{font-size:12px;padding:17px 10px}body.reference-restored .site-footer{padding:26px 0}body.reference-restored .footer-phone{font-size:20px}body.reference-restored .site-footer .brand img{width:42px;height:42px}body.reference-restored .site-footer .brand strong{font-size:19px}body.reference-restored .site-footer nav{font-size:12px}}
@media(min-width:701px) and (max-width:759px){body.reference-restored .header-inner{flex-wrap:nowrap}body.reference-restored .menu-toggle{display:none}body.reference-restored #main-menu{display:block;order:initial;flex-basis:auto}body.reference-restored #main-menu ul{display:flex;padding:0}body.reference-restored #main-menu li>a{padding:12px 0}body.reference-restored .dropdown{position:absolute;display:none!important;min-width:200px}body.reference-restored li:hover>.dropdown,body.reference-restored li:focus-within>.dropdown{display:grid!important}body.reference-restored .center8-header-phone{display:flex}body.reference-restored .header-cta{margin-left:0}}

.r-photo-host{position:relative;isolation:isolate}

@media(min-width:701px) and (max-width:759px){body.reference-restored .footer-top{flex-wrap:nowrap;gap:14px}body.reference-restored .site-footer nav{order:initial;flex-basis:auto;flex:1;gap:8px;font-size:8px}body.reference-restored .footer-top>div{margin-left:0}body.reference-restored .footer-phone{font-size:17px}body.reference-restored .footer-bottom{font-size:9px;margin-top:18px;padding-top:12px;flex-wrap:nowrap}body.reference-restored .site-footer .brand strong{font-size:16px}body.reference-restored .site-footer .brand small{font-size:7px}}
.ref-comparison .r-button.outline{color:#1262dc;border-color:#2879ff}body.reference-restored[data-page="comparison/"] .explore-grid a{flex-direction:column}

/* details-attached: reference restoration styles. Every selector is scoped to a .ref-KEY page. */

:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output){--u:calc(100cqw/730);--navy:#0d2a5e;--ink:#13244b;--title:#0c2253;--blue:#1f6bff;--sky:#e7f0ff;--ice:#eff7ff;--line:#e1e8f2;--muted:#56657f;--red:#f0505a;--green:#1db46a;color:var(--ink);font-size:calc(var(--u)*10.5);line-height:1.55;background:#fff;overflow:hidden;word-break:keep-all}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) *{box-sizing:border-box}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) :where(ul,ol){padding:0;list-style:none}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) a{color:inherit}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-svg{width:1em;height:1em;flex:none;vertical-align:-.14em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sec{position:relative;padding:var(--pt,calc(var(--u)*24)) calc(var(--u)*26) var(--pb,calc(var(--u)*24));min-height:calc(var(--u)*var(--h,0));overflow:hidden}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sec.r-section{padding:var(--pt,calc(var(--u)*24)) calc(var(--u)*26) var(--pb,calc(var(--u)*24))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ice{background:linear-gradient(180deg,#eaf4ff 0%,#f3f9ff 100%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ice2{background:#f2f8ff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-white{background:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-in{position:relative;z-index:2}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-split{display:grid;grid-template-columns:var(--c,1fr 1.6fr);gap:var(--g,calc(var(--u)*20));align-items:var(--al,center)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-eb{display:block;font-size:calc(var(--u)*9.5);font-weight:600;letter-spacing:.12em;color:var(--blue);text-transform:uppercase;margin-bottom:calc(var(--u)*6)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-eb.wide{letter-spacing:.2em;font-weight:500}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-kicker{display:block;font-size:calc(var(--u)*10.5);font-weight:600;color:#33415c;margin-bottom:calc(var(--u)*4)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-kicker b{color:var(--blue);font-weight:800}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h1{font-size:calc(var(--u)*43);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h2{font-size:calc(var(--u)*24);font-weight:800;line-height:1.25;letter-spacing:-.025em;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h2.lg{font-size:calc(var(--u)*30)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h2.sm{font-size:calc(var(--u)*21)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h3{font-size:calc(var(--u)*15);font-weight:800;line-height:1.35;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h4{font-size:calc(var(--u)*12);font-weight:800;line-height:1.35;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sub{font-size:calc(var(--u)*15);font-weight:600;line-height:1.4;color:#17284f;margin-top:calc(var(--u)*7)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-p{font-size:calc(var(--u)*11.2);color:var(--muted);line-height:1.7;margin-top:calc(var(--u)*9)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-p.sm{font-size:calc(var(--u)*10)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-blue{color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-bold{font-weight:800;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-c{text-align:center}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-mt{margin-top:var(--m,calc(var(--u)*12))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-panel{background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*9);box-shadow:0 calc(var(--u)*8) calc(var(--u)*24) rgba(28,72,150,.10)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pad{padding:var(--p,calc(var(--u)*12))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-card{background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*8);padding:var(--p,calc(var(--u)*12))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-soft{background:#f3f8ff;border:1px solid #e1ecfb;border-radius:calc(var(--u)*8)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g2,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g3,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g4,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g5,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g6,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g7{display:grid;gap:var(--g,calc(var(--u)*10))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g6{grid-template-columns:repeat(6,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g7{grid-template-columns:repeat(7,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-row{display:flex;align-items:center;gap:var(--g,calc(var(--u)*6))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-row.sb{justify-content:space-between}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-col{display:flex;flex-direction:column;gap:var(--g,calc(var(--u)*6))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic{display:inline-grid;place-items:center;flex:none;width:var(--s,calc(var(--u)*28));height:var(--s,calc(var(--u)*28));border-radius:50%;background:#e5efff;color:var(--blue);font-size:calc(var(--s,calc(var(--u)*28))*.52)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic .da-svg{width:1em;height:1em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic.sq{border-radius:calc(var(--s,calc(var(--u)*28))*.24)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic.solid{background:var(--blue);color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic.white{background:#fff;box-shadow:0 calc(var(--u)*4) calc(var(--u)*12) rgba(31,107,255,.12)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic.none{background:none}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic.fill .da-svg{fill:currentColor;stroke-width:1.3}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ic.navy{background:#183c7c;color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs{display:flex;gap:calc(var(--u)*4)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tab{flex:1;padding:calc(var(--u)*4) calc(var(--u)*6);font-size:calc(var(--u)*8.5);line-height:1.3;background:#f0f4fa;border-radius:calc(var(--u)*5);text-align:center;color:#46546e;white-space:nowrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tab.on{background:var(--blue);color:#fff;font-weight:700}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs.lt .da-tab.on{background:#dbe9ff;color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs.line{gap:0;border-bottom:1px solid var(--line)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs.line .da-tab{background:none;border-radius:0;padding:calc(var(--u)*5) calc(var(--u)*4)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs.line .da-tab.on{color:var(--blue);background:none;box-shadow:inset 0 -2px 0 var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs.out .da-tab{background:#fff;border:1px solid #d7e1ee}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs.out .da-tab.on{background:var(--blue);border-color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-field{display:flex;flex-direction:column;min-width:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-lab{font-size:calc(var(--u)*8);color:#56647c;margin-bottom:calc(var(--u)*3)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sel{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u)*4);border:1px solid #d8e1ee;border-radius:calc(var(--u)*5);padding:calc(var(--u)*4) calc(var(--u)*7);font-size:calc(var(--u)*8.5);background:#fff;color:#24324d;white-space:nowrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sel .da-svg{color:#6c7a93;font-size:.95em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-search{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*6);border:1px solid #d8e1ee;border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*9);font-size:calc(var(--u)*8.5);color:#8a96aa;background:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-search .da-svg{color:var(--blue);font-size:1.3em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*4);background:var(--blue);color:#fff!important;border-radius:calc(var(--u)*5);padding:calc(var(--u)*5) calc(var(--u)*10);font-size:calc(var(--u)*9);font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.3}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn .da-svg{font-size:.95em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn.red{background:#f0505a}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn.out{background:#fff;color:var(--blue)!important;border:1px solid #9fc0f5}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn.lg{padding:calc(var(--u)*9) calc(var(--u)*18);font-size:calc(var(--u)*11);border-radius:calc(var(--u)*6)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn.xl{padding:calc(var(--u)*11) calc(var(--u)*26);font-size:calc(var(--u)*12);border-radius:calc(var(--u)*30)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-btn.block{display:flex;width:100%}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check{display:grid;gap:var(--g,calc(var(--u)*7));margin-top:calc(var(--u)*12)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check li{display:flex;gap:calc(var(--u)*8);align-items:flex-start;font-size:calc(var(--u)*11.2);color:#2b3958;line-height:1.5}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check li::before{content:"";width:calc(var(--u)*16);height:calc(var(--u)*16);margin-top:.12em;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.8 3.8 7.2-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;flex:none}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check.soft li::before{background-color:#7fb0ff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check.box{background:#f1f7ff;border-radius:calc(var(--u)*9);padding:calc(var(--u)*11) calc(var(--u)*14)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check.white{background:#fff;border-radius:calc(var(--u)*9);padding:calc(var(--u)*11) calc(var(--u)*14);box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(28,72,150,.07)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-bar{display:block;height:calc(var(--u)*6);border-radius:calc(var(--u)*9);background:#e6ecf4;overflow:hidden;min-width:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-bar i{display:block;height:100%;width:var(--v);background:var(--c,var(--blue));border-radius:inherit}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ring{--v:50;--c:var(--blue);display:grid;place-items:center;width:var(--s,calc(var(--u)*46));aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--c) calc(var(--v)*1%),#e3e9f1 0)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-ring b{display:grid;place-items:center;width:74%;height:74%;border-radius:50%;background:#fff;font-size:calc(var(--u)*9.5);font-weight:800;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-donut{display:grid;place-items:center;width:var(--s,calc(var(--u)*70));aspect-ratio:1;border-radius:50%}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-donut b{display:grid;place-items:center;width:54%;height:54%;border-radius:50%;background:#fff;font-size:calc(var(--u)*8.5);line-height:1.2;color:#33415c;text-align:center;font-weight:600}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-table{width:100%;border-collapse:collapse;font-size:calc(var(--u)*8.5)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-table th{background:#eff3f9;font-weight:600;color:#3d4a62;text-align:left;padding:calc(var(--u)*5) calc(var(--u)*7);white-space:nowrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-table td{padding:calc(var(--u)*5.5) calc(var(--u)*7);border-bottom:1px solid #edf1f6;color:#2c3a55;white-space:nowrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-scroll{overflow-x:auto;max-width:100%}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side{display:flex;flex-direction:column;gap:calc(var(--u)*3);padding:calc(var(--u)*10) calc(var(--u)*7);background:#f7faff;border-right:1px solid var(--line);min-width:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side span{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*8.5);padding:calc(var(--u)*5) calc(var(--u)*7);border-radius:calc(var(--u)*5);color:#3a4863;white-space:nowrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side span .da-svg{font-size:1.15em;color:#5f6f8a}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side span.on{background:var(--blue);color:#fff;font-weight:700}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side span.on .da-svg{color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.lt span.on{background:#e3eeff;color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.lt span.on .da-svg{color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy{background:#0f2b5e;border:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy span{color:#cad6ee}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy span .da-svg{color:#9fb3d9}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy span.on{background:#fff;color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy span.on .da-svg{color:var(--blue)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy.blueon span.on{background:#1f6bff;color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy.blueon span.on .da-svg{color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side .da-sh{font-size:calc(var(--u)*10);font-weight:800;color:var(--title);padding:calc(var(--u)*2) calc(var(--u)*6) calc(var(--u)*8);display:flex;align-items:center;gap:calc(var(--u)*5);background:none}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-side.navy .da-sh{color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-app{display:grid;grid-template-columns:var(--sw,calc(var(--u)*78)) minmax(0,1fr);overflow:hidden}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-main{padding:var(--p,calc(var(--u)*10));min-width:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-dev{background:#1a2131;border-radius:calc(var(--u)*15);padding:calc(var(--u)*8);box-shadow:0 calc(var(--u)*18) calc(var(--u)*40) rgba(15,35,80,.28)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-scr{background:#fff;border-radius:calc(var(--u)*7);overflow:hidden;height:100%}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-win-bar{display:flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*6) calc(var(--u)*10);border-bottom:1px solid var(--line);font-size:calc(var(--u)*8);color:#56647c}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-dots{display:inline-flex;gap:calc(var(--u)*4)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-dots i{width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:#ff6b6b}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-dots i:nth-child(2){background:#7fd3a7}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-dots i:nth-child(3){background:#4aa6d8}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-num{display:block;font-size:calc(var(--u)*52);font-weight:900;color:#cfe2fb;line-height:1;letter-spacing:-.04em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-bignum{display:inline-block;font-size:calc(var(--u)*32);font-weight:900;color:var(--blue);line-height:1;letter-spacing:-.03em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-chip{display:inline-flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*2) calc(var(--u)*8);border-radius:calc(var(--u)*20);background:#e5efff;color:var(--blue);font-size:calc(var(--u)*8.5);font-weight:600;white-space:nowrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-chip.gray{background:#f0f3f8;color:#47556e}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-chip.out{background:#fff;border:1px solid #d7e1ee;color:#47556e}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-chip.solid{background:var(--blue);color:#fff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox{position:absolute;top:0;bottom:0;overflow:hidden;z-index:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox.r{right:0;width:var(--pw,50%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox.l{left:0;width:var(--pw,50%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox.r::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--fade,#fff) 0%,rgba(255,255,255,0) 45%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox.l::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--fade,#fff) 0%,rgba(255,255,255,0) 45%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox.full{inset:0;width:auto}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-abs{position:absolute;left:calc(var(--u)*var(--x));top:calc(var(--u)*var(--y));width:calc(var(--u)*var(--w));z-index:3}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-hero.r-hero{position:relative;height:calc(var(--u)*var(--h));min-height:0;overflow:hidden;background:#eef5fd}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-hero .r-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,60% 50%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(241,247,255,.97) 0%,rgba(241,247,255,.86) 30%,rgba(241,247,255,.25) 52%,rgba(241,247,255,0) 64%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-veil.dk{background:linear-gradient(90deg,rgba(9,32,78,.96) 0%,rgba(12,40,92,.86) 42%,rgba(12,40,92,.1) 70%)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-hcopy{position:relative;z-index:2;padding:calc(var(--u)*var(--cy,40)) 0 0 calc(var(--u)*var(--cx,39));width:calc(var(--u)*var(--cw,330))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-crumb{display:inline-flex;align-items:center;gap:calc(var(--u)*7);font-size:calc(var(--u)*10.5);font-weight:600;color:#1d2e55;margin-top:calc(var(--u)*12)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-crumb .da-s{display:inline-grid;place-items:center;width:calc(var(--u)*17);height:calc(var(--u)*17);border-radius:50%;background:var(--blue);color:#fff;font-size:calc(var(--u)*9);font-weight:800}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-crumb .da-svg{color:#66748d}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-arrow{display:grid;place-items:center;color:#5b8ff0;font-size:calc(var(--u)*14)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-badge{width:1em;height:1.1em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-spines{display:flex;flex-direction:column;gap:calc(var(--u)*2)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-spines span{display:flex;align-items:center;justify-content:center;height:var(--sh,calc(var(--u)*24));border-radius:calc(var(--u)*3) 0 0 calc(var(--u)*3);font-size:calc(var(--u)*11);font-weight:700;color:#fff;background:linear-gradient(180deg,#5a7fa7,#3f6188);box-shadow:inset 0 calc(var(--u)*-2) 0 rgba(0,0,0,.12)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*16);background:#fff;border:calc(var(--u)*6) solid #dfeeff;border-radius:calc(var(--u)*10);padding:calc(var(--u)*12) calc(var(--u)*40)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-logo{display:inline-flex;align-items:center;gap:calc(var(--u)*7);font-size:calc(var(--u)*30);line-height:1;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-logo small{display:flex;flex-direction:column;font-size:calc(var(--u)*9);font-weight:700;line-height:1.3;color:var(--title)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-logo small b{font-size:calc(var(--u)*15);color:#e33d48;font-weight:900;letter-spacing:-.02em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tel{white-space:nowrap;display:inline-flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*19);font-weight:900;color:var(--title);text-decoration:none;letter-spacing:-.01em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tel .da-svg{font-size:.85em}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-skel{display:block;height:calc(var(--u)*6);border-radius:calc(var(--u)*4);background:#e8edf4}

/* ---- detail-curriculum-past (reference width 730px) ---- */
.ref-detail-curriculum-past{--u:calc(100cqw/730)}

.ref-detail-curriculum-past .pf{overflow:hidden;font-size:calc(var(--u)*8.5)}
.ref-detail-curriculum-past .pf-head{padding:calc(var(--u)*9) calc(var(--u)*12) calc(var(--u)*7);border-bottom:1px solid var(--line)}
.ref-detail-curriculum-past .pf-head b{font-size:calc(var(--u)*15);font-weight:900;color:var(--title)}
.ref-detail-curriculum-past .pf-head p{font-size:calc(var(--u)*8);color:#52607a;margin-top:calc(var(--u)*2)}
.ref-detail-curriculum-past .pf-app{--sw:calc(var(--u)*76)}
.ref-detail-curriculum-past .pf-side{background:#fff;padding:calc(var(--u)*9) calc(var(--u)*6)}
.ref-detail-curriculum-past .pf-side span.on{background:var(--blue)}
.ref-detail-curriculum-past .pf .da-main{display:flex;flex-direction:column;gap:calc(var(--u)*9)}
.ref-detail-curriculum-past .pf-sel{gap:calc(var(--u)*6);align-items:end}
.ref-detail-curriculum-past .pf-fav{padding:calc(var(--u)*4) calc(var(--u)*5);font-size:calc(var(--u)*8)}
.ref-detail-curriculum-past .pf-bottom{display:grid;grid-template-columns:1.25fr 1fr;border-top:1px solid var(--line);padding-top:calc(var(--u)*8)}
.ref-detail-curriculum-past .pf-bottom>div+div{border-left:1px solid var(--line);padding-left:calc(var(--u)*10)}
.ref-detail-curriculum-past .pf-recent{margin-top:calc(var(--u)*7);font-size:calc(var(--u)*8.5);color:#24324d}
.ref-detail-curriculum-past .pf-recent .da-svg{font-size:calc(var(--u)*17);color:var(--blue)}
.ref-detail-curriculum-past .pf-recent small{display:block;color:#69778f}
.ref-detail-curriculum-past .pf-wrong{margin-top:calc(var(--u)*9);font-size:calc(var(--u)*8.5);color:#3a4863}
.ref-detail-curriculum-past .pf-feat{display:flex;justify-content:space-between;gap:calc(var(--u)*10);background:rgba(255,255,255,.88);border-radius:calc(var(--u)*10);padding:calc(var(--u)*11) calc(var(--u)*16);box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.10)}
.ref-detail-curriculum-past .pf-feat li{display:flex;align-items:center;gap:calc(var(--u)*7);font-size:calc(var(--u)*10);font-weight:700;color:#1d2e55;white-space:nowrap}
.ref-detail-curriculum-past .pf-feat .da-svg{font-size:calc(var(--u)*19);color:var(--blue)}
.ref-detail-curriculum-past .pf-steps{display:flex;align-items:flex-start;justify-content:space-between}
.ref-detail-curriculum-past .pf-steps>li:not(.da-arrow){display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}
.ref-detail-curriculum-past .pf-steps .da-arrow{align-self:center;margin-top:calc(var(--u)*-30)}
.ref-detail-curriculum-past .pf-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*9);width:calc(var(--u)*112);height:calc(var(--u)*92);border-radius:calc(var(--u)*56) calc(var(--u)*56) calc(var(--u)*10) calc(var(--u)*10);background:#fff;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.08)}
.ref-detail-curriculum-past .pf-circle .da-ic{--s:calc(var(--u)*36);background:#e8f1ff}
.ref-detail-curriculum-past .pf-circle b{font-size:calc(var(--u)*10.5);font-weight:800;color:var(--title)}
.ref-detail-curriculum-past .pf-steps p{font-size:calc(var(--u)*9.5);color:#4a5872;margin-top:calc(var(--u)*10);line-height:1.55}
.ref-detail-curriculum-past .pf-exams .da-pbox::after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.5) 35%,rgba(255,255,255,0) 60%),linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 40%)}
.ref-detail-curriculum-past .pf-search .da-sel{padding:calc(var(--u)*5) calc(var(--u)*8)}
.ref-detail-curriculum-past .pf-real .pf-note{top:auto;height:58%}
.ref-detail-curriculum-past .pf-real .pf-note::after{background:linear-gradient(180deg,#f6faff 0%,rgba(246,250,255,0) 40%),linear-gradient(270deg,#f8fbff 0%,rgba(255,255,255,0) 40%)}
.ref-detail-curriculum-past .pf-pager{display:inline-flex;align-items:center;gap:calc(var(--u)*7);font-size:calc(var(--u)*9.5);color:#5d6b84}
.ref-detail-curriculum-past .pf-pager b{color:var(--title)}
.ref-detail-curriculum-past .pf-pager i{display:inline-grid;place-items:center;width:calc(var(--u)*18);height:calc(var(--u)*18);border-radius:50%;border:1px solid #d8e1ee;font-style:normal}
.ref-detail-curriculum-past .pf-qtabs{margin:calc(var(--u)*10) 0;max-width:calc(var(--u)*225)}
.ref-detail-curriculum-past .pf-qbody{display:grid;grid-template-columns:1fr 1.05fr;gap:calc(var(--u)*14)}
.ref-detail-curriculum-past .pf-qtext p{font-size:calc(var(--u)*10);line-height:1.7;color:#1d2b47}
.ref-detail-curriculum-past .pf-qtext ol{display:grid;gap:calc(var(--u)*9);margin-top:calc(var(--u)*14);font-size:calc(var(--u)*10);color:#2c3a55}
.ref-detail-curriculum-past .pf-alert{background:#fff1f1;border:1px solid #ffd9d9;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*9)}
.ref-detail-curriculum-past .pf-alert b{display:flex;align-items:center;gap:calc(var(--u)*5);color:#e5414b;font-size:calc(var(--u)*9)}
.ref-detail-curriculum-past .pf-alert .da-svg{background:#e5414b;color:#fff;border-radius:50%;padding:calc(var(--u)*1.5)}
.ref-detail-curriculum-past .pf-alert p{font-size:calc(var(--u)*8.3);color:#4b5770;margin-top:calc(var(--u)*3);line-height:1.55}
.ref-detail-curriculum-past .pf-concept{background:#eef5ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*9)}
.ref-detail-curriculum-past .pf-concept>b{font-size:calc(var(--u)*9);color:var(--blue)}
.ref-detail-curriculum-past .pf-concept ul{font-size:calc(var(--u)*8.3);color:#3a4863;margin-top:calc(var(--u)*4);display:grid;gap:calc(var(--u)*3)}
.ref-detail-curriculum-past .pf-concept li::before{content:"•";color:var(--blue);margin-right:calc(var(--u)*5)}
.ref-detail-curriculum-past .pf-more{font-size:calc(var(--u)*8);color:#6b7891}
.ref-detail-curriculum-past .pf-sim{display:flex;align-items:center;gap:calc(var(--u)*8);border:1px solid var(--line);border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*8)}
.ref-detail-curriculum-past .pf-sim>.da-svg{font-size:calc(var(--u)*17);color:var(--blue)}
.ref-detail-curriculum-past .pf-sim span{flex:1;display:flex;flex-direction:column;font-size:calc(var(--u)*8.5)}
.ref-detail-curriculum-past .pf-sim small{color:#6b7891;font-size:calc(var(--u)*7.8)}
.ref-detail-curriculum-past .pf-sim .da-btn{flex:none}
.ref-detail-curriculum-past .pf-why-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--u)*16) calc(var(--u)*10);min-height:calc(var(--u)*122)}
.ref-detail-curriculum-past .pf-why-card>.da-svg{font-size:calc(var(--u)*24);color:var(--blue)}
.ref-detail-curriculum-past .pf-why-card h3{margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-past .pf-why-card p{font-size:calc(var(--u)*9);color:#56647c;margin-top:calc(var(--u)*7);line-height:1.6}
.ref-detail-curriculum-past .pf-recap .da-h1{font-size:calc(var(--u)*44)}
.ref-detail-curriculum-past .pf-recap .da-logo small b{font-size:calc(var(--u)*20)}
.ref-detail-curriculum-past .pf-recap .da-tel{font-size:calc(var(--u)*22)}
.ref-detail-curriculum-past .pf-askbtn{padding:calc(var(--u)*9) calc(var(--u)*44)}
.ref-detail-curriculum-past .pf-cur .da-card{padding:calc(var(--u)*9) calc(var(--u)*10);min-height:calc(var(--u)*84)}
.ref-detail-curriculum-past .pf-cur .da-ic{--s:calc(var(--u)*22);background:#e8f1ff}
.ref-detail-curriculum-past .pf-cur small{display:block;font-size:calc(var(--u)*7.5);color:#6b7891}
.ref-detail-curriculum-past .pf-cur .da-h4{font-size:calc(var(--u)*11)}
.ref-detail-curriculum-past .pf-cur-a{font-size:calc(var(--u)*8.5);color:#2c3a55;margin-top:calc(var(--u)*6);text-align:center}
.ref-detail-curriculum-past .pf-cur-b{font-size:calc(var(--u)*7.5);color:#6b7891;margin-top:calc(var(--u)*3);text-align:center}
.ref-detail-curriculum-past .pf-ask{font-size:calc(var(--u)*10.5);color:#33415c}
@media (max-width:700px){
.ref-detail-curriculum-past .pf-feat{flex-direction:column;align-items:flex-start}
.ref-detail-curriculum-past .pf-q .da-row{flex-wrap:wrap;gap:8px}
.ref-detail-curriculum-past .pf-steps{flex-direction:column;align-items:stretch;gap:12px}
.ref-detail-curriculum-past .pf-steps .da-arrow{transform:rotate(90deg);margin:0}
.ref-detail-curriculum-past .pf-circle{width:auto;height:auto;padding:16px;border-radius:14px}
.ref-detail-curriculum-past .pf-qbody{grid-template-columns:1fr}
.ref-detail-curriculum-past .pf-bottom{grid-template-columns:1fr;gap:10px}
.ref-detail-curriculum-past .pf-bottom>div+div{border-left:0;padding-left:0}
.ref-detail-curriculum-past .pf-real .pf-note{height:200px}
}

/* ---- detail-solution-output (reference width 725px) ---- */
.ref-detail-solution-output{--u:calc(100cqw/725)}

.ref-detail-solution-output .so-board{overflow:hidden}
.ref-detail-solution-output .so-tools{display:flex;gap:calc(var(--u)*12);padding:calc(var(--u)*6) calc(var(--u)*10);border-bottom:1px solid var(--line);font-size:calc(var(--u)*8);color:#3a4863}
.ref-detail-solution-output .so-tools span{display:inline-flex;align-items:center;gap:calc(var(--u)*3)}
.ref-detail-solution-output .so-bd{padding:calc(var(--u)*9) calc(var(--u)*14) calc(var(--u)*10)}
.ref-detail-solution-output .so-prob{font-size:calc(var(--u)*10);color:#1d2b47}
.ref-detail-solution-output .so-fig{display:flex;align-items:center;gap:calc(var(--u)*40);padding:calc(var(--u)*12) calc(var(--u)*26) calc(var(--u)*16)}
.ref-detail-solution-output .so-sq{position:relative;width:calc(var(--u)*38);height:calc(var(--u)*38);border:1.5px solid #3a6fd8;background:#eef4ff;flex:none}
.ref-detail-solution-output .so-sq i,.ref-detail-solution-output .so-sq em{position:absolute;font-style:normal;font-size:calc(var(--u)*8);white-space:nowrap;color:#33415c}
.ref-detail-solution-output .so-sq i{left:calc(100% + calc(var(--u)*6));top:30%}
.ref-detail-solution-output .so-sq em{top:calc(100% + calc(var(--u)*3));left:10%}
.ref-detail-solution-output .so-fig b{font-size:calc(var(--u)*10);font-weight:500;color:#1d2b47}
.ref-detail-solution-output .so-ok{display:flex;align-items:center;gap:calc(var(--u)*8);background:#effaf4;border-radius:calc(var(--u)*7);padding:calc(var(--u)*7) calc(var(--u)*9);margin-top:calc(var(--u)*6)}
.ref-detail-solution-output .so-ok b{display:block;font-size:calc(var(--u)*10);color:#16924f}
.ref-detail-solution-output .so-ok small{font-size:calc(var(--u)*8);color:#3e4c66}
.ref-detail-solution-output .so-ok span:nth-child(2){flex:1}
.ref-detail-solution-output .so-ok.sm{padding:calc(var(--u)*5) calc(var(--u)*8)}
.ref-detail-solution-output .so-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--u)*14) calc(var(--u)*10);min-height:calc(var(--u)*236);border:0;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.06)}
.ref-detail-solution-output .so-card small{align-self:flex-start;font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-solution-output .so-card small b{color:var(--blue);font-size:calc(var(--u)*10)}
.ref-detail-solution-output .so-card .da-ic{--s:calc(var(--u)*52);margin:calc(var(--u)*14) 0 calc(var(--u)*16);font-size:calc(var(--u)*22)}
.ref-detail-solution-output .so-key{font-size:calc(var(--u)*9.5);font-weight:700;color:var(--blue);margin-top:calc(var(--u)*4)}
.ref-detail-solution-output .so-desc{font-size:calc(var(--u)*9.5);color:#4a5872;margin-top:calc(var(--u)*12);line-height:1.6}
.ref-detail-solution-output .so-flow{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*4)}
.ref-detail-solution-output .so-flow li:not(.da-arrow){display:flex;align-items:center;gap:calc(var(--u)*6);background:#f0f6ff;border-radius:calc(var(--u)*30);padding:calc(var(--u)*6) calc(var(--u)*14) calc(var(--u)*6) calc(var(--u)*7);font-size:calc(var(--u)*10.5);font-weight:800;color:var(--title)}
.ref-detail-solution-output .so-flow .da-ic{--s:calc(var(--u)*24);font-size:calc(var(--u)*12);font-weight:800}
.ref-detail-solution-output .so-flow .da-arrow{font-size:calc(var(--u)*10)}
.ref-detail-solution-output .so-app{display:grid;grid-template-columns:calc(var(--u)*100) 1fr;overflow:hidden;border:calc(var(--u)*5) solid #eef4fc}
.ref-detail-solution-output .so-side .da-sh{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*3)}
.ref-detail-solution-output .so-side .da-sh small{display:flex;align-items:center;gap:calc(var(--u)*2);font-size:calc(var(--u)*8);font-weight:500;color:#cad6ee}
.ref-detail-solution-output .so-side span.on{background:#dbe8ff;color:var(--blue)}
.ref-detail-solution-output .so-main{padding:calc(var(--u)*10);background:#f7faff;display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.ref-detail-solution-output .so-ask{font-size:calc(var(--u)*9.5);color:#1d2b47;background:#fff;padding:calc(var(--u)*7) calc(var(--u)*9) 0;border-radius:calc(var(--u)*7) calc(var(--u)*7) 0 0}
.ref-detail-solution-output .so-qbox{background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*10);font-size:calc(var(--u)*9);color:#2c3a55}
.ref-detail-solution-output .so-voice{display:grid;grid-template-columns:1.3fr 1fr;gap:calc(var(--u)*6);background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*7);padding:calc(var(--u)*5)}
.ref-detail-solution-output .so-rec{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*4);padding:calc(var(--u)*6)}
.ref-detail-solution-output .so-rec small{position:absolute;top:calc(var(--u)*6);right:18%;font-size:calc(var(--u)*8);color:#56647c}
.ref-detail-solution-output .so-rec p{font-size:calc(var(--u)*8.5);color:#2c3a55}
.ref-detail-solution-output .so-wave{position:absolute;top:calc(var(--u)*22);left:12%;right:12%;height:calc(var(--u)*10);background:repeating-linear-gradient(90deg,#7fb0ff 0 calc(var(--u)*1.5),transparent calc(var(--u)*1.5) calc(var(--u)*4));-webkit-mask:linear-gradient(90deg,#000 0 30%,transparent 30% 70%,#000 70%);mask:linear-gradient(90deg,#000 0 30%,transparent 30% 70%,#000 70%)}
.ref-detail-solution-output .so-thumb{position:relative;border-radius:calc(var(--u)*6);overflow:hidden;min-height:calc(var(--u)*82)}
.ref-detail-solution-output .so-lab{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*13.5);font-weight:800;color:var(--blue);margin-bottom:calc(var(--u)*14)}
.ref-detail-solution-output .so-lab i{width:calc(var(--u)*14);height:2px;background:var(--blue)}
.ref-detail-solution-output .so-tray,.ref-detail-solution-output .so-tray1{background:#eef5ff;border-radius:calc(var(--u)*12);padding:calc(var(--u)*10)}
.ref-detail-solution-output .so-tray{display:grid;grid-template-columns:0.75fr 1.6fr;gap:calc(var(--u)*10)}
.ref-detail-solution-output .so-mic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*12);border:0}
.ref-detail-solution-output .so-mic b{font-size:calc(var(--u)*12);color:var(--title)}
.ref-detail-solution-output .so-ring{display:grid;place-items:center;width:calc(var(--u)*70);height:calc(var(--u)*70);border-radius:50%;background:conic-gradient(#3b7cf6 0 70%,#d9e7ff 0);padding:calc(var(--u)*5)}
.ref-detail-solution-output .so-ring .da-ic{width:100%;height:100%;font-size:calc(var(--u)*22)}
.ref-detail-solution-output .so-ai{border:0}
.ref-detail-solution-output .so-ai>b,.ref-detail-solution-output .so-hint>b{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*9.5);color:var(--title)}
.ref-detail-solution-output .so-ai>b .da-svg{color:var(--blue)}
.ref-detail-solution-output .so-ai ul{display:grid;gap:calc(var(--u)*4);margin-top:calc(var(--u)*7);font-size:calc(var(--u)*8.8);color:#2c3a55}
.ref-detail-solution-output .so-ai li{display:flex;gap:calc(var(--u)*6)}
.ref-detail-solution-output .so-ai li::before{content:"";flex:none;width:calc(var(--u)*6);height:calc(var(--u)*6);margin-top:.45em;border-radius:50%;border:2px solid var(--blue)}
.ref-detail-solution-output .so-hint{background:#fff7e3;border-radius:calc(var(--u)*8);padding:calc(var(--u)*9) calc(var(--u)*12)}
.ref-detail-solution-output .so-hint .da-svg{color:#f3b32a}
.ref-detail-solution-output .so-hint p{font-size:calc(var(--u)*8.8);color:#3e4c66;margin-top:calc(var(--u)*4)}
.ref-detail-solution-output .so-tray1 .so-board{box-shadow:none}
.ref-detail-solution-output .so-tray1 .so-fig{gap:calc(var(--u)*60);padding:calc(var(--u)*18) calc(var(--u)*40) calc(var(--u)*24)}
.ref-detail-solution-output .so-tray1 .so-sq{width:calc(var(--u)*52);height:calc(var(--u)*52)}
.ref-detail-solution-output .so-tray1 .so-fig b{font-size:calc(var(--u)*12)}
.ref-detail-solution-output .so-new{border:0;padding:calc(var(--u)*12) calc(var(--u)*16)}
.ref-detail-solution-output .so-path{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-solution-output .so-path i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:#7fb0ff}
.ref-detail-solution-output .so-path b{color:var(--blue);font-size:calc(var(--u)*10)}
.ref-detail-solution-output .so-pq{background:#f0f6ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*14);margin-top:calc(var(--u)*8)}
.ref-detail-solution-output .so-pq b{display:block;font-size:calc(var(--u)*12);color:var(--blue);border-left:3px solid var(--blue);padding-left:calc(var(--u)*7)}
.ref-detail-solution-output .so-pq p{font-size:calc(var(--u)*10);color:#1d2b47;margin-top:calc(var(--u)*5)}
.ref-detail-solution-output .so-in-lab{font-size:calc(var(--u)*9);color:#3a4863;margin-top:calc(var(--u)*12)}
.ref-detail-solution-output .so-answer{display:grid;grid-template-columns:1.1fr 0.75fr;gap:calc(var(--u)*14);margin-top:calc(var(--u)*6)}
.ref-detail-solution-output .so-input{display:flex;align-items:center;justify-content:flex-end;border:1px solid #cfd9e6;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*10);font-size:calc(var(--u)*9);color:#56647c}
.ref-detail-solution-output .so-hint2{display:flex;align-items:center;gap:calc(var(--u)*6);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*9.5);font-weight:700;color:var(--blue)}
.ref-detail-solution-output .so-hint2 .da-svg{font-size:1.3em}
.ref-detail-solution-output .so-banner{background:linear-gradient(90deg,#0d2c62 0%,#123a73 55%,#123a73 100%);color:#fff;display:flex;align-items:center}
.ref-detail-solution-output .so-banner-copy{padding:0 0 0 calc(var(--u)*2)}
.ref-detail-solution-output .da-h2.sm{font-size:calc(var(--u)*22.5)}
.ref-detail-solution-output .so-banner .da-h2{color:#fff;font-size:calc(var(--u)*24)}
.ref-detail-solution-output .so-banner p{font-size:calc(var(--u)*10.5);color:#d7e3f7;margin-top:calc(var(--u)*8)}
@media (max-width:700px){
.ref-detail-solution-output .so-flow{flex-wrap:wrap;justify-content:flex-start}
.ref-detail-solution-output .so-flow .da-arrow{display:none}
.ref-detail-solution-output .so-app{grid-template-columns:1fr}
.ref-detail-solution-output .so-side{flex-direction:row;flex-wrap:wrap}
.ref-detail-solution-output .so-voice,.ref-detail-solution-output .so-tray,.ref-detail-solution-output .so-answer{grid-template-columns:1fr}
.ref-detail-solution-output .so-fig,.ref-detail-solution-output .so-tray1 .so-fig{flex-direction:column;align-items:flex-start;gap:30px;padding:16px}
.ref-detail-solution-output .so-banner{flex-direction:column;align-items:stretch;padding:0 18px 30px}
.ref-detail-solution-output .so-banner .da-pbox{margin:0 -18px 20px}
.ref-detail-solution-output .so-banner .da-pbox::after{background:linear-gradient(0deg,#123a73 0%,rgba(18,58,115,0) 50%)}
}

/* ---- detail-curriculum-classic (reference width 724px) ---- */
.ref-detail-curriculum-classic{--u:calc(100cqw/724)}

.ref-detail-curriculum-classic .cc-rule{display:block;width:calc(var(--u)*32);height:2px;background:#1d2e55;margin:calc(var(--u)*16) 0 calc(var(--u)*4)}
.ref-detail-curriculum-classic .cc-tab{height:calc(var(--u)*261)}
.ref-detail-curriculum-classic .cc-side{padding:calc(var(--u)*10) calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-side .da-sh{font-size:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-dash{display:flex;flex-direction:column;gap:calc(var(--u)*6);background:#fbfdff}
.ref-detail-curriculum-classic .cc-dash>.da-row b{font-size:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-dash small{font-size:calc(var(--u)*7.5)}
.ref-detail-curriculum-classic .cc-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-tiles span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*4);border:1px solid var(--line);border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*2);background:#fff;color:var(--tc);font-size:calc(var(--u)*13)}
.ref-detail-curriculum-classic .cc-tiles small{font-size:calc(var(--u)*6.5);color:#33415c;white-space:nowrap}
.ref-detail-curriculum-classic .cc-unit{font-size:calc(var(--u)*11);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-mat{font-weight:700;color:#33415c}
.ref-detail-curriculum-classic .cc-res{display:flex;gap:calc(var(--u)*9);background:#eef5ff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-res .da-ic{--s:calc(var(--u)*30);background:#d4e5ff}
.ref-detail-curriculum-classic .cc-res b{display:block;font-size:calc(var(--u)*8.5)}
.ref-detail-curriculum-classic .cc-res small{display:block;color:#56647c;margin:calc(var(--u)*3) 0 calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-intro{font-size:calc(var(--u)*12.5);line-height:1.75;color:#33415c;padding-bottom:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-steps{display:flex;align-items:flex-start;justify-content:space-between;margin-top:calc(var(--u)*26);padding:0 calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-steps>li:not(.da-arrow){display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}
.ref-detail-curriculum-classic .cc-steps .da-ic{font-size:calc(var(--u)*26);box-shadow:0 calc(var(--u)*6) calc(var(--u)*14) rgba(28,72,150,.15)}
.ref-detail-curriculum-classic .cc-steps b{font-size:calc(var(--u)*13);font-weight:800;color:var(--title);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-steps small{font-size:calc(var(--u)*10.5);color:#56647c;margin-top:calc(var(--u)*4)}
.ref-detail-curriculum-classic .cc-steps .da-arrow{margin-top:calc(var(--u)*22);color:#5b6b85}
.ref-detail-curriculum-classic .cc-blue{font-size:calc(var(--u)*18);font-weight:800;line-height:1.3;color:var(--blue);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-win{overflow:hidden;max-width:calc(var(--u)*362);margin-left:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-win .da-h3{display:block;font-size:calc(var(--u)*13);margin-bottom:calc(var(--u)*9)}
.ref-detail-curriculum-classic .cc-tabs .da-tab{font-size:calc(var(--u)*8);padding:calc(var(--u)*5)}
.ref-detail-curriculum-classic .cc-concept{display:grid;grid-template-columns:1fr 0.36fr;gap:calc(var(--u)*10);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-cbox{background:#f3f8ff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*9) calc(var(--u)*11);font-size:calc(var(--u)*8.3);color:#33415c;display:flex;flex-direction:column;gap:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-tag{font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-curriculum-classic .cc-hl{background:#fff4d8;border-radius:calc(var(--u)*5);padding:calc(var(--u)*5);text-align:center;font-size:calc(var(--u)*10);font-weight:700;color:var(--title)}
.ref-detail-curriculum-classic .cc-apples{display:flex;align-items:center;gap:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-apple{width:calc(var(--u)*18);height:calc(var(--u)*18)}
.ref-detail-curriculum-classic .cc-rel{align-self:start;background:#f3f8ff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*6);display:grid;gap:calc(var(--u)*3);font-size:calc(var(--u)*7.5);color:#3a4863}
.ref-detail-curriculum-classic .cc-rel li{display:flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*4);border-radius:calc(var(--u)*4)}
.ref-detail-curriculum-classic .cc-rel li.on{background:#e1edff;color:var(--blue)}
.ref-detail-curriculum-classic .cc-quiz{border:1px solid var(--line);border-radius:calc(var(--u)*7);padding:calc(var(--u)*12) calc(var(--u)*14);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-quiz p{display:flex;align-items:center;gap:calc(var(--u)*9);font-size:calc(var(--u)*10.5);color:var(--title)}
.ref-detail-curriculum-classic .cc-quiz p b{font-size:calc(var(--u)*15);color:var(--blue)}
.ref-detail-curriculum-classic .cc-quiz ol{display:grid;gap:calc(var(--u)*8);margin:calc(var(--u)*12) 0 0 calc(var(--u)*20);font-size:calc(var(--u)*10);color:#2c3a55}
.ref-detail-curriculum-classic .cc-quiz li{display:flex;align-items:center;gap:calc(var(--u)*8)}
.ref-detail-curriculum-classic .cc-quiz li::before{content:"";width:calc(var(--u)*10);height:calc(var(--u)*10);border-radius:50%;border:1.5px solid #9aa7bb}
.ref-detail-curriculum-classic .cc-quiz li.on::before{border-color:var(--blue);background:radial-gradient(var(--blue) 0 45%,#fff 50%)}
.ref-detail-curriculum-classic .cc-tabs3 .da-tab{font-size:calc(var(--u)*8.5);padding:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-path{display:grid;grid-template-columns:0.42fr 1fr;gap:calc(var(--u)*8);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-route{background:#f4f8fd;border-radius:calc(var(--u)*7);padding:calc(var(--u)*8);display:grid;align-content:start;gap:calc(var(--u)*4);font-size:calc(var(--u)*8);color:#3a4863}
.ref-detail-curriculum-classic .cc-route li{display:flex;align-items:center;gap:calc(var(--u)*5);padding:calc(var(--u)*4) calc(var(--u)*5);border-radius:calc(var(--u)*5)}
.ref-detail-curriculum-classic .cc-route li:not(.hd):not(.ok)::before{content:"";width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;border:1.5px solid #9aa7bb}
.ref-detail-curriculum-classic .cc-route li.on{background:#e1edff;color:var(--blue);font-weight:700}
.ref-detail-curriculum-classic .cc-route li.on::before{background:var(--blue);border-color:var(--blue)}
.ref-detail-curriculum-classic .cc-route .hd{font-weight:800;color:var(--title);font-size:calc(var(--u)*8.5)}
.ref-detail-curriculum-classic .cc-route .ok .da-svg{color:#22a45d}
.ref-detail-curriculum-classic .cc-line{border:1px solid var(--line);border-radius:calc(var(--u)*7);padding:calc(var(--u)*8) calc(var(--u)*10)}
.ref-detail-curriculum-classic .cc-line small{font-size:calc(var(--u)*8.5);color:#33415c}
.ref-detail-curriculum-classic .cc-nl{width:100%;height:auto;margin:calc(var(--u)*6) 0 calc(var(--u)*8)}
.ref-detail-curriculum-classic .cc-ap{position:relative;padding:calc(var(--u)*14);min-height:calc(var(--u)*200);border:0;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.07)}
.ref-detail-curriculum-classic .cc-ap .da-ic{--s:calc(var(--u)*34);font-size:calc(var(--u)*16)}
.ref-detail-curriculum-classic .cc-ap h3{margin-top:calc(var(--u)*10);font-size:calc(var(--u)*12)}
.ref-detail-curriculum-classic .cc-apk{font-size:calc(var(--u)*10.5);font-weight:800;color:var(--blue);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-classic .cc-ap p:last-of-type{font-size:calc(var(--u)*9.5);color:#56647c;margin-top:calc(var(--u)*6);line-height:1.6}
.ref-detail-curriculum-classic .cc-ill{position:absolute;right:calc(var(--u)*12);bottom:calc(var(--u)*8);width:calc(var(--u)*70)}
@media (max-width:700px){
.ref-detail-curriculum-classic .cc-tab{height:auto}
.ref-detail-curriculum-classic .cc-win .da-btn.lg{min-width:0!important}
.ref-detail-curriculum-classic .cc-steps{flex-wrap:wrap;gap:16px;justify-content:center}
.ref-detail-curriculum-classic .cc-steps>li:not(.da-arrow){flex:0 0 42%}
.ref-detail-curriculum-classic .cc-steps .da-arrow{display:none}
.ref-detail-curriculum-classic .cc-concept,.ref-detail-curriculum-classic .cc-path{grid-template-columns:1fr}
.ref-detail-curriculum-classic .cc-ill{position:static;display:block;margin-left:auto}
.ref-detail-curriculum-classic .cc-tiles{grid-template-columns:repeat(3,1fr)}
.ref-detail-curriculum-classic .cc-tiles small{font-size:11px}
}

/* ---- detail-compare-limitations (reference width 728px) ---- */
.ref-detail-compare-limitations{--u:calc(100cqw/728)}

.ref-detail-compare-limitations .cl-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);margin:calc(var(--u)*-14) 0 0;background:#fff;border-radius:calc(var(--u)*14) calc(var(--u)*14) 0 0;padding:calc(var(--u)*16) calc(var(--u)*10) calc(var(--u)*20)}
.ref-detail-compare-limitations .cl-strip article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 calc(var(--u)*10)}
.ref-detail-compare-limitations .cl-strip article+article{border-left:1px solid var(--line)}
.ref-detail-compare-limitations .cl-strip .da-ic{--s:calc(var(--u)*72);font-size:calc(var(--u)*32);background:#eaf2ff;color:#1e4fa3}
.ref-detail-compare-limitations .cl-strip small{font-size:calc(var(--u)*9);font-weight:700;color:var(--blue);margin-top:calc(var(--u)*12)}
.ref-detail-compare-limitations .cl-strip h2{font-size:calc(var(--u)*13.5);margin-top:calc(var(--u)*4)}
.ref-detail-compare-limitations .cl-k{font-size:calc(var(--u)*10.5);color:#2c3a55;margin-top:calc(var(--u)*4)}
.ref-detail-compare-limitations .cl-d{font-size:calc(var(--u)*10);color:#6a7790;margin-top:calc(var(--u)*12);line-height:1.65}
.ref-detail-compare-limitations .cl-cards{display:flex;flex-direction:column;gap:calc(var(--u)*11);padding-left:calc(var(--u)*16);padding-right:calc(var(--u)*16)}
.ref-detail-compare-limitations .cl-card{display:grid;grid-template-columns:0.82fr 1fr;gap:calc(var(--u)*16);align-items:center;background:linear-gradient(135deg,#eef5ff,#f6faff);border-radius:calc(var(--u)*12);padding:calc(var(--u)*20) calc(var(--u)*22)}
.ref-detail-compare-limitations .cl-card:nth-child(1){min-height:calc(var(--u)*225)}
.ref-detail-compare-limitations .cl-card:nth-child(2){min-height:calc(var(--u)*229)}
.ref-detail-compare-limitations .cl-card:nth-child(3){min-height:calc(var(--u)*278)}
.ref-detail-compare-limitations .cl-card .da-bignum i{font-style:normal;font-size:.5em;margin-left:calc(var(--u)*2)}
.ref-detail-compare-limitations .cl-card .da-h3{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*14)}
.ref-detail-compare-limitations .cl-paren{font-size:calc(var(--u)*10);color:#33415c;margin-top:calc(var(--u)*3)}
.ref-detail-compare-limitations .cl-card .da-p{color:#3a4863;font-size:calc(var(--u)*10.8)}
.ref-detail-compare-limitations .cl-ill1{display:grid;grid-template-columns:1fr 0.95fr;gap:calc(var(--u)*22);align-items:center}
.ref-detail-compare-limitations .cl-book{position:relative;background:linear-gradient(90deg,#3b5f8e 0 calc(var(--u)*7),#dfe6ef calc(var(--u)*7) calc(var(--u)*10),#fff calc(var(--u)*10));border-radius:calc(var(--u)*3) calc(var(--u)*6) calc(var(--u)*6) calc(var(--u)*3);padding:calc(var(--u)*20) calc(var(--u)*16) calc(var(--u)*18) calc(var(--u)*30);box-shadow:calc(var(--u)*6) calc(var(--u)*8) calc(var(--u)*18) rgba(20,40,80,.18);transform:rotate(-1deg)}
.ref-detail-compare-limitations .cl-book b{font-size:calc(var(--u)*16);font-family:serif;color:var(--title)}
.ref-detail-compare-limitations .cl-book ol{display:grid;gap:calc(var(--u)*5);margin-top:calc(var(--u)*12);font-size:calc(var(--u)*8.5);color:#2c3a55}
.ref-detail-compare-limitations .cl-same{display:grid;place-items:center;text-align:center;background:#dceaff;border-radius:calc(var(--u)*6);min-height:calc(var(--u)*130);font-size:calc(var(--u)*13);font-weight:800;color:var(--title);line-height:1.5}
.ref-detail-compare-limitations .cl-ill2{position:relative;background:#e8eef6;border-radius:calc(var(--u)*8);height:calc(var(--u)*185)}
.ref-detail-compare-limitations .cl-wb{position:absolute;left:16%;top:9%;width:46%;height:42%;border:3px solid #cdd7e4;background:#fff;display:grid;place-items:center;text-align:center;font-size:calc(var(--u)*9);color:#33415c;line-height:1.7}
.ref-detail-compare-limitations .cl-teacher{position:absolute;left:6%;top:24%;width:20%}
.ref-detail-compare-limitations .cl-pupil{position:absolute;left:44%;top:46%;width:22%}
.ref-detail-compare-limitations .cl-ar{position:absolute;top:56%;color:#79a7f2;font-size:calc(var(--u)*18)}
.ref-detail-compare-limitations .cl-ar.a1{left:31%}
.ref-detail-compare-limitations .cl-ar.a2{left:71%}
.ref-detail-compare-limitations .cl-cap{position:absolute;top:79%;font-size:calc(var(--u)*8.5);color:#33415c;text-align:center;line-height:1.4}
.ref-detail-compare-limitations .cl-cap b{display:block;font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-compare-limitations .cl-cap.c1{left:10%}
.ref-detail-compare-limitations .cl-cap.c2{left:45%}
.ref-detail-compare-limitations .cl-next{position:absolute;right:5%;top:40%;width:22%;background:#cfdcec;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12) calc(var(--u)*4);text-align:center;font-size:calc(var(--u)*9);font-weight:700;color:var(--title);line-height:1.5}
.ref-detail-compare-limitations .cl-stu{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8) calc(var(--u)*4) 0;min-height:calc(var(--u)*132);overflow:hidden}
.ref-detail-compare-limitations .cl-stu b{font-size:calc(var(--u)*8);color:var(--title);line-height:1.35}
.ref-detail-compare-limitations .cl-stu small{font-size:calc(var(--u)*7.5);color:#56647c;line-height:1.35}
.ref-detail-compare-limitations .cl-bust{width:calc(var(--u)*62);margin-top:auto}
.ref-detail-compare-limitations .cl-speed{display:flex;justify-content:space-between;position:relative;margin:calc(var(--u)*12) calc(var(--u)*6) 0;padding-top:calc(var(--u)*10);font-size:calc(var(--u)*8.5);font-weight:700;color:#33415c}
.ref-detail-compare-limitations .cl-speed::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#6fa1f5,#c7c9e0,#f08a8f)}
.ref-detail-compare-limitations .cl-pill{display:inline-block;background:#dceaff;border-radius:calc(var(--u)*20);padding:calc(var(--u)*5) calc(var(--u)*40);margin-top:calc(var(--u)*8);font-size:calc(var(--u)*10);font-weight:800;color:var(--title)}
.ref-detail-compare-limitations .cl-end{display:grid;grid-template-columns:1fr 1.05fr;min-height:calc(var(--u)*273);background:#f2f7fd}
.ref-detail-compare-limitations .cl-end-photo{position:relative;overflow:hidden}
.ref-detail-compare-limitations .cl-end-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,26,58,.85) 0%,rgba(10,26,58,.35) 48%,rgba(10,26,58,0) 70%)}
.ref-detail-compare-limitations .cl-end-copy{position:absolute;left:calc(var(--u)*22);right:calc(var(--u)*12);bottom:calc(var(--u)*22);z-index:2;color:#fff}
.ref-detail-compare-limitations .cl-end-copy .da-h2{color:#fff;font-size:calc(var(--u)*20)}
.ref-detail-compare-limitations .cl-end-copy p{font-size:calc(var(--u)*9);color:#e3ebf8;margin-top:calc(var(--u)*8);line-height:1.65}
.ref-detail-compare-limitations .cl-vs{display:grid;grid-template-columns:1fr calc(var(--u)*18) 1fr;gap:calc(var(--u)*8);align-items:center;padding:calc(var(--u)*18) calc(var(--u)*16)}
.ref-detail-compare-limitations .cl-col{background:#fff;border-radius:calc(var(--u)*8);overflow:hidden;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.08)}
.ref-detail-compare-limitations .cl-col h3{background:#dfe6ef;text-align:center;font-size:calc(var(--u)*11);font-weight:800;color:var(--title);padding:calc(var(--u)*7)}
.ref-detail-compare-limitations .cl-col.new h3{background:var(--blue);color:#fff}
.ref-detail-compare-limitations .cl-col ul{padding:calc(var(--u)*4) calc(var(--u)*12)}
.ref-detail-compare-limitations .cl-col li{display:flex;align-items:center;gap:calc(var(--u)*9);padding:calc(var(--u)*9) 0;font-size:calc(var(--u)*9.6);color:#3a4863;min-height:calc(var(--u)*60);line-height:1.45}
.ref-detail-compare-limitations .cl-col li+li{border-top:1px solid var(--line)}
.ref-detail-compare-limitations .cl-col li b{color:var(--title)}
.ref-detail-compare-limitations .cl-col .da-ic{--s:calc(var(--u)*28);background:#eef3fa;color:#1e3f7a}
.ref-detail-compare-limitations .cl-col.new .da-ic{background:#e5efff;color:var(--blue)}
.ref-detail-compare-limitations .cl-tri{width:0;height:0;border-top:calc(var(--u)*12) solid transparent;border-bottom:calc(var(--u)*12) solid transparent;border-left:calc(var(--u)*13) solid #8fb6f5}
.ref-detail-compare-limitations .cl-cta{background:linear-gradient(90deg,#e9f3ff,#f3f8ff);display:flex;align-items:center;margin:calc(var(--u)*8) 0 0}
.ref-detail-compare-limitations .cl-cta-in{display:flex;align-items:center;gap:calc(var(--u)*30)}
@media (max-width:700px){
.ref-detail-compare-limitations .cl-strip{grid-template-columns:1fr;margin:0;border-radius:0;gap:24px}
.ref-detail-compare-limitations .cl-strip article+article{border-left:0;border-top:1px solid var(--line);padding-top:20px}
.ref-detail-compare-limitations .cl-card{grid-template-columns:1fr;padding:22px 18px;min-height:0!important}
.ref-detail-compare-limitations .cl-ill1{grid-template-columns:1fr}
.ref-detail-compare-limitations .cl-ill2{height:260px}
.ref-detail-compare-limitations .cl-end{grid-template-columns:1fr}
.ref-detail-compare-limitations .cl-end-photo{min-height:320px}
.ref-detail-compare-limitations .cl-vs{grid-template-columns:1fr}
.ref-detail-compare-limitations .cl-tri{transform:rotate(90deg);justify-self:center}
.ref-detail-compare-limitations .cl-cta{flex-direction:column;align-items:stretch;padding-top:0}
.ref-detail-compare-limitations .cl-cta-in{flex-direction:column;align-items:flex-start;gap:16px}
}

/* ---- detail-score-support (reference width 727px) ---- */
.ref-detail-score-support{--u:calc(100cqw/727)}

.ref-detail-score-support .ss-note{font-size:calc(var(--u)*10.5);color:var(--title)}
.ref-detail-score-support .ss-note b{font-size:calc(var(--u)*11);line-height:1.45}
.ref-detail-score-support .ss-note p{font-size:calc(var(--u)*8.5);color:#3a4863;margin-top:calc(var(--u)*7);line-height:1.6}
.ref-detail-score-support .ss-dash{--sw:calc(var(--u)*96);border-radius:calc(var(--u)*12)}
.ref-detail-score-support .ss-side{background:#fff;padding:calc(var(--u)*12) calc(var(--u)*8);gap:calc(var(--u)*5)}
.ref-detail-score-support .ss-side .da-sh{font-size:calc(var(--u)*11);padding-bottom:calc(var(--u)*12)}
.ref-detail-score-support .ss-side span{font-size:calc(var(--u)*9);padding:calc(var(--u)*6) calc(var(--u)*8)}
.ref-detail-score-support .ss-main{display:flex;flex-direction:column;gap:calc(var(--u)*6);background:#f6f9fd;padding:calc(var(--u)*8) calc(var(--u)*10)}
.ref-detail-score-support .ss-period{align-self:flex-start;font-size:calc(var(--u)*8);padding:calc(var(--u)*3) calc(var(--u)*8)}
.ref-detail-score-support .ss-main .da-tabs.line .da-tab{font-size:calc(var(--u)*8)}
.ref-detail-score-support .ss-box{background:#fff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*8) calc(var(--u)*10)}
.ref-detail-score-support .ss-box small{display:block;font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-score-support .ss-box>b{display:flex;align-items:center;gap:calc(var(--u)*4);font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-score-support .ss-rings{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*6);margin-top:calc(var(--u)*6);text-align:center}
.ref-detail-score-support .ss-rings small{font-size:calc(var(--u)*8);font-weight:700;color:var(--title);margin-bottom:calc(var(--u)*3)}
.ref-detail-score-support .ss-rings .da-ring{--s:calc(var(--u)*46);margin:0 auto}
.ref-detail-score-support .ss-two{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*6)}
.ref-detail-score-support .ss-diag,.ref-detail-score-support .ss-today{display:grid;gap:calc(var(--u)*6);margin-top:calc(var(--u)*6);font-size:calc(var(--u)*7.6);color:#3a4863;line-height:1.45}
.ref-detail-score-support .ss-diag li{display:grid;grid-template-columns:calc(var(--u)*7) calc(var(--u)*22) 1fr;align-items:start}
.ref-detail-score-support .ss-diag li::before{content:"";width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:50%;background:#ef4444;margin-top:.45em}
.ref-detail-score-support .ss-diag em{font-style:normal;font-weight:800;color:var(--title)}
.ref-detail-score-support .ss-today li{display:flex;align-items:center;gap:calc(var(--u)*6);padding-bottom:calc(var(--u)*5);border-bottom:1px solid #eef2f7}
.ref-detail-score-support .ss-today .da-svg{color:var(--blue)}
.ref-detail-score-support .ss-today li.g i{width:calc(var(--u)*7);height:calc(var(--u)*7);border:1.5px solid #22a45d;border-radius:calc(var(--u)*2)}
.ref-detail-score-support .ss-lead{font-size:calc(var(--u)*14.5);font-weight:800;color:var(--title);margin-top:calc(var(--u)*6)}
.ref-detail-score-support .ss-cols{margin-top:calc(var(--u)*22)}
.ref-detail-score-support .ss-cols article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 calc(var(--u)*12)}
.ref-detail-score-support .ss-cols article+article{border-left:1px solid #d6e3f3}
.ref-detail-score-support .ss-cols .da-ic{--s:calc(var(--u)*52);font-size:calc(var(--u)*24)}
.ref-detail-score-support .ss-cols small{font-size:calc(var(--u)*9.5);color:var(--blue);margin-top:calc(var(--u)*10)}
.ref-detail-score-support .ss-cols h3{font-size:calc(var(--u)*17);margin-top:calc(var(--u)*4)}
.ref-detail-score-support .ss-k{font-size:calc(var(--u)*10.5);font-weight:600;color:#26355a;margin-top:calc(var(--u)*6)}
.ref-detail-score-support .ss-d{font-size:calc(var(--u)*10);color:#4a5872;margin-top:calc(var(--u)*3);line-height:1.6}
.ref-detail-score-support .ss-bold{font-size:calc(var(--u)*13);font-weight:800;color:var(--title);line-height:1.45;margin-top:calc(var(--u)*10)}
.ref-detail-score-support .da-num{margin-bottom:calc(var(--u)*-6)}
.ref-detail-score-support .ss-tab{padding:calc(var(--u)*10);border-radius:calc(var(--u)*18)}
.ref-detail-score-support .ss-tabin{padding:calc(var(--u)*12) calc(var(--u)*16)}
.ref-detail-score-support .ss-path{font-size:calc(var(--u)*8.5);color:#56647c;margin-bottom:calc(var(--u)*6)}
.ref-detail-score-support .ss-tt{margin:calc(var(--u)*8) 0;max-width:calc(var(--u)*150)}
.ref-detail-score-support .ss-tt .da-tab.on{background:#e3eeff;box-shadow:none;border-radius:calc(var(--u)*4)}
.ref-detail-score-support .ss-expl{display:grid;grid-template-columns:1.3fr 1fr;gap:calc(var(--u)*8);align-items:center}
.ref-detail-score-support .ss-expl p{font-size:calc(var(--u)*8.8);line-height:1.75;color:#26355a}
.ref-detail-score-support .ss-parab{width:100%;height:auto}
.ref-detail-score-support .ss-sum{background:#eef5ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*9) calc(var(--u)*12);margin-top:calc(var(--u)*8)}
.ref-detail-score-support .ss-sum b{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*9.5);color:var(--blue)}
.ref-detail-score-support .ss-sum p{position:relative;font-size:calc(var(--u)*8.8);color:#26355a;margin-top:calc(var(--u)*4);line-height:1.6}
.ref-detail-score-support .ss-sum span{position:absolute;right:calc(var(--u)*10);bottom:0;color:#3a4863}
.ref-detail-score-support .ss-chat{--sw:calc(var(--u)*96);border-radius:calc(var(--u)*12)}
.ref-detail-score-support .ss-chatmain{display:flex;flex-direction:column;gap:calc(var(--u)*9);padding:calc(var(--u)*10) calc(var(--u)*12);min-width:0}
.ref-detail-score-support .ss-chathead b{font-size:calc(var(--u)*12);color:var(--title)}
.ref-detail-score-support .ss-chathead small{display:flex;align-items:center;gap:calc(var(--u)*4);font-size:calc(var(--u)*7.8);color:#56647c}
.ref-detail-score-support .ss-chathead i{width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:#22c55e}
.ref-detail-score-support .ss-msg{display:flex;gap:calc(var(--u)*8);align-items:flex-start}
.ref-detail-score-support .ss-msg.me{justify-content:flex-end}
.ref-detail-score-support .ss-msg.me p{background:#dceaff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*7) calc(var(--u)*10);font-size:calc(var(--u)*8.5);color:#26355a;line-height:1.55}
.ref-detail-score-support .ss-msg.bot>div{background:#f2f5f9;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8) calc(var(--u)*10);font-size:calc(var(--u)*8.3);color:#26355a;line-height:1.6}
.ref-detail-score-support .ss-mini{display:grid;grid-template-columns:1fr 0.8fr;align-items:center;background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*5) calc(var(--u)*8);margin-top:calc(var(--u)*6)}
.ref-detail-score-support .ss-mini svg{max-height:calc(var(--u)*70)}
.ref-detail-score-support .ss-mini b{font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-score-support .ss-input{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*8);border:1px solid #d8e1ee;border-radius:calc(var(--u)*7);padding:calc(var(--u)*4) calc(var(--u)*4) calc(var(--u)*4) calc(var(--u)*10);font-size:calc(var(--u)*8.5);color:#8a96aa}
@media (max-width:700px){
.ref-detail-score-support .ss-note{display:none}
.ref-detail-score-support .ss-rings{grid-template-columns:repeat(2,1fr)}
.ref-detail-score-support .ss-two,.ref-detail-score-support .ss-expl,.ref-detail-score-support .ss-mini{grid-template-columns:1fr}
.ref-detail-score-support .ss-cols{grid-template-columns:1fr;gap:26px}
.ref-detail-score-support .ss-cols article+article{border-left:0;border-top:1px solid #d6e3f3;padding-top:22px}
}

/* ---- detail-curriculum-grade (reference width 731px) ---- */
.ref-detail-curriculum-grade{--u:calc(100cqw/731)}

.ref-detail-curriculum-grade .cg-tab{padding:calc(var(--u)*7);border-radius:calc(var(--u)*13)}
.ref-detail-curriculum-grade .cg-lec{display:grid;grid-template-columns:1.35fr 1fr;gap:calc(var(--u)*8);background:#fff;border-radius:calc(var(--u)*7);overflow:hidden}
.ref-detail-curriculum-grade .cg-lec.sm{gap:0}
.ref-detail-curriculum-grade .cg-lec:not(.sm) .cg-fx{font-size:calc(var(--u)*17)}
.ref-detail-curriculum-grade .cg-lec:not(.sm) .cg-tt{font-size:calc(var(--u)*19)}
.ref-detail-curriculum-grade .cg-lec:not(.sm) .cg-list li{font-size:calc(var(--u)*9.2)}
.ref-detail-curriculum-grade .cg-video{position:relative;background:linear-gradient(160deg,#25364a,#1a2736);color:#fff;padding:calc(var(--u)*10) calc(var(--u)*12) calc(var(--u)*34);min-height:calc(var(--u)*150);border-radius:calc(var(--u)*7);overflow:hidden}
.ref-detail-curriculum-grade .cg-brand{display:flex;align-items:center;gap:calc(var(--u)*4);font-size:calc(var(--u)*9);font-weight:700}
.ref-detail-curriculum-grade .cg-fx{font-family:"Times New Roman",serif;font-style:italic;font-size:calc(var(--u)*14);margin-top:calc(var(--u)*8)}
.ref-detail-curriculum-grade .cg-tt{font-size:calc(var(--u)*15);font-weight:800;margin-top:calc(var(--u)*4)}
.ref-detail-curriculum-grade .cg-st{font-size:calc(var(--u)*10);color:#c9d5e8}
.ref-detail-curriculum-grade .cg-sig{position:absolute;right:calc(var(--u)*8);top:calc(var(--u)*10);width:46%}
.ref-detail-curriculum-grade .cg-player{position:absolute;left:calc(var(--u)*8);right:calc(var(--u)*8);bottom:calc(var(--u)*7);display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*8);color:#dfe7f3}
.ref-detail-curriculum-grade .cg-player i{flex:1;height:2px;background:linear-gradient(90deg,#4f8df7 0 14%,#6b7a90 14%);position:relative}
.ref-detail-curriculum-grade .cg-list{padding:calc(var(--u)*9) calc(var(--u)*8)}
.ref-detail-curriculum-grade .cg-list>b{font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-curriculum-grade .cg-list ul{display:grid;gap:calc(var(--u)*2);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-grade .cg-list li{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*6);border-bottom:1px solid #eef2f7;font-size:calc(var(--u)*8.3);color:#33415c}
.ref-detail-curriculum-grade .cg-list li .da-svg{flex:none;width:calc(var(--u)*13);height:calc(var(--u)*13);padding:calc(var(--u)*3);border-radius:50%;background:#e3e8ef;color:#5b6b85}
.ref-detail-curriculum-grade .cg-list li.on{background:#eaf2ff;border-radius:calc(var(--u)*5);color:var(--blue)}
.ref-detail-curriculum-grade .cg-list li.on .da-svg{background:var(--blue);color:#fff}
.ref-detail-curriculum-grade .cg-list li span{flex:1}
.ref-detail-curriculum-grade .cg-list li small{font-size:calc(var(--u)*8)}
.ref-detail-curriculum-grade .cg-lec.sm .cg-video{border-radius:0;min-height:calc(var(--u)*165)}
.ref-detail-curriculum-grade .cg-lec.sm .cg-list li{padding:calc(var(--u)*6) calc(var(--u)*4);font-size:calc(var(--u)*7.6)}
.ref-detail-curriculum-grade .cg-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--u)*16) calc(var(--u)*12) calc(var(--u)*18);min-height:calc(var(--u)*214);border:0}
.ref-detail-curriculum-grade .cg-card small{align-self:flex-start;font-size:calc(var(--u)*9.5);color:var(--blue)}
.ref-detail-curriculum-grade .cg-card h2{align-self:flex-start;font-size:calc(var(--u)*18);margin-top:calc(var(--u)*2)}
.ref-detail-curriculum-grade .cg-card svg{width:calc(var(--u)*66);height:calc(var(--u)*58);margin:calc(var(--u)*12) 0 calc(var(--u)*14)}
.ref-detail-curriculum-grade .cg-card b{font-size:calc(var(--u)*11.5);font-weight:800;color:var(--title)}
.ref-detail-curriculum-grade .cg-card p{font-size:calc(var(--u)*9.5);color:#4a5872;margin-top:calc(var(--u)*6);line-height:1.6}
.ref-detail-curriculum-grade .cg-road .da-pbox::after{background:linear-gradient(90deg,#ecf5ff 0%,rgba(236,245,255,0) 30%)}
.ref-detail-curriculum-grade .cg-motto{position:absolute;right:calc(var(--u)*26);top:calc(var(--u)*46);z-index:2;font-size:calc(var(--u)*15);line-height:1.35;color:#2c3f63;font-weight:500}
.ref-detail-curriculum-grade .cg-grade{font-size:calc(var(--u)*10);padding:calc(var(--u)*7) calc(var(--u)*12);border-radius:calc(var(--u)*7);min-width:calc(var(--u)*120)}
.ref-detail-curriculum-grade .cg-subj{margin-top:calc(var(--u)*14);max-width:calc(var(--u)*345)}
.ref-detail-curriculum-grade .cg-subj .da-tab{background:#fff;font-size:calc(var(--u)*10);padding:calc(var(--u)*8);border-radius:calc(var(--u)*6) calc(var(--u)*6) 0 0}
.ref-detail-curriculum-grade .cg-subj .da-tab.on{background:var(--blue)}
.ref-detail-curriculum-grade .cg-roadbody{display:grid;grid-template-columns:0.5fr 1fr;gap:calc(var(--u)*12);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-grade .cg-units{background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8);display:grid;gap:calc(var(--u)*6)}
.ref-detail-curriculum-grade .cg-units li{background:#f2f6fb;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*10);font-size:calc(var(--u)*10);color:#26355a}
.ref-detail-curriculum-grade .cg-route{background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*14);text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*4)}
.ref-detail-curriculum-grade .cg-lv{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*12);width:100%;background:#f3f7fd;border-radius:calc(var(--u)*7);padding:calc(var(--u)*8)}
.ref-detail-curriculum-grade .cg-lv span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3)}
.ref-detail-curriculum-grade .cg-lv small{font-size:calc(var(--u)*8.5);font-weight:700;color:var(--title)}
.ref-detail-curriculum-grade .cg-lv small.red{color:#e5414b}
.ref-detail-curriculum-grade .cg-lv b{display:grid;place-items:center;width:calc(var(--u)*52);height:calc(var(--u)*52);border-radius:50%;font-size:calc(var(--u)*12.5);font-weight:800}
.ref-detail-curriculum-grade .cg-lv b.cur{background:#cfe0ff;color:var(--blue)}
.ref-detail-curriculum-grade .cg-lv b.goal{background:#ffd9de;color:#e5414b}
.ref-detail-curriculum-grade .cg-lv i{width:calc(var(--u)*60);border-top:2px dotted var(--title);position:relative}
.ref-detail-curriculum-grade .cg-lv i::after{content:"";position:absolute;right:calc(var(--u)*-2);top:calc(var(--u)*-5);border-left:calc(var(--u)*7) solid var(--title);border-top:calc(var(--u)*4) solid transparent;border-bottom:calc(var(--u)*4) solid transparent}
.ref-detail-curriculum-grade .cg-route p{font-size:calc(var(--u)*9.5);color:#33415c;margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-grade .cg-route small{font-size:calc(var(--u)*9);color:#4a5872;line-height:1.6}
.ref-detail-curriculum-grade .cg-steps{display:flex;flex-direction:column;gap:calc(var(--u)*12)}
.ref-detail-curriculum-grade .cg-step{display:grid;grid-template-columns:calc(var(--u)*73) 1fr;border:1px solid var(--line);border-radius:calc(var(--u)*9);overflow:hidden;background:#fff}
.ref-detail-curriculum-grade .cg-sn{display:flex;flex-direction:column;align-items:center;background:var(--blue);color:#fff;font-size:calc(var(--u)*11);padding-top:calc(var(--u)*18);letter-spacing:.04em}
.ref-detail-curriculum-grade .cg-sn b{font-size:calc(var(--u)*25);line-height:1.1;font-weight:800}
.ref-detail-curriculum-grade .cg-sb{padding:calc(var(--u)*14) calc(var(--u)*18)}
.ref-detail-curriculum-grade .cg-sb>.da-row h2,.ref-detail-curriculum-grade .cg-sb>h2{font-size:calc(var(--u)*15.5)}
.ref-detail-curriculum-grade .cg-sp{font-size:calc(var(--u)*9.8);color:#4a5872;margin-top:calc(var(--u)*4);line-height:1.6}
.ref-detail-curriculum-grade .cg-tip{display:flex;align-items:center;gap:calc(var(--u)*8);background:#f0f6ff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*8) calc(var(--u)*12);font-size:calc(var(--u)*9);color:#33415c;min-width:52%}
.ref-detail-curriculum-grade .cg-tip .da-ic{--s:calc(var(--u)*24)}
.ref-detail-curriculum-grade .cg-grades{display:flex;gap:calc(var(--u)*8);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-grade .cg-grades span{flex:1;text-align:center;border:1px solid #d7e1ee;border-radius:calc(var(--u)*20);padding:calc(var(--u)*7) 0;font-size:calc(var(--u)*10);font-weight:600;color:#33415c}
.ref-detail-curriculum-grade .cg-grades span.on{border:2px solid #ef5f6b;background:#fff0f2;color:#e5414b;font-weight:800}
.ref-detail-curriculum-grade .cg-two{display:grid;grid-template-columns:1fr 0.95fr;gap:calc(var(--u)*12);margin-top:calc(var(--u)*12)}
.ref-detail-curriculum-grade .cg-under{padding:calc(var(--u)*14)}
.ref-detail-curriculum-grade .cg-under ul{display:grid;gap:calc(var(--u)*8);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-grade .cg-under li{display:grid;grid-template-columns:calc(var(--u)*18) calc(var(--u)*70) 1fr calc(var(--u)*54);align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*10.3);color:#26355a;padding-bottom:calc(var(--u)*6);border-bottom:1px solid #e7edf5}
.ref-detail-curriculum-grade .cg-under em{display:grid;place-items:center;width:calc(var(--u)*16);height:calc(var(--u)*16);border-radius:calc(var(--u)*3);background:#5b6f8f;color:#fff;font-style:normal;font-size:calc(var(--u)*8.5)}
.ref-detail-curriculum-grade .cg-under small{font-size:calc(var(--u)*8.5);color:#33415c}
.ref-detail-curriculum-grade .cg-fix{padding:calc(var(--u)*12)}
.ref-detail-curriculum-grade .cg-fix .da-ic{--s:calc(var(--u)*30);color:#4b8ff7;font-size:calc(var(--u)*24)}
.ref-detail-curriculum-grade .cg-fix small{display:block;font-size:calc(var(--u)*8.5);color:#4a5872;margin-top:calc(var(--u)*3)}
.ref-detail-curriculum-grade .cg-fix ol{background:#fff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*6) calc(var(--u)*12);margin-top:calc(var(--u)*10)}
.ref-detail-curriculum-grade .cg-fix li{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*7) 0;font-size:calc(var(--u)*10.3);color:#26355a}
.ref-detail-curriculum-grade .cg-fix li+li{border-top:1px solid #eef2f7}
.ref-detail-curriculum-grade .cg-fix em{display:grid;place-items:center;width:calc(var(--u)*16);height:calc(var(--u)*16);border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:calc(var(--u)*8.5)}
.ref-detail-curriculum-grade .cg-stages{display:grid;grid-template-columns:1fr calc(var(--u)*14) 1fr calc(var(--u)*14) 1fr;gap:calc(var(--u)*6);align-items:center;margin-top:calc(var(--u)*12)}
.ref-detail-curriculum-grade .cg-stage{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5);background:#eaf2ff;border-radius:calc(var(--u)*9);padding:calc(var(--u)*10) calc(var(--u)*12)}
.ref-detail-curriculum-grade .cg-stage .da-chip{background:#cfe0ff;padding:calc(var(--u)*3) calc(var(--u)*22);font-size:calc(var(--u)*9.5);font-weight:700}
.ref-detail-curriculum-grade .cg-stage b{width:100%;text-align:center;background:#fff;border-radius:calc(var(--u)*20);padding:calc(var(--u)*5);font-size:calc(var(--u)*9.5);color:var(--title)}
.ref-detail-curriculum-grade .cg-stage small{font-size:calc(var(--u)*9);color:#33415c;margin-top:calc(var(--u)*2)}
.ref-detail-curriculum-grade .cg-crumb{display:flex;align-items:center;gap:calc(var(--u)*3);font-size:calc(var(--u)*10.5);color:var(--blue);font-weight:600}
.ref-detail-curriculum-grade .cg-ltabs{margin:calc(var(--u)*10) 0;max-width:calc(var(--u)*330)}
.ref-detail-curriculum-grade .cg-ltabs .da-tab{font-size:calc(var(--u)*9);padding:calc(var(--u)*6)}
.ref-detail-curriculum-grade .cg-cta{display:flex;align-items:center;justify-content:center;color:#fff}
.ref-detail-curriculum-grade .cg-cta .da-pbox::after{content:"";position:absolute;inset:0;background:rgba(18,52,120,.78)}
.ref-detail-curriculum-grade .cg-cta .da-h2{color:#fff;font-size:calc(var(--u)*19)}
.ref-detail-curriculum-grade .cg-cta p{font-size:calc(var(--u)*10.5);color:#dbe6f8;margin:calc(var(--u)*6) 0 calc(var(--u)*12)}
@media (max-width:700px){
.ref-detail-curriculum-grade .cg-lec,.ref-detail-curriculum-grade .cg-roadbody,.ref-detail-curriculum-grade .cg-two{grid-template-columns:1fr}
.ref-detail-curriculum-grade .cg-road .da-in{max-width:none!important}
.ref-detail-curriculum-grade .cg-step{grid-template-columns:minmax(0,1fr)}
.ref-detail-curriculum-grade .cg-sn{flex-direction:row;gap:8px;justify-content:center;padding:10px}
.ref-detail-curriculum-grade .cg-sb>.da-row{flex-direction:column;gap:12px}
.ref-detail-curriculum-grade .cg-grades{flex-wrap:wrap}
.ref-detail-curriculum-grade .cg-grades span{flex:0 0 30%}
.ref-detail-curriculum-grade .cg-stages{grid-template-columns:1fr}
.ref-detail-curriculum-grade .cg-stages .da-arrow{transform:rotate(90deg)}
.ref-detail-curriculum-grade .cg-under li{grid-template-columns:22px 1fr 1fr 60px}
.ref-detail-curriculum-grade .cg-motto{display:none}
}

/* ---- detail-solution-analysis (reference width 724px) ---- */
.ref-detail-solution-analysis{--u:calc(100cqw/724)}

.ref-detail-solution-analysis .sa-date{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*13);color:#1d2e55;margin-top:calc(var(--u)*14)}
.ref-detail-solution-analysis .sa-date .da-svg{color:#1d2e55;font-size:1.2em}
.ref-detail-solution-analysis .sa-strong{font-size:calc(var(--u)*13);line-height:1.5;color:#1d2e55;margin-top:calc(var(--u)*16)}
.ref-detail-solution-analysis .sa-strong b{font-weight:800}
.ref-detail-solution-analysis .sa-tab{height:calc(var(--u)*350);border-radius:calc(var(--u)*18);padding:calc(var(--u)*9)}
.ref-detail-solution-analysis .sa-scr{display:flex;flex-direction:column;background:#f8fbff}
.ref-detail-solution-analysis .sa-top{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*9) calc(var(--u)*12);background:#fff;border-bottom:1px solid var(--line)}
.ref-detail-solution-analysis .sa-top>b{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*11.5);color:var(--title)}
.ref-detail-solution-analysis .sa-top>b .da-svg{color:var(--blue)}
.ref-detail-solution-analysis .sa-top .da-chip{font-size:calc(var(--u)*7.5)}
.ref-detail-solution-analysis .sa-top .da-btn{font-size:calc(var(--u)*7.5);padding:calc(var(--u)*4) calc(var(--u)*8)}
.ref-detail-solution-analysis .sa-scr>.da-app{flex:1}
.ref-detail-solution-analysis .sa-side{background:#fff;padding:calc(var(--u)*10) calc(var(--u)*6)}
.ref-detail-solution-analysis .sa-side span{font-size:calc(var(--u)*7.8);padding:calc(var(--u)*6)}
.ref-detail-solution-analysis .sa-main{display:flex;flex-direction:column;gap:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*9)}
.ref-detail-solution-analysis .sa-main .da-tabs.line .da-tab{font-size:calc(var(--u)*8);padding:calc(var(--u)*5) calc(var(--u)*2)}
.ref-detail-solution-analysis .sa-h{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*9.5);color:var(--title)}
.ref-detail-solution-analysis .sa-h em{display:grid;place-items:center;width:calc(var(--u)*13);height:calc(var(--u)*13);border-radius:calc(var(--u)*3);background:var(--blue);color:#fff;font-style:normal;font-size:calc(var(--u)*8)}
.ref-detail-solution-analysis .sa-stat{background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*8)}
.ref-detail-solution-analysis .sa-stat small{display:block;font-size:calc(var(--u)*7.5);color:#33415c}
.ref-detail-solution-analysis .sa-stat>b{display:block;font-size:calc(var(--u)*12);font-weight:800;color:var(--title);margin-top:calc(var(--u)*3)}
.ref-detail-solution-analysis .sa-two{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*6)}
.ref-detail-solution-analysis .sa-bars{display:grid;gap:calc(var(--u)*6);margin-top:calc(var(--u)*6)}
.ref-detail-solution-analysis .sa-bars li{display:grid;grid-template-columns:calc(var(--u)*40) 1fr;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*7);color:#33415c}
.ref-detail-solution-analysis .sa-bars .da-bar{height:calc(var(--u)*7);border-radius:calc(var(--u)*2)}
.ref-detail-solution-analysis .sa-leg{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*4);margin-top:calc(var(--u)*5)}
.ref-detail-solution-analysis .sa-leg ul{display:grid;gap:calc(var(--u)*5);font-size:calc(var(--u)*7);color:#33415c}
.ref-detail-solution-analysis .sa-leg li{display:flex;align-items:center;gap:calc(var(--u)*4)}
.ref-detail-solution-analysis .sa-leg i{width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%}
.ref-detail-solution-analysis .sa-card{padding:calc(var(--u)*12) calc(var(--u)*14);border:0;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.06)}
.ref-detail-solution-analysis .sa-card .da-ic{--s:calc(var(--u)*32);background:#eaf2ff}
.ref-detail-solution-analysis .sa-card small{display:block;font-size:calc(var(--u)*8.5);color:var(--blue)}
.ref-detail-solution-analysis .sa-card .da-h4{font-size:calc(var(--u)*12.5)}
.ref-detail-solution-analysis .sa-k{font-size:calc(var(--u)*9.5);font-weight:700;color:#1d2e55;margin-top:calc(var(--u)*9)}
.ref-detail-solution-analysis .sa-d{font-size:calc(var(--u)*8.8);color:#56647c;margin-top:calc(var(--u)*2)}
.ref-detail-solution-analysis .sa-an+.sa-an{border-top:1px solid var(--line)}
.ref-detail-solution-analysis .sa-q{font-size:calc(var(--u)*16);line-height:1.4;color:#1d2e55;margin-top:calc(var(--u)*6)}
.ref-detail-solution-analysis .sa-area{display:grid;grid-template-columns:0.42fr 1fr;padding:calc(var(--u)*9);gap:calc(var(--u)*10);min-height:calc(var(--u)*236)}
.ref-detail-solution-analysis .sa-areas{display:grid;align-content:start;gap:calc(var(--u)*5);padding-right:calc(var(--u)*10);border-right:1px solid var(--line)}
.ref-detail-solution-analysis .sa-areas li{background:#eef4fd;border-radius:calc(var(--u)*5);padding:calc(var(--u)*7) calc(var(--u)*10);font-size:calc(var(--u)*9.5);color:#33415c}
.ref-detail-solution-analysis .sa-areas li.on{background:var(--blue);color:#fff}
.ref-detail-solution-analysis .sa-solved{padding:calc(var(--u)*4) calc(var(--u)*10)}
.ref-detail-solution-analysis .sa-ok{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*12);color:var(--title)}
.ref-detail-solution-analysis .sa-ok .da-ic{--s:calc(var(--u)*22)}
.ref-detail-solution-analysis .sa-solved>.da-h4{display:block;margin:calc(var(--u)*8) 0 0 0;font-size:calc(var(--u)*11.5)}
.ref-detail-solution-analysis .sa-solved p{font-size:calc(var(--u)*9);color:#4a5872;line-height:1.6;margin-top:calc(var(--u)*2)}
.ref-detail-solution-analysis .sa-col{display:flex;justify-content:space-around;align-items:flex-end;height:calc(var(--u)*110);margin-top:calc(var(--u)*10);border-top:1px solid #edf1f6;background:repeating-linear-gradient(180deg,transparent 0 calc(var(--u)*27),#f0f3f8 calc(var(--u)*27) calc(var(--u)*28))}
.ref-detail-solution-analysis .sa-col span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:16%}
.ref-detail-solution-analysis .sa-col i{width:60%;background:linear-gradient(180deg,#4f97f7,#2f74f5);border-radius:calc(var(--u)*2) calc(var(--u)*2) 0 0}
.ref-detail-solution-analysis .sa-col small{font-size:calc(var(--u)*8.5);color:#4a5872;margin-top:calc(var(--u)*6);white-space:nowrap}
.ref-detail-solution-analysis .sa-err{display:grid;grid-template-columns:1fr auto;align-items:center;padding:calc(var(--u)*14) calc(var(--u)*20) calc(var(--u)*14) calc(var(--u)*26);gap:calc(var(--u)*20)}
.ref-detail-solution-analysis .sa-err ul{display:grid;gap:calc(var(--u)*9)}
.ref-detail-solution-analysis .sa-err li{display:grid;grid-template-columns:calc(var(--u)*14) 1fr calc(var(--u)*50);align-items:center;font-size:calc(var(--u)*10);color:#26355a}
.ref-detail-solution-analysis .sa-err i{width:calc(var(--u)*9);height:calc(var(--u)*9);border-radius:50%}
.ref-detail-solution-analysis .sa-err small{font-size:calc(var(--u)*9);color:#33415c}
.ref-detail-solution-analysis .sa-err .da-donut b{font-size:calc(var(--u)*10);font-weight:800}
.ref-detail-solution-analysis .sa-tbl td .da-btn{padding:calc(var(--u)*3) calc(var(--u)*9);font-size:calc(var(--u)*8);border-radius:calc(var(--u)*3)}
.ref-detail-solution-analysis .sa-order{font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-solution-analysis .sa-rev{display:grid;gap:calc(var(--u)*7);margin-top:calc(var(--u)*9)}
.ref-detail-solution-analysis .sa-rev li{display:grid;grid-template-columns:calc(var(--u)*20) 1fr 1fr auto;align-items:center;gap:calc(var(--u)*8);border:1px solid var(--line);border-radius:calc(var(--u)*7);padding:calc(var(--u)*7) calc(var(--u)*12)}
.ref-detail-solution-analysis .sa-rev em{display:grid;place-items:center;width:calc(var(--u)*16);height:calc(var(--u)*16);border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:calc(var(--u)*8.5)}
.ref-detail-solution-analysis .sa-rev b{font-size:calc(var(--u)*10.5);color:var(--title)}
.ref-detail-solution-analysis .sa-rev small{font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-solution-analysis .sa-rev .da-btn{font-size:calc(var(--u)*8.5)}
.ref-detail-solution-analysis .sa-path{display:grid;grid-template-columns:1fr calc(var(--u)*18) 1fr calc(var(--u)*18) 1fr;align-items:center;gap:calc(var(--u)*4);margin-top:calc(var(--u)*10)}
.ref-detail-solution-analysis .sa-path>div{display:flex;flex-direction:column;align-items:center;background:#eef5ff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*12) calc(var(--u)*6);font-size:calc(var(--u)*9);color:#4a5872}
.ref-detail-solution-analysis .sa-path>div>.da-svg{font-size:calc(var(--u)*20);color:var(--blue)}
.ref-detail-solution-analysis .sa-path b{font-size:calc(var(--u)*11);color:var(--title);margin:calc(var(--u)*8) 0 calc(var(--u)*3)}
.ref-detail-solution-analysis .sa-path .da-arrow{font-size:calc(var(--u)*12)}
.ref-detail-solution-analysis .sa-next .da-pbox::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,246,255,.96) 0%,rgba(240,246,255,.7) 40%,rgba(240,246,255,.15) 100%),linear-gradient(0deg,rgba(255,255,255,0) 60%,rgba(240,246,255,.6))}
.ref-detail-solution-analysis .sa-today{padding:calc(var(--u)*9);border-radius:calc(var(--u)*11)}
.ref-detail-solution-analysis .sa-tin{border:1px solid var(--line);border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*14)}
.ref-detail-solution-analysis .sa-trow{display:grid;grid-template-columns:1fr 1.2fr 1.2fr calc(var(--u)*14);gap:calc(var(--u)*10);align-items:center;margin-top:calc(var(--u)*10)}
.ref-detail-solution-analysis .sa-graph{background:#eaf3ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*6);width:100%}
.ref-detail-solution-analysis .sa-trow a{display:flex;align-items:center;gap:calc(var(--u)*8);background:#f1f6fd;border-radius:calc(var(--u)*7);padding:calc(var(--u)*12) calc(var(--u)*10);text-decoration:none}
.ref-detail-solution-analysis .sa-trow a>.da-svg{font-size:calc(var(--u)*22);color:var(--blue)}
.ref-detail-solution-analysis .sa-trow a b{display:block;font-size:calc(var(--u)*10);color:var(--title)}
.ref-detail-solution-analysis .sa-trow a small{font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-solution-analysis .sa-more{color:var(--blue);font-size:calc(var(--u)*14)}
@media (max-width:700px){
.ref-detail-solution-analysis .sa-tab{height:auto}
.ref-detail-solution-analysis .sa-bars li,.ref-detail-solution-analysis .sa-leg ul{font-size:12px}
.ref-detail-solution-analysis .sa-two,.ref-detail-solution-analysis .sa-area,.ref-detail-solution-analysis .sa-err,.ref-detail-solution-analysis .sa-trow{grid-template-columns:1fr}
.ref-detail-solution-analysis .sa-areas{border-right:0;padding-right:0;grid-template-columns:repeat(3,1fr)}
.ref-detail-solution-analysis .sa-rev li{grid-template-columns:24px 1fr;}
.ref-detail-solution-analysis .sa-rev small,.ref-detail-solution-analysis .sa-rev .da-btn{grid-column:2}
.ref-detail-solution-analysis .sa-path{grid-template-columns:1fr}
.ref-detail-solution-analysis .sa-path .da-arrow{transform:rotate(90deg)}
.ref-detail-solution-analysis .sa-err .da-donut{justify-self:center}
}

/* ---- detail-curriculum-crash (reference width 768px) ---- */
.ref-detail-curriculum-crash{--u:calc(100cqw/768)}

.ref-detail-curriculum-crash .cr-badge{background:rgba(255,255,255,.94);border-radius:calc(var(--u)*9);padding:calc(var(--u)*9) calc(var(--u)*14);margin-top:calc(var(--u)*16);box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(28,72,150,.10);width:calc(var(--u)*255)}
.ref-detail-curriculum-crash .cr-badge .da-logo{font-size:calc(var(--u)*30)}
.ref-detail-curriculum-crash .cr-badge .da-logo small{font-size:calc(var(--u)*8);font-weight:500;color:#56647c}
.ref-detail-curriculum-crash .cr-badge .da-logo small b{font-size:calc(var(--u)*13.5);color:var(--title)}
.ref-detail-curriculum-crash .cr-badge p{font-size:calc(var(--u)*9);color:#33415c;margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-motto{position:absolute;right:calc(var(--u)*56);top:calc(var(--u)*36);z-index:2;font-size:calc(var(--u)*14);line-height:1.35;color:#3d4c66;text-shadow:0 0 calc(var(--u)*8) rgba(255,255,255,.8)}
.ref-detail-curriculum-crash .cr-dashwrap{position:relative;z-index:3;padding:calc(var(--u)*8) calc(var(--u)*30) calc(var(--u)*14);background:linear-gradient(180deg,#f2f8ff,#f6faff)}
.ref-detail-curriculum-crash .cr-dash{display:grid;grid-template-columns:calc(var(--u)*115) 1fr;background:#0f2b5e;border-radius:calc(var(--u)*10);overflow:hidden;min-height:calc(var(--u)*280);box-shadow:0 calc(var(--u)*14) calc(var(--u)*30) rgba(15,43,94,.22)}
.ref-detail-curriculum-crash .cr-side{padding:calc(var(--u)*12) calc(var(--u)*9);gap:calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-side .da-sh{font-size:calc(var(--u)*11);gap:calc(var(--u)*6);padding-bottom:calc(var(--u)*12)}
.ref-detail-curriculum-crash .cr-side span{font-size:calc(var(--u)*9);padding:calc(var(--u)*6) calc(var(--u)*8)}
.ref-detail-curriculum-crash .cr-main{display:grid;grid-template-columns:1.48fr 1fr;background:#fff;margin:calc(var(--u)*8) calc(var(--u)*8) calc(var(--u)*8) 0;border-radius:calc(var(--u)*8);overflow:hidden}
.ref-detail-curriculum-crash .cr-form{padding:calc(var(--u)*16) calc(var(--u)*18);display:flex;flex-direction:column;gap:calc(var(--u)*10)}
.ref-detail-curriculum-crash .cr-stepper{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f5fb;border-radius:calc(var(--u)*6);overflow:hidden}
.ref-detail-curriculum-crash .cr-stepper li{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*10);font-size:calc(var(--u)*9);color:#56647c;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}
.ref-detail-curriculum-crash .cr-stepper li.on{color:var(--blue);font-weight:700}
.ref-detail-curriculum-crash .cr-stepper .da-svg{color:#fff;background:#5b6b85;border-radius:50%;font-size:calc(var(--u)*14)}
.ref-detail-curriculum-crash .cr-stepper em{display:grid;place-items:center;width:calc(var(--u)*15);height:calc(var(--u)*15);border-radius:50%;background:#d6deea;font-style:normal;font-size:calc(var(--u)*8.5);color:#33415c}
.ref-detail-curriculum-crash .cr-stepper li.on em{background:var(--blue);color:#fff}
.ref-detail-curriculum-crash .cr-lab{font-size:calc(var(--u)*12);color:var(--title);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-times{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*7)}
.ref-detail-curriculum-crash .cr-times span{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*5);border:1px solid #d7e1ee;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*2);font-size:calc(var(--u)*9.5);color:#33415c;background:#fff;white-space:nowrap}
.ref-detail-curriculum-crash .cr-times span.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.ref-detail-curriculum-crash .cr-next{margin-top:calc(var(--u)*14);padding:calc(var(--u)*10)}
.ref-detail-curriculum-crash .cr-art{position:relative;background:linear-gradient(160deg,#e5efff,#f3f8ff);display:flex;align-items:center;padding:calc(var(--u)*10)}
.ref-detail-curriculum-crash .cr-art svg{position:absolute;right:calc(var(--u)*6);top:calc(var(--u)*8);width:70%}
.ref-detail-curriculum-crash .cr-art b{position:relative;font-size:calc(var(--u)*13);color:var(--title);line-height:1.4;margin-top:calc(var(--u)*40)}
.ref-detail-curriculum-crash .cr-strip{display:grid;grid-template-columns:calc(var(--u)*436) 1fr calc(var(--u)*82);align-items:center;min-height:calc(var(--u)*166);background:linear-gradient(90deg,#f4f9ff,#fbfdff)}
.ref-detail-curriculum-crash .cr-feat{display:grid;grid-template-columns:repeat(3,1fr);background:#e6f1ff;border-radius:0 calc(var(--u)*10) calc(var(--u)*10) 0;padding:calc(var(--u)*20) calc(var(--u)*14);margin:calc(var(--u)*10) 0}
.ref-detail-curriculum-crash .cr-feat>div{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*10);text-align:center}
.ref-detail-curriculum-crash .cr-feat>div+div{border-left:1px solid #cfe0f6}
.ref-detail-curriculum-crash .cr-feat .da-ic{--s:calc(var(--u)*46);font-size:calc(var(--u)*22)}
.ref-detail-curriculum-crash .cr-feat p{font-size:calc(var(--u)*10);font-weight:600;color:#1d2e55;line-height:1.5}
.ref-detail-curriculum-crash .cr-lack{font-size:calc(var(--u)*10.5);color:#33415c;line-height:1.7;padding-left:calc(var(--u)*24)}
.ref-detail-curriculum-crash .cr-lack b{color:var(--title);font-size:calc(var(--u)*11.5)}
.ref-detail-curriculum-crash .cr-books{display:flex;flex-direction:column;gap:calc(var(--u)*2)}
.ref-detail-curriculum-crash .cr-books span{position:relative;display:flex;align-items:center;justify-content:center;height:calc(var(--u)*24);border-radius:calc(var(--u)*4) 0 0 calc(var(--u)*4);font-size:calc(var(--u)*10.5);font-weight:700;color:#24324d;box-shadow:inset 0 calc(var(--u)*-2) 0 rgba(0,0,0,.06),0 calc(var(--u)*2) calc(var(--u)*4) rgba(0,0,0,.06)}
.ref-detail-curriculum-crash .cr-books i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--u)*10);border-radius:calc(var(--u)*4) 0 0 calc(var(--u)*4)}
.ref-detail-curriculum-crash .cr-card{padding:calc(var(--u)*12) calc(var(--u)*14);min-height:calc(var(--u)*186)}
.ref-detail-curriculum-crash .cr-card small{font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-curriculum-crash .cr-card .da-row{margin-top:calc(var(--u)*6);align-items:flex-start}
.ref-detail-curriculum-crash .cr-card .da-ic{--s:calc(var(--u)*56);font-size:calc(var(--u)*26)}
.ref-detail-curriculum-crash .cr-card .da-h4{font-size:calc(var(--u)*12.5);margin-top:calc(var(--u)*8)}
.ref-detail-curriculum-crash .cr-k{font-size:calc(var(--u)*9.5);color:#26355a;margin-top:calc(var(--u)*12)}
.ref-detail-curriculum-crash .cr-card p:last-child{font-size:calc(var(--u)*9.5);color:#4a5872;margin-top:calc(var(--u)*3);line-height:1.6}
.ref-detail-curriculum-crash .cr-step{font-size:calc(var(--u)*12);font-weight:800;color:var(--blue);margin-bottom:calc(var(--u)*4)}
.ref-detail-curriculum-crash .cr-big{font-size:calc(var(--u)*15);line-height:1.45;color:#1d2e55;margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-tray{position:relative;background:linear-gradient(135deg,#dbeaff,#eef5ff);border-radius:calc(var(--u)*10);padding:calc(var(--u)*16) calc(var(--u)*26)}
.ref-detail-curriculum-crash .cr-time{padding:calc(var(--u)*14) calc(var(--u)*16);border:0}
.ref-detail-curriculum-crash .cr-time p{font-size:calc(var(--u)*8.5);color:#33415c;margin-top:calc(var(--u)*10);line-height:1.6}
.ref-detail-curriculum-crash .cr-clock{position:absolute;right:calc(var(--u)*14);top:calc(var(--u)*12);--s:calc(var(--u)*38);font-size:calc(var(--u)*26)}
.ref-detail-curriculum-crash .cr-scope{padding:calc(var(--u)*9)}
.ref-detail-curriculum-crash .cr-scope>.da-card{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(var(--u)*12);border:0}
.ref-detail-curriculum-crash .cr-subj .da-tab{font-size:calc(var(--u)*9);padding:calc(var(--u)*5)}
.ref-detail-curriculum-crash .cr-units{border:1px solid var(--line);border-radius:calc(var(--u)*6);margin-top:calc(var(--u)*8)}
.ref-detail-curriculum-crash .cr-units li{display:grid;grid-template-columns:calc(var(--u)*16) 1fr auto;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*5) calc(var(--u)*9);font-size:calc(var(--u)*9.5);color:#26355a}
.ref-detail-curriculum-crash .cr-units li+li{border-top:1px solid var(--line)}
.ref-detail-curriculum-crash .cr-units i{display:grid;place-items:center;width:calc(var(--u)*12);height:calc(var(--u)*12);border:1.5px solid #aab6c8;border-radius:calc(var(--u)*3);color:#fff;font-size:calc(var(--u)*9)}
.ref-detail-curriculum-crash .cr-units li.on i{background:var(--blue);border-color:var(--blue)}
.ref-detail-curriculum-crash .cr-units small{font-size:calc(var(--u)*8);color:#6b7891}
.ref-detail-curriculum-crash .cr-picked{display:flex;flex-direction:column;gap:calc(var(--u)*12)}
.ref-detail-curriculum-crash .cr-pbox{background:#eef4fd;border-radius:calc(var(--u)*7);padding:calc(var(--u)*10)}
.ref-detail-curriculum-crash .cr-pbox b{display:block;font-size:calc(var(--u)*10.5);color:var(--title)}
.ref-detail-curriculum-crash .cr-pbox small{font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-curriculum-crash .cr-pbox ul{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*10);margin-top:calc(var(--u)*8);display:grid;gap:calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-pbox li{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--u)*9.5);color:#26355a}
.ref-detail-curriculum-crash .cr-prio b{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*10.5);color:var(--title)}
.ref-detail-curriculum-crash .cr-prio .da-ic{--s:calc(var(--u)*15)}
.ref-detail-curriculum-crash .cr-prio small{display:block;font-size:calc(var(--u)*8.5);color:#56647c;margin:calc(var(--u)*3) 0 0 calc(var(--u)*21)}
.ref-detail-curriculum-crash .cr-rule{position:relative;height:1px;background:var(--line);margin:0 0 calc(var(--u)*14)}
.ref-detail-curriculum-crash .cr-pri{padding:calc(var(--u)*10) calc(var(--u)*12)}
.ref-detail-curriculum-crash .cr-pri ol{display:grid;gap:calc(var(--u)*5);margin-top:calc(var(--u)*8)}
.ref-detail-curriculum-crash .cr-pri li{display:grid;grid-template-columns:calc(var(--u)*18) 1.5fr 0.75fr calc(var(--u)*26) auto;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*8.6);color:#26355a;padding:calc(var(--u)*3) 0}
.ref-detail-curriculum-crash .cr-pri em{display:grid;place-items:center;width:calc(var(--u)*16);height:calc(var(--u)*16);border-radius:calc(var(--u)*4);background:#eef3fa;font-style:normal;font-weight:700}
.ref-detail-curriculum-crash .cr-pri b{font-size:calc(var(--u)*8.8)}
.ref-detail-curriculum-crash .cr-pri small{font-size:calc(var(--u)*7.5);color:#6b7891}
.ref-detail-curriculum-crash .cr-pri small.hi{color:#e5414b}
.ref-detail-curriculum-crash .cr-pri .da-btn{font-size:calc(var(--u)*7.5);padding:calc(var(--u)*4) calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-quiz{padding:calc(var(--u)*9) calc(var(--u)*10)}
.ref-detail-curriculum-crash .cr-qt .da-tab{font-size:calc(var(--u)*7.5);padding:calc(var(--u)*4) calc(var(--u)*2)}
.ref-detail-curriculum-crash .cr-q{font-size:calc(var(--u)*8.8);font-weight:700;color:var(--title);margin-top:calc(var(--u)*8);line-height:1.5}
.ref-detail-curriculum-crash .cr-qb{display:grid;grid-template-columns:1.3fr 1fr;gap:calc(var(--u)*6);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-crash .cr-qb ol{display:grid;gap:calc(var(--u)*5);font-size:calc(var(--u)*8.8);color:#33415c}
.ref-detail-curriculum-crash .cr-prog{border-left:1px solid var(--line);padding-left:calc(var(--u)*8)}
.ref-detail-curriculum-crash .cr-prog small{font-size:calc(var(--u)*7.8);color:#33415c}
.ref-detail-curriculum-crash .cr-prog b{display:block;font-size:calc(var(--u)*10);color:var(--title);margin:calc(var(--u)*4) 0}
.ref-detail-curriculum-crash .cr-prog span{display:flex;gap:calc(var(--u)*2)}
.ref-detail-curriculum-crash .cr-prog i{flex:1;height:calc(var(--u)*4);border-radius:calc(var(--u)*3);background:#d8dee8}
.ref-detail-curriculum-crash .cr-prog i:first-child{background:var(--blue)}
.ref-detail-curriculum-crash .cr-chk{font-size:calc(var(--u)*8);color:#33415c;text-align:right;margin-top:calc(var(--u)*6);line-height:1.55}
.ref-detail-curriculum-crash .cr-cta{background:linear-gradient(90deg,#1b3d72,#123a73);color:#fff;display:flex;align-items:center}
.ref-detail-curriculum-crash .cr-cta .da-pbox::after{background:linear-gradient(270deg,#123a73 0%,rgba(18,58,115,.55) 50%,rgba(18,58,115,.35) 100%)}
.ref-detail-curriculum-crash .cr-cta-in{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:calc(var(--u)*20);width:100%;padding-left:calc(var(--u)*144)}
.ref-detail-curriculum-crash .cr-cta .da-h2{color:#fff;font-size:calc(var(--u)*19)}
.ref-detail-curriculum-crash .cr-cta p{font-size:calc(var(--u)*8.5);color:#d7e3f7;margin-top:calc(var(--u)*8)}
.ref-detail-curriculum-crash .cr-cta ul{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.ref-detail-curriculum-crash .cr-cta li{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*9);color:#e6eefb;line-height:1.5}
.ref-detail-curriculum-crash .cr-cta li+li{border-left:1px solid rgba(255,255,255,.18)}
.ref-detail-curriculum-crash .cr-cta .da-ic{--s:calc(var(--u)*50);background:#1e5bbf;color:#fff;font-size:calc(var(--u)*24)}
@media (max-width:700px){
.ref-detail-curriculum-crash .cr-motto{display:none}
.ref-detail-curriculum-crash .cr-badge{width:auto}
.ref-detail-curriculum-crash .cr-dashwrap{padding:0 14px 24px}
.ref-detail-curriculum-crash .cr-dash,.ref-detail-curriculum-crash .cr-main{grid-template-columns:1fr}
.ref-detail-curriculum-crash .cr-main{margin:0 8px 8px}
.ref-detail-curriculum-crash .cr-side{flex-direction:row;flex-wrap:wrap}
.ref-detail-curriculum-crash .cr-art{min-height:200px}
.ref-detail-curriculum-crash .cr-times{grid-template-columns:repeat(2,1fr)}
.ref-detail-curriculum-crash .cr-strip{grid-template-columns:1fr;gap:18px;padding:0 0 24px}
.ref-detail-curriculum-crash .cr-feat{border-radius:0}
.ref-detail-curriculum-crash .cr-lack{padding:0 18px}
.ref-detail-curriculum-crash .cr-books{flex-direction:row;padding:0 18px}
.ref-detail-curriculum-crash .cr-books span{flex:1;border-radius:4px}
.ref-detail-curriculum-crash .cr-scope>.da-card,.ref-detail-curriculum-crash .cr-qb{grid-template-columns:1fr}
.ref-detail-curriculum-crash .cr-pri li{grid-template-columns:22px 1fr auto;row-gap:2px}
.ref-detail-curriculum-crash .cr-pri li small{grid-column:2}
.ref-detail-curriculum-crash .cr-cta{flex-direction:column;align-items:stretch;padding-bottom:28px}
.ref-detail-curriculum-crash .cr-cta .da-pbox{margin:0 -18px 18px}
.ref-detail-curriculum-crash .cr-cta-in{grid-template-columns:1fr;padding:0}
}

/* ---- detail-stories-recommendations (reference width 736px) ---- */
.ref-detail-stories-recommendations{--u:calc(100cqw/736)}

.ref-detail-stories-recommendations .rc-small{font-size:calc(var(--u)*12.5);line-height:1.6;color:#33415c;margin-top:calc(var(--u)*18)}
.ref-detail-stories-recommendations .rc-photo{position:relative;height:calc(var(--u)*148);border-radius:calc(var(--u)*10);overflow:hidden;margin:0 calc(var(--u)*10) 0 0}
.ref-detail-stories-recommendations .rc-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(225,238,253,.95) 0%,rgba(225,238,253,.4) 45%,rgba(225,238,253,0) 70%)}
.ref-detail-stories-recommendations .rc-photo figcaption{position:absolute;left:calc(var(--u)*38);top:calc(var(--u)*36);z-index:2;font-size:calc(var(--u)*13);line-height:1.55;color:#1d2e55}
.ref-detail-stories-recommendations .rc-box{background:#eef6ff;border-radius:calc(var(--u)*12);padding:calc(var(--u)*22) calc(var(--u)*18) calc(var(--u)*16);margin:0 0}
.ref-detail-stories-recommendations .rc-tabs{margin-top:calc(var(--u)*20);--g:calc(var(--u)*12)}
.ref-detail-stories-recommendations .rc-tabs span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6);background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12);font-size:calc(var(--u)*12.5);font-weight:700;color:#33415c;border:2px solid transparent}
.ref-detail-stories-recommendations .rc-tabs span.on{border-color:var(--blue);color:var(--blue)}
.ref-detail-stories-recommendations .rc-tabs .da-ic{--s:calc(var(--u)*34);font-size:calc(var(--u)*34);color:#4b5b78}
.ref-detail-stories-recommendations .rc-tabs span.on .da-ic{color:var(--blue)}
.ref-detail-stories-recommendations .rc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:calc(var(--u)*8);margin-top:calc(var(--u)*14);padding:calc(var(--u)*22) calc(var(--u)*20) calc(var(--u)*26)}
.ref-detail-stories-recommendations .rc-empty svg{width:calc(var(--u)*76)}
.ref-detail-stories-recommendations .rc-empty b{font-size:calc(var(--u)*12.5);color:var(--title);margin-top:calc(var(--u)*10)}
.ref-detail-stories-recommendations .rc-empty p{font-size:calc(var(--u)*10);color:#4a5872;margin-top:calc(var(--u)*6);line-height:1.6}
.ref-detail-stories-recommendations .rc-how{background:#eaf4ff;border-radius:calc(var(--u)*12);padding:calc(var(--u)*22) calc(var(--u)*18) calc(var(--u)*20)}
.ref-detail-stories-recommendations .rc-info{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;background:#fff;border-radius:calc(var(--u)*8);margin-top:calc(var(--u)*16);padding:calc(var(--u)*16) calc(var(--u)*14)}
.ref-detail-stories-recommendations .rc-info>div{padding:0 calc(var(--u)*14)}
.ref-detail-stories-recommendations .rc-info>div+div{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center}
.ref-detail-stories-recommendations .rc-info b{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*11.5);color:var(--title)}
.ref-detail-stories-recommendations .rc-info b .da-svg{font-size:calc(var(--u)*20);color:#5b6b85}
.ref-detail-stories-recommendations .rc-info small{display:block;font-size:calc(var(--u)*9);color:#4a5872;margin-top:calc(var(--u)*8)}
.ref-detail-stories-recommendations .rc-chips{display:flex;gap:calc(var(--u)*3);margin-top:calc(var(--u)*5)}
.ref-detail-stories-recommendations .rc-chips i{font-style:normal;font-size:calc(var(--u)*7.5);border:1px solid #d7e1ee;border-radius:calc(var(--u)*5);padding:calc(var(--u)*3) calc(var(--u)*6);color:#33415c}
.ref-detail-stories-recommendations .rc-chips i.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.ref-detail-stories-recommendations .rc-trust{margin-top:calc(var(--u)*24)}
.ref-detail-stories-recommendations .rc-trust article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 calc(var(--u)*8)}
.ref-detail-stories-recommendations .rc-trust article+article{border-left:1px solid var(--line)}
.ref-detail-stories-recommendations .rc-trust .da-ic{--s:calc(var(--u)*70);font-size:calc(var(--u)*40);background:#e8f1fd;color:#1e3f7a}
.ref-detail-stories-recommendations .rc-trust h3{font-size:calc(var(--u)*14);margin-top:calc(var(--u)*14)}
.ref-detail-stories-recommendations .rc-trust p{font-size:calc(var(--u)*10);color:#4a5872;margin-top:calc(var(--u)*6);line-height:1.6}
.ref-detail-stories-recommendations .rc-hero2{background:#f3f7fc}
.ref-detail-stories-recommendations .rc-story{border:1px solid var(--line);border-radius:calc(var(--u)*8);overflow:hidden;background:#fff}
.ref-detail-stories-recommendations .rc-sp{position:relative;height:calc(var(--u)*128)}
.ref-detail-stories-recommendations .rc-sb{position:relative;padding:calc(var(--u)*12) calc(var(--u)*14) calc(var(--u)*14)}
.ref-detail-stories-recommendations .rc-sb small{font-size:calc(var(--u)*9);color:var(--blue)}
.ref-detail-stories-recommendations .rc-sb .da-h4{font-size:calc(var(--u)*13.5);margin-top:calc(var(--u)*4)}
.ref-detail-stories-recommendations .rc-k{font-size:calc(var(--u)*11.2);color:#1d2e55;margin-top:calc(var(--u)*4)}
.ref-detail-stories-recommendations .rc-d{font-size:calc(var(--u)*9.6);color:#6a7790;margin-top:calc(var(--u)*8);line-height:1.6;padding-right:calc(var(--u)*30)}
.ref-detail-stories-recommendations .rc-go{position:absolute;right:calc(var(--u)*14);bottom:calc(var(--u)*16);display:grid;place-items:center;width:calc(var(--u)*25);height:calc(var(--u)*25);border-radius:50%;border:1.5px solid var(--blue);color:var(--blue);font-size:calc(var(--u)*11)}
.ref-detail-stories-recommendations .rc-cta{position:relative;display:grid;grid-template-columns:1.4fr 1.3fr 0.9fr;align-items:center;gap:calc(var(--u)*16);background:#eaf3ff;border-radius:calc(var(--u)*10);margin-top:calc(var(--u)*16);min-height:calc(var(--u)*74);overflow:hidden;padding-right:calc(var(--u)*20)}
.ref-detail-stories-recommendations .rc-cta-ph{position:relative;align-self:stretch}
.ref-detail-stories-recommendations .rc-cta-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#eaf3ff 0%,rgba(234,243,255,0) 60%)}
.ref-detail-stories-recommendations .rc-cta p{font-size:calc(var(--u)*14);font-weight:800;color:var(--title);line-height:1.45}
.ref-detail-stories-recommendations .rc-cta .da-btn{padding:calc(var(--u)*10) calc(var(--u)*30)}
@media (max-width:700px){
.ref-detail-stories-recommendations .rc-photo{height:200px;margin:0}
.ref-detail-stories-recommendations .rc-tabs{grid-template-columns:repeat(2,1fr)}
.ref-detail-stories-recommendations .rc-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ref-detail-stories-recommendations .rc-chips{flex-wrap:wrap}
.ref-detail-stories-recommendations .rc-info>div+div{border-left:0}
.ref-detail-stories-recommendations .rc-trust article+article{border-left:0}
.ref-detail-stories-recommendations .rc-trust{row-gap:22px}
.ref-detail-stories-recommendations .rc-sp{height:200px}
.ref-detail-stories-recommendations .da-g3:has(.rc-story){grid-template-columns:1fr}
.ref-detail-stories-recommendations .rc-cta{grid-template-columns:1fr;padding:0 18px 20px;text-align:center}
.ref-detail-stories-recommendations .rc-cta-ph{height:120px;margin:0 -18px}
.ref-detail-stories-recommendations .rc-cta .da-btn{justify-self:center}
}

/* ---- detail-score-cause (reference width 744px) ---- */
.ref-detail-score-cause{--u:calc(100cqw/744)}

.ref-detail-score-cause .sc-bc{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-score-cause .sc-tab{height:calc(var(--u)*250);border-radius:calc(var(--u)*16)}
.ref-detail-score-cause .sc-scr{display:grid;grid-template-columns:0.62fr 1fr;background:#fff}
.ref-detail-score-cause .sc-toc{background:#eef4fd;padding:calc(var(--u)*10) calc(var(--u)*8)}
.ref-detail-score-cause .sc-toc>b{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*9);color:var(--title);padding-bottom:calc(var(--u)*6);border-bottom:1px solid #d9e3f1}
.ref-detail-score-cause .sc-toc ul{display:grid;gap:calc(var(--u)*3);margin-top:calc(var(--u)*6);font-size:calc(var(--u)*8);color:#33415c}
.ref-detail-score-cause .sc-toc li{padding:calc(var(--u)*4) calc(var(--u)*5);border-radius:calc(var(--u)*4)}
.ref-detail-score-cause .sc-toc li.b{font-weight:800;color:var(--title)}
.ref-detail-score-cause .sc-toc li.s{padding-left:calc(var(--u)*12)}
.ref-detail-score-cause .sc-toc li.on{background:#d6e6ff;color:var(--blue);font-weight:700}
.ref-detail-score-cause .sc-read{display:flex;flex-direction:column;gap:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*12)}
.ref-detail-score-cause .sc-read small{font-size:calc(var(--u)*7.5);color:#56647c}
.ref-detail-score-cause .sc-read>b{font-size:calc(var(--u)*14);color:var(--title)}
.ref-detail-score-cause .sc-read p{font-size:calc(var(--u)*7.8);color:#33415c;line-height:1.65}
.ref-detail-score-cause .sc-quote{background:#e8f1ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*9)}
.ref-detail-score-cause .sc-quote b{display:block;font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-score-cause .sc-quote small{display:block;margin-top:calc(var(--u)*4);font-size:calc(var(--u)*7)}
.ref-detail-score-cause .sc-pg{margin-top:auto;font-size:calc(var(--u)*8.5);color:#33415c}
.ref-detail-score-cause .sc-books{display:flex;flex-direction:column;gap:calc(var(--u)*3)}
.ref-detail-score-cause .sc-books span{display:flex;align-items:center;justify-content:center;height:calc(var(--u)*30);border-radius:calc(var(--u)*4) 0 0 calc(var(--u)*4);font-size:calc(var(--u)*11);font-weight:700;color:#24324d;background:linear-gradient(90deg,#d97a72 0 calc(var(--u)*10),#f3ede6 calc(var(--u)*10))}
.ref-detail-score-cause .sc-books span:nth-child(2){background:linear-gradient(90deg,#4f9a9a 0 calc(var(--u)*10),#e7efef calc(var(--u)*10))}
.ref-detail-score-cause .sc-books span:nth-child(3){background:linear-gradient(90deg,#b99a74 0 calc(var(--u)*10),#f0ebe4 calc(var(--u)*10))}
.ref-detail-score-cause .sc-card{position:relative;padding:calc(var(--u)*18) calc(var(--u)*16);min-height:calc(var(--u)*170);border:0}
.ref-detail-score-cause .sc-card .da-ic{position:absolute;right:calc(var(--u)*14);top:calc(var(--u)*12);--s:calc(var(--u)*64);font-size:calc(var(--u)*30);background:#dbe9ff}
.ref-detail-score-cause .sc-card small{font-size:calc(var(--u)*9);color:var(--blue)}
.ref-detail-score-cause .sc-card h2{font-size:calc(var(--u)*19);margin-top:calc(var(--u)*6)}
.ref-detail-score-cause .sc-k{font-size:calc(var(--u)*13);font-weight:600;color:#1d2e55;margin-top:calc(var(--u)*10)}
.ref-detail-score-cause .sc-d{font-size:calc(var(--u)*10);color:#4a5872;margin-top:calc(var(--u)*10);line-height:1.65}
.ref-detail-score-cause .sc-lab{font-size:calc(var(--u)*12);font-weight:700;color:var(--blue)}
.ref-detail-score-cause .sc-lab b{font-size:calc(var(--u)*18);font-weight:900}
.ref-detail-score-cause .sc-01{display:grid;grid-template-columns:0.95fr 0.95fr 0.88fr;align-items:start}
.ref-detail-score-cause .sc-passage{position:relative;background:#fff;border-radius:calc(var(--u)*10);padding:calc(var(--u)*14) calc(var(--u)*16);margin-top:calc(var(--u)*2)}
.ref-detail-score-cause .sc-passage p{font-size:calc(var(--u)*10.6);line-height:1.95;color:#26355a}
.ref-detail-score-cause .sc-passage mark{background:#dbe9ff;color:var(--title);font-weight:700;border-radius:calc(var(--u)*3);padding:0 calc(var(--u)*2)}
.ref-detail-score-cause .sc-link{position:absolute;right:calc(var(--u)*-6);top:46%;width:calc(var(--u)*40);border-top:1.5px solid var(--blue)}
.ref-detail-score-cause .sc-dict{margin:calc(var(--u)*-26) 0 0 calc(var(--u)*-6);padding:calc(var(--u)*14) calc(var(--u)*16);border-radius:calc(var(--u)*10)}
.ref-detail-score-cause .sc-word{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*17);color:var(--title);margin-bottom:calc(var(--u)*4)}
.ref-detail-score-cause .sc-word .da-svg{color:var(--blue)}
.ref-detail-score-cause .sc-dict ol{display:grid;gap:calc(var(--u)*10);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*9.5);color:#26355a}
.ref-detail-score-cause .sc-dict small{display:block;font-size:calc(var(--u)*8.5);color:#56647c;margin:calc(var(--u)*2) 0 0 calc(var(--u)*12)}
.ref-detail-score-cause .sc-more{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--u)*3);margin-top:calc(var(--u)*12);font-size:calc(var(--u)*9);font-weight:700;color:var(--blue);text-decoration:none}
.ref-detail-score-cause .sc-02{display:grid;grid-template-columns:0.55fr 1.45fr;gap:calc(var(--u)*6)}
.ref-detail-score-cause .sc-tiles{display:grid;grid-template-columns:1fr calc(var(--u)*18) 1fr calc(var(--u)*18) 1fr calc(var(--u)*18) 1fr;align-items:center;gap:calc(var(--u)*2);margin-left:calc(var(--u)*-40)}
.ref-detail-score-cause .sc-tile{display:flex;flex-direction:column;align-items:center;text-align:center;background:#eef5ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*14) calc(var(--u)*4);min-height:calc(var(--u)*126)}
.ref-detail-score-cause .sc-tile>span{font-size:calc(var(--u)*36)}
.ref-detail-score-cause .sc-tile>span .da-svg{stroke-width:2.4}
.ref-detail-score-cause .sc-tile b{font-size:calc(var(--u)*12);color:var(--title);margin-top:calc(var(--u)*8)}
.ref-detail-score-cause .sc-tile small{font-size:calc(var(--u)*8.3);color:#4a5872;margin-top:calc(var(--u)*5);line-height:1.5}
.ref-detail-score-cause .sc-three{display:grid;grid-template-columns:0.9fr 1fr 1fr;gap:calc(var(--u)*12);margin-top:calc(var(--u)*22)}
.ref-detail-score-cause .sc-c{padding:calc(var(--u)*12);min-height:calc(var(--u)*285)}
.ref-detail-score-cause .sc-ct{display:block;font-size:calc(var(--u)*10.5);color:var(--blue);font-weight:800}
.ref-detail-score-cause .sc-sel{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*11);font-weight:800;color:var(--title);margin:calc(var(--u)*14) 0 calc(var(--u)*10)}
.ref-detail-score-cause .sc-toc2{display:grid;gap:calc(var(--u)*3)}
.ref-detail-score-cause .sc-toc2 li{background:#f3f6fa;padding:calc(var(--u)*10) calc(var(--u)*9);font-size:calc(var(--u)*9.5);color:#33415c}
.ref-detail-score-cause .sc-toc2 li.on{background:#e3eeff;color:var(--blue);font-weight:700}
.ref-detail-score-cause .sc-kh{display:block;font-size:calc(var(--u)*12);color:var(--title);margin:calc(var(--u)*8) 0 calc(var(--u)*6)}
.ref-detail-score-cause .sc-kw{border:1px solid var(--line);border-radius:calc(var(--u)*6)}
.ref-detail-score-cause .sc-kw li{position:relative;padding:calc(var(--u)*5) calc(var(--u)*8) calc(var(--u)*5) calc(var(--u)*20);font-size:calc(var(--u)*9);color:#26355a}
.ref-detail-score-cause .sc-kw li+li{border-top:1px solid var(--line)}
.ref-detail-score-cause .sc-kw li::before{content:"";position:absolute;left:calc(var(--u)*8);top:calc(var(--u)*9);width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;background:#26355a}
.ref-detail-score-cause .sc-kw li.on::before{background:#fff;border:2px solid var(--blue);width:calc(var(--u)*5);height:calc(var(--u)*5)}
.ref-detail-score-cause .sc-kw li.on>b{color:var(--blue);font-size:calc(var(--u)*9.5)}
.ref-detail-score-cause .sc-kw li p{font-size:calc(var(--u)*8);color:#4a5872;margin-top:calc(var(--u)*3);line-height:1.55}
.ref-detail-score-cause .sc-q{font-size:calc(var(--u)*9.5);color:#26355a;margin-top:calc(var(--u)*16)}
.ref-detail-score-cause .sc-qs{display:grid;gap:calc(var(--u)*14);margin:calc(var(--u)*14) 0 calc(var(--u)*30);font-size:calc(var(--u)*10.5);color:#26355a}
.ref-detail-score-cause .sc-qs li{display:flex;align-items:center;justify-content:space-between}
.ref-detail-score-cause .sc-qs i{width:calc(var(--u)*52);height:calc(var(--u)*22);border:1px solid #d7e1ee;border-radius:calc(var(--u)*4);background:#f8fafc}
.ref-detail-score-cause .sc-panel{padding:calc(var(--u)*14)}
.ref-detail-score-cause .sc-top{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*16);padding-bottom:calc(var(--u)*14);border-bottom:1px solid var(--line)}
.ref-detail-score-cause .sc-under{display:grid;gap:calc(var(--u)*12);margin-top:calc(var(--u)*14)}
.ref-detail-score-cause .sc-under li{display:grid;grid-template-columns:calc(var(--u)*76) 1fr;align-items:center;font-size:calc(var(--u)*10.8);color:#26355a}
.ref-detail-score-cause .sc-under .da-bar{height:calc(var(--u)*10)}
.ref-detail-score-cause .sc-rec{background:#eef4fd;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12)}
.ref-detail-score-cause .sc-recin{background:#fff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*12) calc(var(--u)*14);margin-top:calc(var(--u)*10)}
.ref-detail-score-cause .sc-recin .da-ic{--s:calc(var(--u)*48);font-size:calc(var(--u)*22)}
.ref-detail-score-cause .sc-recin b{font-size:calc(var(--u)*12);color:var(--title)}
.ref-detail-score-cause .sc-recin p{font-size:calc(var(--u)*10.3);color:#33415c;margin:calc(var(--u)*10) 0;line-height:1.6}
.ref-detail-score-cause .sc-det{padding-top:calc(var(--u)*12)}
.ref-detail-score-cause .sc-det .da-table{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*10.5)}
.ref-detail-score-cause .sc-det .da-table td{padding:calc(var(--u)*8) calc(var(--u)*12)}
.ref-detail-score-cause .sc-det .da-table td .da-bar{width:calc(var(--u)*120);height:calc(var(--u)*9)}
@media (max-width:700px){
.ref-detail-score-cause .sc-tab{height:auto}
.ref-detail-score-cause .sc-toc ul,.ref-detail-score-cause .sc-read p{font-size:12px}
.ref-detail-score-cause .sc-scr,.ref-detail-score-cause .sc-01,.ref-detail-score-cause .sc-02,.ref-detail-score-cause .sc-three,.ref-detail-score-cause .sc-top{grid-template-columns:1fr}
.ref-detail-score-cause .sc-books{display:none}
.ref-detail-score-cause .sc-dict{margin:16px 0 0}
.ref-detail-score-cause .sc-link{display:none}
.ref-detail-score-cause .sc-tiles{grid-template-columns:1fr 1fr;margin-left:0;gap:10px}
.ref-detail-score-cause .sc-tiles .da-arrow{display:none}
.ref-detail-score-cause .sc-c{min-height:0}
.ref-detail-score-cause .sc-card .da-ic{--s:48px}
}

/* ---- detail-solution-tools (reference width 737px) ---- */
.ref-detail-solution-tools{--u:calc(100cqw/737)}

.ref-detail-solution-tools .st-chip{font-size:calc(var(--u)*9.5);padding:calc(var(--u)*4) calc(var(--u)*10);border-radius:calc(var(--u)*5);letter-spacing:.02em}
.ref-detail-solution-tools .st-big{font-size:calc(var(--u)*16);line-height:1.5;color:#1d2e55;margin-top:calc(var(--u)*44)}
.ref-detail-solution-tools .st-tab{height:calc(var(--u)*264);border-radius:calc(var(--u)*16);padding:calc(var(--u)*9)}
.ref-detail-solution-tools .st-page{position:relative;padding:calc(var(--u)*12) calc(var(--u)*16);font-size:calc(var(--u)*8.8);color:#33415c;line-height:1.75;height:100%}
.ref-detail-solution-tools .st-ph{border-left:3px solid #1d2e55;padding-left:calc(var(--u)*8)}
.ref-detail-solution-tools .st-ph b{font-size:calc(var(--u)*12);color:var(--title)}
.ref-detail-solution-tools .st-ph small{font-size:calc(var(--u)*8.5);color:#56647c}
.ref-detail-solution-tools .st-sub{display:block;font-size:calc(var(--u)*10.5);color:var(--title);margin:calc(var(--u)*10) 0 calc(var(--u)*4);padding-top:calc(var(--u)*8);border-top:1px solid var(--line)}
.ref-detail-solution-tools .st-page p{margin-top:calc(var(--u)*6)}
.ref-detail-solution-tools .st-page mark{background:#cfe2ff;color:var(--title);font-weight:700;padding:0 calc(var(--u)*2);border-radius:calc(var(--u)*2)}
.ref-detail-solution-tools .st-cur{color:#1d2e55;fill:#1d2e55;font-size:calc(var(--u)*12);margin-left:calc(var(--u)*-6);vertical-align:-.5em}
.ref-detail-solution-tools .st-pop{position:absolute;left:46%;top:57%;width:48%;background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*9) calc(var(--u)*11);box-shadow:0 calc(var(--u)*10) calc(var(--u)*24) rgba(20,40,90,.18);font-size:calc(var(--u)*7.8);line-height:1.6}
.ref-detail-solution-tools .st-pop>b{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*11);color:var(--blue)}
.ref-detail-solution-tools .st-pop>b small{font-size:calc(var(--u)*7.5);color:#56647c;background:#f0f3f8;padding:calc(var(--u)*1) calc(var(--u)*5);border-radius:calc(var(--u)*3)}
.ref-detail-solution-tools .st-pop ol{margin-top:calc(var(--u)*4);color:#26355a}
.ref-detail-solution-tools .st-pop .st-ex{display:block;font-size:calc(var(--u)*8.5);color:var(--title);margin-top:calc(var(--u)*5)}
.ref-detail-solution-tools .st-pop p{margin-top:calc(var(--u)*2)}
.ref-detail-solution-tools .st-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#dcebff,#e9f3ff);border-radius:calc(var(--u)*12);padding:calc(var(--u)*18) calc(var(--u)*8)}
.ref-detail-solution-tools .st-strip>div{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*10);text-align:center}
.ref-detail-solution-tools .st-strip>div+div{border-left:1px solid #c6daf5}
.ref-detail-solution-tools .st-strip .da-ic{--s:calc(var(--u)*62);font-size:calc(var(--u)*32)}
.ref-detail-solution-tools .st-strip .da-ic .da-svg{stroke-width:2.6}
.ref-detail-solution-tools .st-strip p{font-size:calc(var(--u)*11);color:#1d2e55;line-height:1.5}
.ref-detail-solution-tools .st-strip p b{font-weight:800}
.ref-detail-solution-tools .st-name{font-size:calc(var(--u)*34)}
.ref-detail-solution-tools .st-lead{font-size:calc(var(--u)*13);font-weight:800;color:var(--title);margin-top:calc(var(--u)*8)}
.ref-detail-solution-tools .st-ck li::before{background-color:#dbe9ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.8 3.8 7.2-8' fill='none' stroke='%231f6bff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ref-detail-solution-tools .st-ck{--g:calc(var(--u)*10)}
.ref-detail-solution-tools .st-frame{background:#e3e9f1;border-radius:calc(var(--u)*12);padding:calc(var(--u)*12);box-shadow:0 calc(var(--u)*10) calc(var(--u)*26) rgba(28,72,150,.10)}
.ref-detail-solution-tools .st-frame .st-page{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*16) calc(var(--u)*20);min-height:calc(var(--u)*250);font-size:calc(var(--u)*9.5)}
.ref-detail-solution-tools .st-pop2{left:56%;top:58%;width:40%}
.ref-detail-solution-tools .st-win{background:#f2f5f9;border-radius:calc(var(--u)*12);overflow:hidden;box-shadow:0 calc(var(--u)*10) calc(var(--u)*26) rgba(28,72,150,.10)}
.ref-detail-solution-tools .st-wbar{background:#8a9ab0;padding:calc(var(--u)*8) calc(var(--u)*12)}
.ref-detail-solution-tools .st-wbar .da-dots i{background:#e3e9f1!important;width:calc(var(--u)*8);height:calc(var(--u)*8)}
.ref-detail-solution-tools .st-wbody{position:relative;padding:calc(var(--u)*14);min-height:calc(var(--u)*240)}
.ref-detail-solution-tools .st-passage{background:#fff;border:1px solid #dfe5ee;border-radius:calc(var(--u)*6);padding:calc(var(--u)*14) calc(var(--u)*70) calc(var(--u)*14) calc(var(--u)*12);font-size:calc(var(--u)*9);line-height:1.95;color:#33415c;width:78%}
.ref-detail-solution-tools .st-passage b{display:block;font-size:calc(var(--u)*10);color:var(--title);margin-bottom:calc(var(--u)*6)}
.ref-detail-solution-tools .st-menu{position:absolute;right:6%;top:calc(var(--u)*6);width:46%;background:#fff;border-radius:calc(var(--u)*9);padding:calc(var(--u)*12);box-shadow:0 calc(var(--u)*10) calc(var(--u)*26) rgba(20,40,90,.16);display:grid;gap:calc(var(--u)*7)}
.ref-detail-solution-tools .st-menu>b{font-size:calc(var(--u)*9.5);color:var(--title);text-align:center;margin-bottom:calc(var(--u)*3)}
.ref-detail-solution-tools .st-menu span{display:flex;align-items:center;gap:calc(var(--u)*8);border:1px solid #dfe7f2;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*10);font-size:calc(var(--u)*9);font-weight:700;color:#1d2e55;background:#f7faff}
.ref-detail-solution-tools .st-menu span .da-svg{font-size:calc(var(--u)*14);color:var(--blue)}
.ref-detail-solution-tools .st-menu span.on{background:#3b82f6;color:#fff;border-color:#3b82f6}
.ref-detail-solution-tools .st-menu span.on .da-svg{color:#fff}
.ref-detail-solution-tools .st-skel{display:flex;flex-wrap:wrap;gap:calc(var(--u)*8);margin-top:calc(var(--u)*16)}
.ref-detail-solution-tools .st-skel i{height:calc(var(--u)*8);border-radius:calc(var(--u)*3);background:#e0e6ee}
.ref-detail-solution-tools .st-guide{background:#eef3f9;border-radius:calc(var(--u)*12);padding:calc(var(--u)*10);box-shadow:0 calc(var(--u)*10) calc(var(--u)*26) rgba(28,72,150,.10)}
.ref-detail-solution-tools .st-guide>.da-app{background:#fff;border-radius:calc(var(--u)*8)}
.ref-detail-solution-tools .st-side{background:#fff;padding:calc(var(--u)*14) calc(var(--u)*8);gap:calc(var(--u)*7)}
.ref-detail-solution-tools .st-side .da-sh{font-size:calc(var(--u)*11.5);padding-bottom:calc(var(--u)*10)}
.ref-detail-solution-tools .st-side span{font-size:calc(var(--u)*9.5);padding:calc(var(--u)*8)}
.ref-detail-solution-tools .st-gmain{position:relative;background:#f5f8fc;padding:calc(var(--u)*20) calc(var(--u)*12) calc(var(--u)*12);display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.ref-detail-solution-tools .st-gdots{position:absolute;right:calc(var(--u)*12);top:calc(var(--u)*7);display:flex;gap:calc(var(--u)*3)}
.ref-detail-solution-tools .st-gdots i{width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:50%;background:#c9d3e0}
.ref-detail-solution-tools .st-gc{background:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*7);padding:calc(var(--u)*10) calc(var(--u)*14)}
.ref-detail-solution-tools .st-gc>b{font-size:calc(var(--u)*11);color:var(--title)}
.ref-detail-solution-tools .st-gc small{font-size:calc(var(--u)*8.3);color:#4a5872}
.ref-detail-solution-tools .st-gc>small{display:block;text-align:right}
.ref-detail-solution-tools .st-prog{display:block;height:calc(var(--u)*6);border-radius:calc(var(--u)*4);background:#e3e8ef;margin-top:calc(var(--u)*5);overflow:hidden}
.ref-detail-solution-tools .st-prog i{display:block;width:50%;height:100%;background:linear-gradient(90deg,#22b36f 0 40%,#3b82f6 40%)}
.ref-detail-solution-tools .st-gi{display:flex;align-items:center;gap:calc(var(--u)*6)}
.ref-detail-solution-tools .st-gi .da-svg{color:var(--blue);font-size:calc(var(--u)*14)}
.ref-detail-solution-tools .st-gc p{font-size:calc(var(--u)*8.5);color:#4a5872;margin:calc(var(--u)*4) 0 calc(var(--u)*8) calc(var(--u)*20);line-height:1.55}
.ref-detail-solution-tools .st-nd{font-size:calc(var(--u)*16);color:#1d2e55}
.ref-detail-solution-tools .st-flow{background:#e9f3ff;display:flex;align-items:center}
.ref-detail-solution-tools .st-flow-in{display:grid;grid-template-columns:0.75fr 1.25fr;align-items:center;width:100%}
.ref-detail-solution-tools .st-flow ol{display:flex;justify-content:space-between;align-items:center}
.ref-detail-solution-tools .st-flow li:not(.da-arrow){display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6);text-align:center}
.ref-detail-solution-tools .st-flow .da-ic{--s:calc(var(--u)*56);font-size:calc(var(--u)*26)}
.ref-detail-solution-tools .st-flow p{font-size:calc(var(--u)*9.5);color:#1d2e55;line-height:1.45}
.ref-detail-solution-tools .st-flow .da-arrow{margin-top:calc(var(--u)*-30)}
.ref-detail-solution-tools .st-cta{background:#fff;display:flex;align-items:center}
.ref-detail-solution-tools .st-cta .da-pbox::after{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 30%)}
.ref-detail-solution-tools .st-cta-in{margin-left:58%;display:flex;flex-direction:column;gap:calc(var(--u)*14)}
.ref-detail-solution-tools .st-ctab{min-width:calc(var(--u)*180);padding:calc(var(--u)*10)}
@media (max-width:700px){
.ref-detail-solution-tools .st-tab{height:auto}
.ref-detail-solution-tools .st-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}
.ref-detail-solution-tools .st-strip>div+div{border-left:0}
.ref-detail-solution-tools .st-big{margin-top:22px}
.ref-detail-solution-tools .st-pop,.ref-detail-solution-tools .st-pop2,.ref-detail-solution-tools .st-menu{position:relative;left:auto;top:auto;right:auto;width:auto;margin-top:12px}
.ref-detail-solution-tools .st-passage{width:auto;padding-right:12px}
.ref-detail-solution-tools .st-guide>.da-app{grid-template-columns:1fr}
.ref-detail-solution-tools .st-side{flex-direction:row;flex-wrap:wrap}
.ref-detail-solution-tools .st-flow{padding:30px 18px}
.ref-detail-solution-tools .st-flow-in{grid-template-columns:1fr;gap:20px}
.ref-detail-solution-tools .st-flow ol{flex-direction:column;gap:14px}
.ref-detail-solution-tools .st-flow .da-arrow{transform:rotate(90deg);margin:0}
.ref-detail-solution-tools .st-cta{flex-direction:column;align-items:stretch;padding-bottom:30px}
.ref-detail-solution-tools .st-cta .da-pbox{margin:0 -18px 20px}
.ref-detail-solution-tools .st-cta-in{margin-left:0}
}

/* ---- detail-compare-output (reference width 724px) ---- */
.ref-detail-compare-output{--u:calc(100cqw/724)}

.ref-detail-compare-output .co-bt{border-top:1px solid var(--line)}
.ref-detail-compare-output .co-h2n{font-size:calc(var(--u)*21);white-space:nowrap}
.ref-detail-compare-output .co-vs{display:grid;grid-template-columns:1fr calc(var(--u)*26) 1fr;align-items:center;gap:calc(var(--u)*8)}
.ref-detail-compare-output .co-box{display:flex;flex-direction:column;align-items:center;text-align:center;background:#eef2f8;border-radius:calc(var(--u)*10);padding:calc(var(--u)*14) calc(var(--u)*12);min-height:calc(var(--u)*176)}
.ref-detail-compare-output .co-box>b{font-size:calc(var(--u)*11);color:var(--title);line-height:1.45}
.ref-detail-compare-output .co-box.new{background:#e4efff}
.ref-detail-compare-output .co-box.new>b,.ref-detail-compare-output .co-box.new>p{color:var(--blue)}
.ref-detail-compare-output .co-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*6);width:100%;margin:calc(var(--u)*10) 0}
.ref-detail-compare-output .co-tiles span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6);background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*4);font-size:calc(var(--u)*24);color:#13244b}
.ref-detail-compare-output .co-box.new .co-tiles span{color:var(--blue)}
.ref-detail-compare-output .co-tiles small{font-size:calc(var(--u)*8.5);color:#33415c}
.ref-detail-compare-output .co-box p{font-size:calc(var(--u)*9.5);color:#33415c;line-height:1.55}
.ref-detail-compare-output .co-arr{height:calc(var(--u)*28);background:linear-gradient(90deg,#9cc3fb,#5c9cf7);clip-path:polygon(0 30%,55% 30%,55% 0,100% 50%,55% 100%,55% 70%,0 70%)}
.ref-detail-compare-output .co-out{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:calc(var(--u)*9);padding:calc(var(--u)*18) calc(var(--u)*8);min-height:calc(var(--u)*160)}
.ref-detail-compare-output .co-oi{font-size:calc(var(--u)*44);line-height:1}
.ref-detail-compare-output .co-oi .da-svg{fill:currentColor;stroke:#fff;stroke-width:1}
.ref-detail-compare-output .co-ox{width:calc(var(--u)*52);height:calc(var(--u)*34)}
.ref-detail-compare-output .co-out h3{font-size:calc(var(--u)*12.5);font-weight:800;color:var(--title);margin-top:calc(var(--u)*12)}
.ref-detail-compare-output .co-out p{font-size:calc(var(--u)*9.3);color:#33415c;margin-top:calc(var(--u)*6);line-height:1.55}
.ref-detail-compare-output .co-proc{display:flex;align-items:flex-start;justify-content:space-between}
.ref-detail-compare-output .co-proc>li:not(.co-pa){display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}
.ref-detail-compare-output .co-proc .da-ic{--s:calc(var(--u)*76);width:calc(var(--u)*90);font-size:calc(var(--u)*40);border-radius:calc(var(--u)*40);background:#e8f1ff;color:#13244b}
.ref-detail-compare-output .co-proc li:nth-child(3) .da-ic{color:#13244b}
.ref-detail-compare-output .co-proc li:nth-child(5) .da-ic{color:var(--blue)}
.ref-detail-compare-output .co-proc p{font-size:calc(var(--u)*10);color:#1d2e55;margin-top:calc(var(--u)*12);line-height:1.55}
.ref-detail-compare-output .co-pa{width:calc(var(--u)*16);height:calc(var(--u)*14);margin-top:calc(var(--u)*30);background:#7fb0f7;clip-path:polygon(0 25%,50% 25%,50% 0,100% 50%,50% 100%,50% 75%,0 75%)}
.ref-detail-compare-output .co-style{background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*14);margin-top:calc(var(--u)*12);box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(28,72,150,.06)}
.ref-detail-compare-output .co-style .da-ic{--s:calc(var(--u)*36);font-size:calc(var(--u)*17)}
.ref-detail-compare-output .co-style span b{display:block;font-size:calc(var(--u)*11);color:var(--title)}
.ref-detail-compare-output .co-style span small{display:block;font-size:calc(var(--u)*8.5);color:#4a5872;line-height:1.55;margin-top:calc(var(--u)*2)}
.ref-detail-compare-output .co-app{background:#fff;border:calc(var(--u)*6) solid #c9dcf7;border-radius:calc(var(--u)*12);overflow:hidden;margin-top:calc(var(--u)*20)}
.ref-detail-compare-output .co-ahead{display:flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*7) calc(var(--u)*12);border-bottom:1px solid var(--line)}
.ref-detail-compare-output .co-sep{font-size:calc(var(--u)*9);font-weight:700;color:var(--title);border-left:1px solid #cfd9e6;padding-left:calc(var(--u)*8)}
.ref-detail-compare-output .co-user{margin-left:auto;display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-compare-output .co-user .da-ic{--s:calc(var(--u)*20)}
.ref-detail-compare-output .co-side{padding:calc(var(--u)*12) calc(var(--u)*8)}
.ref-detail-compare-output .co-side .da-sh{font-size:calc(var(--u)*9.5)}
.ref-detail-compare-output .co-side span{font-size:calc(var(--u)*8.5);padding:calc(var(--u)*7) calc(var(--u)*8)}
.ref-detail-compare-output .co-amain{padding:calc(var(--u)*12) calc(var(--u)*14)}
.ref-detail-compare-output .co-tabs{margin:calc(var(--u)*12) 0 0}
.ref-detail-compare-output .co-tabs .da-tab{padding:calc(var(--u)*6);font-size:calc(var(--u)*8.5)}
.ref-detail-compare-output .co-rad{position:relative;display:grid;grid-template-columns:1fr 0.8fr;align-items:center;gap:calc(var(--u)*6)}
.ref-detail-compare-output .co-radar{width:100%}
.ref-detail-compare-output .co-radar text{font-size:9px;fill:#33415c}
.ref-detail-compare-output .co-call{background:#eaf3ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*10)}
.ref-detail-compare-output .co-call small{display:block;font-size:calc(var(--u)*8);color:#33415c}
.ref-detail-compare-output .co-call b{display:block;white-space:nowrap;font-size:calc(var(--u)*14);color:var(--title);margin:calc(var(--u)*4) 0}
.ref-detail-compare-output .co-how{display:grid;grid-template-columns:1fr calc(var(--u)*14) 1fr calc(var(--u)*14) 1fr;align-items:center;gap:calc(var(--u)*4)}
.ref-detail-compare-output .co-hc{display:flex;flex-direction:column;align-items:center;text-align:center;background:#f2f7ff;border-radius:calc(var(--u)*9);padding:calc(var(--u)*10) calc(var(--u)*8);min-height:calc(var(--u)*150)}
.ref-detail-compare-output .co-hc .da-ic{--s:calc(var(--u)*44);font-size:calc(var(--u)*20);background:#2f80f0}
.ref-detail-compare-output .co-hc b{font-size:calc(var(--u)*12.5);color:var(--title);margin-top:calc(var(--u)*10)}
.ref-detail-compare-output .co-hc p{font-size:calc(var(--u)*9.3);color:#33415c;margin-top:calc(var(--u)*8);line-height:1.55}
.ref-detail-compare-output .co-course{display:grid;grid-template-columns:calc(var(--u)*120) 1fr;margin-top:calc(var(--u)*16);overflow:hidden;min-height:calc(var(--u)*213)}
.ref-detail-compare-output .co-cside{background:#f5f8fc;padding:calc(var(--u)*12) calc(var(--u)*10);border-right:1px solid var(--line)}
.ref-detail-compare-output .co-cside ul{display:grid;gap:calc(var(--u)*4);margin-top:calc(var(--u)*10)}
.ref-detail-compare-output .co-cside li{font-size:calc(var(--u)*9.5);padding:calc(var(--u)*6) calc(var(--u)*8);border-radius:calc(var(--u)*5);color:#26355a}
.ref-detail-compare-output .co-cside li.on{background:#e1edff;color:var(--blue);font-weight:700}
.ref-detail-compare-output .co-cmain{padding:calc(var(--u)*12) calc(var(--u)*14)}
.ref-detail-compare-output .co-crumb{display:flex;align-items:center;gap:calc(var(--u)*3);font-size:calc(var(--u)*9);color:#26355a}
.ref-detail-compare-output .co-ctabs{margin:calc(var(--u)*10) 0}
.ref-detail-compare-output .co-ctabs .da-tab{padding:calc(var(--u)*7);font-size:calc(var(--u)*9.5)}
.ref-detail-compare-output .co-c3{display:grid;grid-template-columns:1fr 1.25fr 0.85fr;gap:calc(var(--u)*10)}
.ref-detail-compare-output .co-cc{border:1px solid var(--line);border-radius:calc(var(--u)*7);padding:calc(var(--u)*10)}
.ref-detail-compare-output .co-cc>b{font-size:calc(var(--u)*10);color:var(--title)}
.ref-detail-compare-output .co-board{position:relative;background:linear-gradient(160deg,#2e5940,#1e3b2b);border-radius:calc(var(--u)*5);margin-top:calc(var(--u)*8);padding:calc(var(--u)*14) calc(var(--u)*10) calc(var(--u)*26);color:#f4f7f2;font-family:"Times New Roman",serif;font-style:italic;font-size:calc(var(--u)*14);line-height:1.4;text-align:center}
.ref-detail-compare-output .co-board span{position:absolute;left:calc(var(--u)*8);bottom:calc(var(--u)*5);display:flex;align-items:center;gap:calc(var(--u)*4);font-family:inherit;font-style:normal;font-size:calc(var(--u)*7.5)}
.ref-detail-compare-output .co-cc ul{display:grid;gap:calc(var(--u)*7);margin-top:calc(var(--u)*10)}
.ref-detail-compare-output .co-cc li{font-size:calc(var(--u)*8.3);color:#26355a;padding-left:calc(var(--u)*9);position:relative}
.ref-detail-compare-output .co-cc li::before{content:"";position:absolute;left:0;top:.5em;width:calc(var(--u)*4);height:calc(var(--u)*4);border-radius:50%;background:#13244b}
.ref-detail-compare-output .co-cc>p{font-size:calc(var(--u)*8.8);color:#26355a;margin-top:calc(var(--u)*10)}
.ref-detail-compare-output .co-math{font-family:"Times New Roman",serif;font-size:calc(var(--u)*12)!important}
.ref-detail-compare-output .co-ans{display:block;height:calc(var(--u)*28);border:1px solid #d7e1ee;border-radius:calc(var(--u)*5);margin-top:calc(var(--u)*10)}
.ref-detail-compare-output .co-sub{font-size:calc(var(--u)*16);line-height:1.4;color:#1d2e55;margin-top:calc(var(--u)*10);font-weight:500}
.ref-detail-compare-output .co-chart{padding:calc(var(--u)*12) calc(var(--u)*14)}
.ref-detail-compare-output .co-tip{display:table;margin:calc(var(--u)*6) auto 0;background:#dfeaff;color:var(--blue);border-radius:calc(var(--u)*14);padding:calc(var(--u)*4) calc(var(--u)*12);font-size:calc(var(--u)*8.5);font-weight:700}
.ref-detail-compare-output .co-line{width:100%;margin-top:calc(var(--u)*6)}
.ref-detail-compare-output .co-line text{font-size:9px;fill:#33415c}
.ref-detail-compare-output .co-time{padding:calc(var(--u)*10) calc(var(--u)*12)}
.ref-detail-compare-output .co-mini{display:flex;align-items:flex-end;gap:calc(var(--u)*3);height:calc(var(--u)*42);margin-top:calc(var(--u)*6)}
.ref-detail-compare-output .co-mini i{flex:1;background:#3b82f6;border-radius:calc(var(--u)*1)}
.ref-detail-compare-output .co-act{padding:calc(var(--u)*10) calc(var(--u)*12)}
.ref-detail-compare-output .co-act ul{display:grid;margin-top:calc(var(--u)*6)}
.ref-detail-compare-output .co-act li{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*5) 0;border-top:1px solid #eef2f7}
.ref-detail-compare-output .co-act li>.da-svg{font-size:calc(var(--u)*16);color:#13244b}
.ref-detail-compare-output .co-act li span{flex:1}
.ref-detail-compare-output .co-act li b{display:block;font-size:calc(var(--u)*9);color:var(--title)}
.ref-detail-compare-output .co-act li small{font-size:calc(var(--u)*8);color:#4a5872}
@media (max-width:700px){
.ref-detail-compare-output .co-vs,.ref-detail-compare-output .co-how{grid-template-columns:1fr}
.ref-detail-compare-output .co-arr{transform:rotate(90deg);width:40px;justify-self:center}
.ref-detail-compare-output .co-how .da-arrow{transform:rotate(90deg)}
.ref-detail-compare-output .co-proc{flex-direction:column;align-items:center;gap:16px}
.ref-detail-compare-output .co-pa{transform:rotate(90deg);margin:0}
.ref-detail-compare-output .co-rad,.ref-detail-compare-output .co-course,.ref-detail-compare-output .co-c3{grid-template-columns:1fr}
.ref-detail-compare-output .co-cside{border-right:0}
}


@media (max-width:700px){
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output){--u:1.45px;font-size:15px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sec,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sec.r-section{padding:34px 18px;min-height:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-split{grid-template-columns:minmax(0,1fr)!important;gap:22px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-split>*,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g2>*,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g3>*,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g4>*{min-width:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-split>*{order:0!important}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g3,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g4,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g5,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g6,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g7{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g2.m1,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g3.m1,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-g4.m1{grid-template-columns:minmax(0,1fr)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) small{font-size:max(11px,1em)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tabs{flex-wrap:wrap}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-tab{flex:1 1 auto}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h1{font-size:40px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h2,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h2.lg{font-size:28px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h2.sm{font-size:24px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h3{font-size:20px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-h4{font-size:17px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-sub{font-size:18px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-p,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-p.sm{font-size:15px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-eb,:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-kicker{font-size:13px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-check li{font-size:15px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-hero.r-hero{height:auto;display:flex;flex-direction:column;background:#f1f7ff}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-hero .r-hero-photo{position:relative;inset:auto;height:auto;aspect-ratio:16/10;order:-1}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-veil{display:none}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-hcopy{width:auto;padding:22px 18px 8px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-abs{position:relative;left:auto;top:auto;width:auto;margin:14px 16px 22px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox{position:relative;inset:auto!important;width:auto!important;height:200px;margin:-34px -18px 22px;border-radius:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-pbox.full{position:absolute;inset:0!important;height:auto;margin:0}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-app{grid-template-columns:1fr}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-app>.da-side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-num{font-size:56px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-cta-bar{flex-direction:column;padding:20px;text-align:center}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-table{font-size:12px}
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-curriculum-classic,.ref-detail-compare-limitations,.ref-detail-score-support,.ref-detail-curriculum-grade,.ref-detail-solution-analysis,.ref-detail-curriculum-crash,.ref-detail-stories-recommendations,.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-compare-output) .da-mhide{display:none!important}
}

/* details-other: route-scoped reference restoration styles (generated by details-other.py) */

:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference){--u:calc(100cqw / 740);--ink:#13213f;--navy:#0f2a5c;--blue:#1f6bff;--blue-d:#1550d6;--muted:#5a6680;--line:#e1e8f3;--ice:#eff6ff;--coral:#ff515e;color:var(--ink);font-size:calc(var(--u)*12.5);line-height:1.55;word-break:keep-all;overflow-wrap:break-word}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) *{box-sizing:border-box}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) h1,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) h2,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) h3,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) h4,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) p,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) ul,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) ol,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) figure{margin:0}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) ul,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) ol{padding:0;list-style:none}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) a{color:inherit}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-i{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-sec{position:relative;overflow:hidden;padding:calc(var(--u)*32) calc(var(--u)*36)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-sec.ice{background:var(--ice)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-sec.soft{background:linear-gradient(180deg,#f4f9ff 0%,#eaf3ff 100%)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-sec.white{background:#fff}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-bg-fade::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(246,250,255,.97) 0%,rgba(246,250,255,.9) 34%,rgba(246,250,255,.25) 62%,rgba(246,250,255,0) 100%)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-in{position:relative;z-index:1}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-split{display:grid;grid-template-columns:var(--cols,44% 1fr);gap:calc(var(--u)*24);align-items:center}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-eyebrow{color:var(--blue);font-weight:700;letter-spacing:.16em;font-size:calc(var(--u)*10.5);text-transform:uppercase;margin-bottom:calc(var(--u)*6)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-num{display:flex;align-items:baseline;gap:calc(var(--u)*6);color:var(--blue);font-weight:800;font-size:calc(var(--u)*13);margin-bottom:calc(var(--u)*6)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-num b{font-size:calc(var(--u)*26);line-height:1;font-weight:800}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-num small{font-size:calc(var(--u)*11);font-weight:600;color:var(--blue)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-num small.gray{color:#47536d}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h1{font-size:calc(var(--u)*42);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h2{font-size:calc(var(--u)*29);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-bottom:calc(var(--u)*10)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h2.sm{font-size:calc(var(--u)*24)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h3{font-size:calc(var(--u)*17);font-weight:800;line-height:1.3;color:var(--ink)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-blue{color:var(--blue)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-lead{font-size:calc(var(--u)*15);font-weight:600;color:#1d2c4c;line-height:1.45}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-p{color:#3f4b66;font-size:calc(var(--u)*12)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-p + .do-p{margin-top:calc(var(--u)*8)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-small{font-size:calc(var(--u)*10.5);color:var(--muted)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-center{text-align:center}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-card{background:#fff;border-radius:calc(var(--u)*10);border:1px solid #e3ebf6;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(31,80,160,.07);padding:calc(var(--u)*16)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-grid{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--g,calc(var(--u)*12))}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-app{background:#fff;border:1px solid #dde6f2;border-radius:calc(var(--u)*10);box-shadow:0 calc(var(--u)*10) calc(var(--u)*28) rgba(30,70,140,.13);padding:calc(var(--u)*12);font-size:calc(var(--u)*10.5);color:#22314f}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tablet{background:#1c2232;border-radius:calc(var(--u)*18);padding:calc(var(--u)*9);box-shadow:0 calc(var(--u)*14) calc(var(--u)*30) rgba(14,30,70,.28)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-screen{background:#fff;border-radius:calc(var(--u)*9);overflow:hidden;font-size:calc(var(--u)*10.5);color:#22314f}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tabs{display:flex;gap:calc(var(--u)*5)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tab{flex:1;text-align:center;background:#eef3fb;border-radius:calc(var(--u)*5);padding:calc(var(--u)*6) calc(var(--u)*6);font-size:calc(var(--u)*10);color:#4a5674;white-space:nowrap}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tab.on{background:var(--blue);color:#fff;font-weight:700}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*6);background:var(--blue);color:#fff!important;font-weight:700;border-radius:calc(var(--u)*6);padding:calc(var(--u)*9) calc(var(--u)*18);font-size:calc(var(--u)*12);text-decoration:none;border:0;line-height:1.2}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-btn.red{background:#f04452}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-btn.pill{border-radius:999px}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-btn.ghost{background:#fff;color:var(--blue)!important;border:1px solid var(--blue)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-btn.full{display:flex;width:100%}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-ic{display:inline-grid;place-items:center;width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;background:#e4efff;color:var(--blue);flex:none}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-ic .do-i{width:52%;height:52%}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-input{border:1px solid #d3ddeb;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*10);color:#98a3b6;font-size:calc(var(--u)*10.5);background:#fff}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-math{font-family:"Times New Roman","Cambria Math",Georgia,serif;letter-spacing:.01em}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-math i{font-style:italic}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-ol{text-decoration:overline}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-checks li{display:flex;gap:calc(var(--u)*8);align-items:center;font-size:calc(var(--u)*11.5);color:#25344f;padding:calc(var(--u)*3) 0}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-ck{display:inline-grid;place-items:center;width:calc(var(--u)*17);height:calc(var(--u)*17);border-radius:50%;background:var(--blue);color:#fff;flex:none}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-ck .do-i{width:70%;height:70%;stroke-width:3}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-dots li{position:relative;padding-left:calc(var(--u)*11)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-dots li::before{content:"";position:absolute;left:0;top:.62em;width:calc(var(--u)*4);height:calc(var(--u)*4);border-radius:50%;background:currentColor;opacity:.7}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tri{display:block;width:100%;height:auto}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-logo{width:calc(var(--u)*18);height:calc(var(--u)*18);flex:none}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-books{display:flex;flex-direction:column;gap:calc(var(--u)*2)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-book{display:flex;align-items:center;height:calc(var(--u)*28);padding-left:calc(var(--u)*24);border-radius:calc(var(--u)*3) calc(var(--u)*5) calc(var(--u)*5) calc(var(--u)*3);background:linear-gradient(180deg,var(--c) 0%,var(--c) 78%,#f5f2ea 78%,#e9e4d8 100%);font-weight:700;font-size:calc(var(--u)*12);color:var(--t,#1c2b48);box-shadow:0 calc(var(--u)*3) calc(var(--u)*6) rgba(20,40,80,.15)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-quote{position:absolute;z-index:2;font-size:calc(var(--u)*13);line-height:1.5;color:#22314f;font-weight:500}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tag{display:inline-block;background:#e9f1ff;color:var(--blue);border-radius:calc(var(--u)*4);padding:calc(var(--u)*2) calc(var(--u)*8);font-size:calc(var(--u)*10);font-weight:700}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero{height:auto;min-height:var(--hero-h,calc(var(--u)*330))}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy{position:relative;z-index:2;padding:calc(var(--u)*56) 0 calc(var(--u)*40) calc(var(--u)*42);width:52%}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy .do-h1{margin:calc(var(--u)*4) 0 calc(var(--u)*10)}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy .do-lead{margin-bottom:calc(var(--u)*16)}
@media (max-width:700px){
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference){--u:1.55px;font-size:16px}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-sec{padding:40px 20px}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-split,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-split.rev{grid-template-columns:1fr!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-split > *{min-width:0}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-grid{grid-template-columns:1fr!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-grid.keep2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h1,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy .do-h1{font-size:40px!important;line-height:1.15!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h2,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h2.sm,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-sec .do-h2{font-size:28px!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-h3{font-size:22px!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-p,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy .do-p{font-size:16px!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-lead,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy .do-lead{font-size:19px!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-eyebrow{font-size:13px}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero{display:flex;flex-direction:column;min-height:0}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero .r-hero-photo{position:relative;height:260px;order:-1}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .r-hero-copy{width:auto!important;padding:28px 20px 32px!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-quote{position:static!important;margin:0 20px 20px!important;transform:none!important;width:auto!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-hero-ui{position:relative!important;inset:auto!important;width:auto!important;margin:0 20px 28px!important;transform:none!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-hero-ui *{max-width:100%}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-bg{opacity:.35}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-hide-m{display:none!important}
:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-app,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-tablet,:is(.ref-detail-score-metacognition,.ref-detail-solution-connected-training,.ref-detail-stories-pupil,.ref-detail-score-essential,.ref-detail-stories-success,.ref-detail-curriculum-practice,.ref-detail-stories-growth,.ref-detail-score-personalized,.ref-detail-solution-granular-content,.ref-detail-compare-self-directed,.ref-detail-solution-explanation,.ref-detail-compare-difference) .do-card{max-width:100%;overflow-x:auto}
}

/* ---- detail-score-metacognition ---- */

.ref-detail-score-metacognition{--hero-h:calc(var(--u)*340)}
.ref-detail-score-metacognition .r-hero-copy{width:50%;padding-top:calc(var(--u)*58)}
.ref-detail-score-metacognition .r-hero-copy .do-h1{font-size:calc(var(--u)*46)}
.ref-detail-score-metacognition .r-hero-copy .do-lead{font-size:calc(var(--u)*19);font-weight:600}
.ref-detail-score-metacognition .mc-quote{right:calc(var(--u)*38);top:calc(var(--u)*50);font-size:calc(var(--u)*12)}
.ref-detail-score-metacognition .mc-cards{min-height:calc(var(--u)*379);padding-top:calc(var(--u)*26)}
.ref-detail-score-metacognition .mc-intro{margin-bottom:calc(var(--u)*20)}
.ref-detail-score-metacognition .mc-intro .do-h2{margin-bottom:calc(var(--u)*2)}
.ref-detail-score-metacognition .mc-grid{--n:4;--g:calc(var(--u)*8);margin:0 calc(var(--u)*-14)}
.ref-detail-score-metacognition .mc-card{padding:calc(var(--u)*11) calc(var(--u)*11) calc(var(--u)*14)}
.ref-detail-score-metacognition .mc-fig{position:relative;height:calc(var(--u)*84);border-radius:calc(var(--u)*6);background:linear-gradient(135deg,#e9f2ff,#d9e8ff);overflow:hidden;margin-bottom:calc(var(--u)*12);display:grid;place-items:center}
.ref-detail-score-metacognition .mc-fig svg{width:86%;height:100%}
.ref-detail-score-metacognition .mc-fig-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.ref-detail-score-metacognition .mc-mic{position:absolute;right:calc(var(--u)*10);top:calc(var(--u)*12);display:grid;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#fff;color:var(--blue);font-size:calc(var(--u)*18)}
.ref-detail-score-metacognition .mc-card .do-num{font-size:calc(var(--u)*12);margin-bottom:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-card .do-h3{font-size:calc(var(--u)*16)}
.ref-detail-score-metacognition .mc-sub{font-size:calc(var(--u)*11.5);font-weight:600;color:#22314f;margin:calc(var(--u)*4) 0 calc(var(--u)*6)}
.ref-detail-score-metacognition .mc-flow{min-height:calc(var(--u)*372);display:flex;align-items:center;padding-top:calc(var(--u)*24);padding-bottom:calc(var(--u)*24)}
.ref-detail-score-metacognition .mc-flow-in{--cols:42% 1fr;width:100%}
.ref-detail-score-metacognition .mc-flow .do-h2{font-size:calc(var(--u)*30)}
.ref-detail-score-metacognition .mc-flow .do-p{font-size:calc(var(--u)*11.5);color:#2b3853}
.ref-detail-score-metacognition .mc-tip{display:flex;gap:calc(var(--u)*10);margin-top:calc(var(--u)*24);max-width:calc(var(--u)*196);background:rgba(234,243,255,.95);border:1px solid #c9dcfb;border-left:calc(var(--u)*5) solid var(--blue);border-radius:calc(var(--u)*7);padding:calc(var(--u)*12) calc(var(--u)*12);font-size:calc(var(--u)*10)}
.ref-detail-score-metacognition .mc-tip strong{display:block;font-size:calc(var(--u)*11);margin-bottom:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-tip p{color:#3f4b66}
.ref-detail-score-metacognition .mc-tip-ic{color:var(--blue);font-size:calc(var(--u)*24);line-height:1}
.ref-detail-score-metacognition .mc-tab{border-radius:calc(var(--u)*20);padding:calc(var(--u)*10);background:#151b28}
.ref-detail-score-metacognition .mc-screen{background:linear-gradient(180deg,#f1f6ff,#e6efff)}
.ref-detail-score-metacognition .mc-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*10) calc(var(--u)*16);font-size:calc(var(--u)*11)}
.ref-detail-score-metacognition .mc-bar span{color:var(--blue);font-weight:700;font-size:calc(var(--u)*9.5)}
.ref-detail-score-metacognition .mc-live{display:inline-block;width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:50%;border:calc(var(--u)*2) solid var(--blue);margin-right:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-body{display:grid;grid-template-columns:31% 1fr;gap:calc(var(--u)*8);padding:0 calc(var(--u)*10) calc(var(--u)*10)}
.ref-detail-score-metacognition .mc-nav{display:flex;flex-direction:column;gap:calc(var(--u)*6);background:rgba(255,255,255,.55);border-radius:calc(var(--u)*8);padding:calc(var(--u)*6)}
.ref-detail-score-metacognition .mc-nav li{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*8);border-radius:calc(var(--u)*6);font-size:calc(var(--u)*9.5);color:#3b4864}
.ref-detail-score-metacognition .mc-nav li i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:#7d8aa6}
.ref-detail-score-metacognition .mc-nav li.on{background:#d7e6ff;color:var(--blue-d);font-weight:700}
.ref-detail-score-metacognition .mc-nav li.on i{background:var(--blue)}
.ref-detail-score-metacognition .mc-nav .mc-page{margin-top:auto;justify-content:center;background:none}
.ref-detail-score-metacognition .mc-content{background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*14)}
.ref-detail-score-metacognition .mc-content h4,.ref-detail-score-metacognition .mc-panel h4{font-size:calc(var(--u)*13);font-weight:800;margin-bottom:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-content p{font-size:calc(var(--u)*9.5);color:#3f4b66}
.ref-detail-score-metacognition .mc-formula{font-size:calc(var(--u)*13)!important;color:#14223f!important;margin:calc(var(--u)*6) 0}
.ref-detail-score-metacognition .mc-tri{width:calc(var(--u)*120);margin:calc(var(--u)*4) auto 0}
.ref-detail-score-metacognition .mc-tri.sm{width:calc(var(--u)*100)}
.ref-detail-score-metacognition .mc-steps{padding-top:calc(var(--u)*22);padding-bottom:calc(var(--u)*20);background:linear-gradient(180deg,#f6faff,#eef5ff)}
.ref-detail-score-metacognition .mc-pill{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:calc(var(--u)*10);padding:calc(var(--u)*5) calc(var(--u)*11);border-radius:calc(var(--u)*4);margin-bottom:calc(var(--u)*8)}
.ref-detail-score-metacognition .mc-timeline{position:relative;display:flex;flex-direction:column;gap:calc(var(--u)*6)}
.ref-detail-score-metacognition .mc-timeline::before{content:"";position:absolute;z-index:2;left:calc(var(--u)*16);top:calc(var(--u)*20);bottom:calc(var(--u)*20);width:2px;background:#c9dcf8}
.ref-detail-score-metacognition .mc-step{display:grid;grid-template-columns:37% 1fr;gap:calc(var(--u)*12);background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8) calc(var(--u)*14) calc(var(--u)*8) calc(var(--u)*48);position:relative;box-shadow:0 calc(var(--u)*3) calc(var(--u)*12) rgba(31,80,160,.05)}
.ref-detail-score-metacognition .mc-step::before{content:"";position:absolute;z-index:3;left:calc(var(--u)*10);top:calc(var(--u)*16);width:calc(var(--u)*8);height:calc(var(--u)*8);border-radius:50%;background:#fff;border:calc(var(--u)*3) solid var(--blue)}
.ref-detail-score-metacognition .mc-step-no{color:var(--blue);font-weight:800;font-size:calc(var(--u)*11);margin-bottom:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-step-copy h3{font-size:calc(var(--u)*17);font-weight:800;line-height:1.28;margin-bottom:calc(var(--u)*8)}
.ref-detail-score-metacognition .mc-step-copy p:last-child{line-height:1.5}
.ref-detail-score-metacognition .mc-step-copy p:last-child{font-size:calc(var(--u)*10.5);color:#4a5670}
.ref-detail-score-metacognition .mc-panel{border:1px solid #dfe7f2;border-radius:calc(var(--u)*6);padding:calc(var(--u)*9) calc(var(--u)*16);font-size:calc(var(--u)*9.5);color:#3f4b66;background:#fff}
.ref-detail-score-metacognition .mc-p1,.ref-detail-score-metacognition .mc-p2{display:grid;grid-template-columns:1fr calc(var(--u)*140);gap:calc(var(--u)*10);align-items:center}
.ref-detail-score-metacognition .mc-crumb{font-size:calc(var(--u)*9);margin-bottom:calc(var(--u)*10)}
.ref-detail-score-metacognition .mc-ex{font-size:calc(var(--u)*10.5);color:#22314f;line-height:1.7}
.ref-detail-score-metacognition .mc-ptitle{display:flex;align-items:center;gap:calc(var(--u)*6);font-weight:800;color:#14223f;font-size:calc(var(--u)*11);margin-bottom:calc(var(--u)*8)}
.ref-detail-score-metacognition .mc-ptitle .do-i{color:var(--blue)}
.ref-detail-score-metacognition .mc-toggle{max-width:calc(var(--u)*190);background:#eef3fb;border-radius:calc(var(--u)*8);padding:calc(var(--u)*2);margin-bottom:calc(var(--u)*8)}
.ref-detail-score-metacognition .mc-toggle .do-tab{background:none;padding:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-toggle .do-tab.on{background:#d3e3ff;color:var(--blue-d)}
.ref-detail-score-metacognition .mc-q{font-weight:700;color:#14223f;margin-bottom:calc(var(--u)*4)}
.ref-detail-score-metacognition .mc-ul li{padding:calc(var(--u)*1) 0 calc(var(--u)*1) calc(var(--u)*11);font-size:calc(var(--u)*9.5)}
.ref-detail-score-metacognition .mc-rec{background:#eef4ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*10);text-align:center;font-size:calc(var(--u)*8.5);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5)}
.ref-detail-score-metacognition .mc-rec .do-ic{width:calc(var(--u)*32);height:calc(var(--u)*32);background:#dce9ff}
.ref-detail-score-metacognition .mc-rec .do-btn{font-size:calc(var(--u)*9.5);padding:calc(var(--u)*7)}
.ref-detail-score-metacognition .mc-time{font-size:calc(var(--u)*8.5)}
.ref-detail-score-metacognition .mc-p3-head{display:flex;justify-content:space-between;align-items:center}
.ref-detail-score-metacognition .mc-pager{display:inline-flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*10)}
.ref-detail-score-metacognition .mc-q2{margin-bottom:calc(var(--u)*6);color:#22314f}
.ref-detail-score-metacognition .mc-p3-row{display:grid;grid-template-columns:1fr calc(var(--u)*130);gap:calc(var(--u)*12);align-items:center}
.ref-detail-score-metacognition .mc-p3-row .mc-tri{margin:0 0 0 calc(var(--u)*30)}
.ref-detail-score-metacognition .mc-answer{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*6);align-items:center;font-size:calc(var(--u)*11)}
.ref-detail-score-metacognition .mc-answer .do-btn{grid-column:1/-1;font-size:calc(var(--u)*10.5);padding:calc(var(--u)*8)}
.ref-detail-score-metacognition .mc-areas{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*8)}
.ref-detail-score-metacognition .mc-areas .do-input{min-height:calc(var(--u)*58);font-size:calc(var(--u)*9.5);line-height:1.6}
.ref-detail-score-metacognition .mc-count{text-align:right;font-size:calc(var(--u)*8.5);margin-top:calc(var(--u)*6)}
.ref-detail-score-metacognition .mc-close{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*18);margin-top:calc(var(--u)*14);padding:calc(var(--u)*14);border-radius:calc(var(--u)*8);background:linear-gradient(90deg,#e3efff,#f4f8ff 60%,#eef5ff);font-size:calc(var(--u)*12);color:#1d2c4c}
.ref-detail-score-metacognition .mc-close strong{font-size:calc(var(--u)*13)}
.ref-detail-score-metacognition .mc-close .do-ic{width:calc(var(--u)*56);height:calc(var(--u)*56);background:#d6e6ff}
@media (max-width:700px){
.ref-detail-score-metacognition .mc-grid{margin:0}
.ref-detail-score-metacognition .mc-step{grid-template-columns:1fr;padding-left:40px}
.ref-detail-score-metacognition .mc-p1,.ref-detail-score-metacognition .mc-p2,.ref-detail-score-metacognition .mc-p3-row,.ref-detail-score-metacognition .mc-areas{grid-template-columns:1fr}
.ref-detail-score-metacognition .mc-body{grid-template-columns:1fr}
.ref-detail-score-metacognition .mc-close{flex-direction:column;text-align:center}
.ref-detail-score-metacognition .mc-panel,.ref-detail-score-metacognition .mc-content p,.ref-detail-score-metacognition .mc-ul li,.ref-detail-score-metacognition .mc-step-copy p:last-child{font-size:14px}
}

/* ---- detail-solution-connected-training ---- */

.ref-detail-solution-connected-training{--hero-h:calc(var(--u)*322)}
.ref-detail-solution-connected-training .r-hero-copy{width:52%;padding-top:calc(var(--u)*52)}
.ref-detail-solution-connected-training .r-hero-copy .do-lead{font-size:calc(var(--u)*13.5);font-weight:700}
.ref-detail-solution-connected-training .ct-cta{margin-top:calc(var(--u)*20);padding:calc(var(--u)*10) calc(var(--u)*18)}
.ref-detail-solution-connected-training .ct-monitor{position:absolute;z-index:2;right:0;top:calc(var(--u)*24);bottom:0;width:38%;background:#f7faff;border:calc(var(--u)*6) solid #1c2232;border-right:0;border-bottom:0;border-radius:calc(var(--u)*14) 0 0 0;padding:calc(var(--u)*12);font-size:calc(var(--u)*9.5);box-shadow:0 calc(var(--u)*10) calc(var(--u)*30) rgba(10,30,70,.25)}
.ref-detail-solution-connected-training .ct-top{display:flex;align-items:center;gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*10)}
.ref-detail-solution-connected-training .ct-top b{font-size:calc(var(--u)*11.5)}
.ref-detail-solution-connected-training .ct-top span{margin-left:auto;font-size:calc(var(--u)*8.5);color:#4a5670}
.ref-detail-solution-connected-training .ct-body{display:grid;grid-template-columns:36% 1fr;gap:calc(var(--u)*8)}
.ref-detail-solution-connected-training .ct-nav{display:flex;flex-direction:column;gap:calc(var(--u)*4)}
.ref-detail-solution-connected-training .ct-nav li{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*7);border-radius:calc(var(--u)*5);font-size:calc(var(--u)*9);color:#33415d;white-space:nowrap}
.ref-detail-solution-connected-training .ct-nav li .do-i{color:#5a6a8a}
.ref-detail-solution-connected-training .ct-nav li.on{background:#e6efff;color:var(--blue-d);font-weight:700}
.ref-detail-solution-connected-training .ct-nav li.on .do-i{color:var(--blue)}
.ref-detail-solution-connected-training .ct-nav.big li.on{background:var(--blue);color:#fff}
.ref-detail-solution-connected-training .ct-nav.big li.on .do-i{color:#fff}
.ref-detail-solution-connected-training .ct-concept{background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*10);box-shadow:0 calc(var(--u)*2) calc(var(--u)*8) rgba(30,70,140,.08)}
.ref-detail-solution-connected-training .ct-concept h4{font-size:calc(var(--u)*14);font-weight:800}
.ref-detail-solution-connected-training .ct-concept p{font-size:calc(var(--u)*8.5);color:#4a5670}
.ref-detail-solution-connected-training .ct-mini{width:calc(var(--u)*70);margin:calc(var(--u)*4) auto}
.ref-detail-solution-connected-training .ct-more{display:flex;justify-content:center;align-items:center;gap:calc(var(--u)*3);border:1px solid #b9cff5;border-radius:calc(var(--u)*6);padding:calc(var(--u)*5);color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*8.5);margin-bottom:calc(var(--u)*6)}
.ref-detail-solution-connected-training .ct-rel li{display:flex;align-items:center;gap:calc(var(--u)*7);font-size:calc(var(--u)*8.5);padding:calc(var(--u)*2.5) 0}
.ref-detail-solution-connected-training .ct-rel b{display:grid;place-items:center;width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:50%;background:#e6efff;color:var(--blue);font-size:calc(var(--u)*8)}
.ref-detail-solution-connected-training .ct-concept-sec{min-height:calc(var(--u)*287);display:flex;align-items:center;padding-top:calc(var(--u)*18);padding-bottom:calc(var(--u)*18)}
.ref-detail-solution-connected-training .ct-split{--cols:34% 1fr;width:100%}
.ref-detail-solution-connected-training .ct-map{position:relative;height:calc(var(--u)*262)}
.ref-detail-solution-connected-training .ct-lines{position:absolute;inset:0;width:100%;height:100%}
.ref-detail-solution-connected-training .ct-lines line{stroke:#2f7bff;stroke-width:.35;vector-effect:non-scaling-stroke}
.ref-detail-solution-connected-training .ct-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--u)*92);height:calc(var(--u)*80);border-radius:calc(var(--u)*14);background:linear-gradient(160deg,#1f4fb8,#0d2a6e);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*4);font-weight:800;font-size:calc(var(--u)*15);box-shadow:0 0 0 calc(var(--u)*5) #d7e6ff}
.ref-detail-solution-connected-training .ct-core svg{width:calc(var(--u)*34)}
.ref-detail-solution-connected-training .ct-nodes li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(var(--u)*6);background:#fff;border:1px solid #d5e2f6;border-radius:calc(var(--u)*6);padding:calc(var(--u)*9) calc(var(--u)*14);font-size:calc(var(--u)*10.5);font-weight:600;white-space:nowrap;box-shadow:0 calc(var(--u)*3) calc(var(--u)*8) rgba(30,70,140,.08)}
.ref-detail-solution-connected-training .ct-nodes svg{width:calc(var(--u)*18);height:calc(var(--u)*14)}
.ref-detail-solution-connected-training .ct-sin{display:grid;place-items:center;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:50%;background:#e4efff;color:var(--blue);font-size:calc(var(--u)*8)}
.ref-detail-solution-connected-training .ct-sqrt{font-family:"Times New Roman",serif;font-style:italic;font-weight:700}
.ref-detail-solution-connected-training .ct-sol{min-height:calc(var(--u)*335);padding-top:calc(var(--u)*14);padding-bottom:calc(var(--u)*14);display:flex;align-items:center}
.ref-detail-solution-connected-training .ct-sol-in{--cols:37% 1fr;width:100%;align-items:start}
.ref-detail-solution-connected-training .ct-sol-copy{padding-top:calc(var(--u)*6)}
.ref-detail-solution-connected-training .ct-sol .do-bg{object-position:0% 70%}
.ref-detail-solution-connected-training .ct-sol1::after,.ref-detail-solution-connected-training .ct-sol2::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,251,255,.92) 0%,rgba(248,251,255,.55) 45%,rgba(248,251,255,.15) 100%)}
.ref-detail-solution-connected-training .ct-sol .do-in{z-index:2}
.ref-detail-solution-connected-training .ct-books{margin-top:calc(var(--u)*70);margin-left:calc(var(--u)*-36);width:calc(var(--u)*240)}
.ref-detail-solution-connected-training .ct-books .do-book{height:calc(var(--u)*34);font-size:calc(var(--u)*13)}
.ref-detail-solution-connected-training .ct-books .do-book:nth-child(2){margin-left:calc(var(--u)*10)}
.ref-detail-solution-connected-training .ct-app{padding:calc(var(--u)*10);background:rgba(255,255,255,.97)}
.ref-detail-solution-connected-training .ct-app .ct-body{grid-template-columns:27% 1fr}
.ref-detail-solution-connected-training .ct-main{background:#fff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*4) calc(var(--u)*6)}
.ref-detail-solution-connected-training .ct-main h4{font-size:calc(var(--u)*13);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-solution-connected-training .ct-q{display:grid;grid-template-columns:1fr calc(var(--u)*100);gap:calc(var(--u)*6);align-items:end;margin-top:calc(var(--u)*8);border:1px solid #e3eaf5;border-radius:calc(var(--u)*7);padding:calc(var(--u)*10);font-size:calc(var(--u)*9)}
.ref-detail-solution-connected-training .ct-qno{color:var(--blue);font-weight:800;font-size:calc(var(--u)*10.5)}
.ref-detail-solution-connected-training .ct-opts{margin-top:calc(var(--u)*6)}
.ref-detail-solution-connected-training .ct-opts li{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*10);padding:calc(var(--u)*1.5) 0}
.ref-detail-solution-connected-training .ct-opts li::before{content:"";width:calc(var(--u)*10);height:calc(var(--u)*10);border-radius:50%;border:1px solid #8b97ad}
.ref-detail-solution-connected-training .ct-chips{display:flex;gap:calc(var(--u)*5);font-size:calc(var(--u)*9)}
.ref-detail-solution-connected-training .ct-chips span{border:1px solid #c9daf5;border-radius:calc(var(--u)*5);padding:calc(var(--u)*4) calc(var(--u)*7);background:#f4f8ff}
.ref-detail-solution-connected-training .ct-chips span:first-child{color:var(--blue-d);font-weight:700}
.ref-detail-solution-connected-training .ct-ans{grid-column:1/-1;display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*6)}
.ref-detail-solution-connected-training .ct-ans .do-input{width:calc(var(--u)*80)}
.ref-detail-solution-connected-training .ct-ans .do-btn{margin-left:auto;font-size:calc(var(--u)*10);padding:calc(var(--u)*7) calc(var(--u)*24)}
.ref-detail-solution-connected-training .ct-sol3{min-height:calc(var(--u)*205);display:flex;align-items:center}
.ref-detail-solution-connected-training .ct-sol3 .do-bg{object-position:60% 60%}
.ref-detail-solution-connected-training .ct-review{min-height:calc(var(--u)*301);display:flex;align-items:center}
.ref-detail-solution-connected-training .ct-review-in{--cols:40% 1fr;width:100%}
.ref-detail-solution-connected-training .ct-review .do-p{font-size:calc(var(--u)*11)}
.ref-detail-solution-connected-training .ct-list{padding:calc(var(--u)*12)}
.ref-detail-solution-connected-training .ct-list-top{display:flex;gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*10)}
.ref-detail-solution-connected-training .ct-list-top .do-btn{font-size:calc(var(--u)*10);padding:calc(var(--u)*7) calc(var(--u)*12)}
.ref-detail-solution-connected-training .ct-list-top .gray{border-color:#d5ddea;color:#45536f!important}
.ref-detail-solution-connected-training .ct-list li{display:grid;grid-template-columns:calc(var(--u)*30) 1fr auto auto auto;gap:calc(var(--u)*12);align-items:center;border:1px solid #e3eaf5;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*10);margin-top:calc(var(--u)*6);font-size:calc(var(--u)*9.5);color:#5a6680}
.ref-detail-solution-connected-training .ct-list li b{color:#14223f;font-size:calc(var(--u)*10.5)}
.ref-detail-solution-connected-training .ct-list li .do-btn{font-size:calc(var(--u)*9.5);padding:calc(var(--u)*6) calc(var(--u)*16)}
.ref-detail-solution-connected-training .ct-li-ic svg{width:calc(var(--u)*22);height:calc(var(--u)*22)}
.ref-detail-solution-connected-training .ct-li-ic.doc{color:#7a4fd0}
@media (max-width:700px){
.ref-detail-solution-connected-training .ct-monitor{border:6px solid #1c2232;border-radius:14px}
.ref-detail-solution-connected-training .ct-map{height:auto;display:flex;flex-direction:column;gap:12px}
.ref-detail-solution-connected-training .ct-lines{display:none}
.ref-detail-solution-connected-training .ct-core{position:static;transform:none;margin:0 auto}
.ref-detail-solution-connected-training .ct-nodes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ref-detail-solution-connected-training .ct-nodes li{position:static;transform:none;font-size:14px}
.ref-detail-solution-connected-training .ct-app .ct-body{grid-template-columns:1fr}
.ref-detail-solution-connected-training .ct-nav{flex-direction:row;flex-wrap:wrap}
.ref-detail-solution-connected-training .ct-q{grid-template-columns:1fr;font-size:14px}
.ref-detail-solution-connected-training .ct-list li{grid-template-columns:30px 1fr auto;font-size:14px}
.ref-detail-solution-connected-training .ct-list li > span:nth-of-type(2),.ref-detail-solution-connected-training .ct-list li > span:nth-of-type(3){display:none}
}

/* ---- detail-stories-pupil ---- */

.ref-detail-stories-pupil{--hero-h:calc(var(--u)*348)}
.ref-detail-stories-pupil .r-hero-copy{width:62%;padding-top:calc(var(--u)*50)}
.ref-detail-stories-pupil .r-hero-copy .do-h1{font-size:calc(var(--u)*44)}
.ref-detail-stories-pupil .r-hero-copy .do-lead{font-size:calc(var(--u)*19);font-weight:500;margin-bottom:calc(var(--u)*18)}
.ref-detail-stories-pupil .sp-eyebrow,.ref-detail-stories-pupil .r-hero-copy .do-eyebrow{color:#5a6a8a;font-weight:600;letter-spacing:.22em}
.ref-detail-stories-pupil .sp-rule{display:block;width:calc(var(--u)*40);height:calc(var(--u)*2.5);background:var(--blue);margin-bottom:calc(var(--u)*22)}
.ref-detail-stories-pupil .sp-three{display:grid;grid-template-columns:repeat(3,1fr)}
.ref-detail-stories-pupil .sp-three li{padding:0 calc(var(--u)*12);border-left:1px solid #cdd8ea}
.ref-detail-stories-pupil .sp-three li:first-child{padding-left:0;border-left:0}
.ref-detail-stories-pupil .sp-three .do-num{font-size:calc(var(--u)*13);margin-bottom:calc(var(--u)*4)}
.ref-detail-stories-pupil .sp-three h3{font-size:calc(var(--u)*15);font-weight:800;margin-bottom:calc(var(--u)*6)}
.ref-detail-stories-pupil .sp-three p:last-child{font-size:calc(var(--u)*9.5);color:#47536d}
.ref-detail-stories-pupil .sp-quote{right:calc(var(--u)*38);top:calc(var(--u)*46)}
.ref-detail-stories-pupil .sp-dash{min-height:calc(var(--u)*327);padding:calc(var(--u)*14) calc(var(--u)*26) 0}
.ref-detail-stories-pupil .sp-dash .do-bg{object-position:50% 80%}
.ref-detail-stories-pupil .sp-dash::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(220,234,252,.75),rgba(235,243,255,.35) 60%,rgba(255,255,255,0))}
.ref-detail-stories-pupil .sp-dash-in{display:grid;grid-template-columns:calc(var(--u)*150) calc(var(--u)*165) 1fr;gap:calc(var(--u)*12);z-index:2}
.ref-detail-stories-pupil .sp-side{padding:calc(var(--u)*14);min-height:calc(var(--u)*300)}
.ref-detail-stories-pupil .sp-side h4,.ref-detail-stories-pupil .sp-status h4{font-size:calc(var(--u)*13);font-weight:800;margin-bottom:calc(var(--u)*10);display:flex;align-items:center;gap:calc(var(--u)*6)}
.ref-detail-stories-pupil .sp-status h4 .do-i{color:var(--blue)}
.ref-detail-stories-pupil .sp-select{display:flex;justify-content:space-between;align-items:center;color:#22314f;margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-pupil .sp-side li{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*8) calc(var(--u)*10);border-bottom:1px solid #edf1f7;font-size:calc(var(--u)*10);font-weight:600}
.ref-detail-stories-pupil .sp-side li .do-i{color:var(--blue);font-size:calc(var(--u)*16);background:#e9f1ff;border-radius:calc(var(--u)*5);padding:calc(var(--u)*2)}
.ref-detail-stories-pupil .sp-side li.on{background:var(--blue);color:#fff;border-radius:calc(var(--u)*5)}
.ref-detail-stories-pupil .sp-side li.on .do-i{background:rgba(255,255,255,.2);color:#fff}
.ref-detail-stories-pupil .sp-status{margin-top:calc(var(--u)*40);align-self:start;padding:calc(var(--u)*14)}
.ref-detail-stories-pupil .sp-status li{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*9) 0;border-top:1px solid #edf1f7;font-size:calc(var(--u)*10.5)}
.ref-detail-stories-pupil .sp-d{display:inline-grid;place-items:center;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:calc(var(--u)*5);font-size:calc(var(--u)*11)}
.ref-detail-stories-pupil .sp-d.b{background:#e4efff;color:var(--blue)}
.ref-detail-stories-pupil .sp-d.g{background:#dff6ee;color:#1aa37a}
.ref-detail-stories-pupil .sp-d.r{background:#ffe6e8;color:#ec3d4f}
.ref-detail-stories-pupil .sp-dash-copy{padding-top:calc(var(--u)*30)}
.ref-detail-stories-pupil .sp-dash-copy h2{font-size:calc(var(--u)*18);font-weight:800;line-height:1.4;margin-bottom:calc(var(--u)*18)}
.ref-detail-stories-pupil .sp-tab{width:calc(var(--u)*240);margin-left:calc(var(--u)*10);border-radius:calc(var(--u)*14) calc(var(--u)*14) 0 0}
.ref-detail-stories-pupil .sp-tab-screen{display:grid;grid-template-columns:24% 1fr;gap:calc(var(--u)*8);padding:calc(var(--u)*10);font-size:calc(var(--u)*9);min-height:calc(var(--u)*150)}
.ref-detail-stories-pupil .sp-tab-nav li{height:calc(var(--u)*7);border-radius:3px;background:#e2e9f4;margin:calc(var(--u)*6) 0}
.ref-detail-stories-pupil .sp-tab-nav li.on{background:var(--blue)}
.ref-detail-stories-pupil .sp-row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:calc(var(--u)*8);align-items:center;background:#f4f8ff;border-radius:calc(var(--u)*5);padding:calc(var(--u)*6);margin-top:calc(var(--u)*6);font-weight:700}
.ref-detail-stories-pupil .sp-row .sp-d{grid-row:span 2}
.ref-detail-stories-pupil .sp-row i{height:calc(var(--u)*3);border-radius:2px;background:linear-gradient(90deg,#c8d6ec var(--w),#edf1f7 var(--w))}
.ref-detail-stories-pupil .sp-process{min-height:calc(var(--u)*314);padding-top:calc(var(--u)*34)}
.ref-detail-stories-pupil .sp-process .do-h2{font-size:calc(var(--u)*25);margin-bottom:calc(var(--u)*4)}
.ref-detail-stories-pupil .sp-bubbles{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*6);margin-top:calc(var(--u)*26);position:relative}
.ref-detail-stories-pupil .sp-bubbles::before{content:"";position:absolute;left:20%;right:20%;top:50%;height:calc(var(--u)*60);transform:translateY(-50%);background:linear-gradient(90deg,#e3efff,#e0f6f0,#ffe6e8);opacity:.7;border-radius:999px;z-index:0}
.ref-detail-stories-pupil .sp-bubbles li{position:relative;z-index:1}
.ref-detail-stories-pupil .sp-bubbles li:not(.sp-arrow){width:calc(var(--u)*148);height:calc(var(--u)*148);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ref-detail-stories-pupil .sp-bubbles li > .do-i{font-size:calc(var(--u)*30);margin-bottom:calc(var(--u)*6)}
.ref-detail-stories-pupil .sp-bubbles .b{background:#dcebff}
.ref-detail-stories-pupil .sp-bubbles .g{background:#d8f3ec}
.ref-detail-stories-pupil .sp-bubbles .g > .do-i{color:#17a37b}
.ref-detail-stories-pupil .sp-bubbles .r{background:#ffdfe2}
.ref-detail-stories-pupil .sp-bubbles .r > .do-i{color:#ec3d4f}
.ref-detail-stories-pupil .sp-bubbles .b > .do-i{color:var(--blue)}
.ref-detail-stories-pupil .sp-bubbles h3{font-size:calc(var(--u)*14);font-weight:800;margin-bottom:calc(var(--u)*6)}
.ref-detail-stories-pupil .sp-bubbles p{font-size:calc(var(--u)*10);color:#3f4b66}
.ref-detail-stories-pupil .sp-arrow{color:#506080;font-size:calc(var(--u)*18);padding:0 calc(var(--u)*30)}
.ref-detail-stories-pupil .sp-flow{min-height:calc(var(--u)*298);display:flex;align-items:center;padding-top:calc(var(--u)*18);padding-bottom:calc(var(--u)*18)}
.ref-detail-stories-pupil .sp-flow-in{--cols:28% 1fr;width:100%;gap:calc(var(--u)*24)}
.ref-detail-stories-pupil .sp-flow .do-h2{font-size:calc(var(--u)*25)}
.ref-detail-stories-pupil .sp-flow-cards{--n:3;--g:calc(var(--u)*10)}
.ref-detail-stories-pupil .sp-flow-cards .do-card{padding:calc(var(--u)*12)}
.ref-detail-stories-pupil .sp-flow-cards h3{color:var(--blue);font-size:calc(var(--u)*12.5);font-weight:800;margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-pupil .sp-flow-cards img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:calc(var(--u)*4);margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-pupil .sp-flow-cards p{font-size:calc(var(--u)*10);color:#3f4b66}
.ref-detail-stories-pupil .sp-together{min-height:calc(var(--u)*377);padding-top:calc(var(--u)*36);padding-bottom:calc(var(--u)*20)}
.ref-detail-stories-pupil .sp-together .do-bg{object-position:70% 30%;height:72%}
.ref-detail-stories-pupil .sp-together::before{content:"";position:absolute;inset:0 0 28% 0;z-index:0;background:linear-gradient(90deg,rgba(250,252,255,.97) 0%,rgba(250,252,255,.85) 48%,rgba(250,252,255,.1) 75%)}
.ref-detail-stories-pupil .sp-together .do-h2{font-size:calc(var(--u)*25)}
.ref-detail-stories-pupil .sp-quote2{right:calc(var(--u)*24);top:calc(var(--u)*24);font-size:calc(var(--u)*11.5)}
.ref-detail-stories-pupil .sp-tcards{--n:3;--g:calc(var(--u)*8);margin-top:calc(var(--u)*46)}
.ref-detail-stories-pupil .sp-tcards article{position:relative;overflow:hidden;background:#f3f8ff;border:calc(var(--u)*4) solid #fff;border-radius:calc(var(--u)*8);min-height:calc(var(--u)*150);box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(31,80,160,.1)}
.ref-detail-stories-pupil .sp-tcards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:90% 50%}
.ref-detail-stories-pupil .sp-tcards article::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,246,255,.97) 0%,rgba(240,246,255,.9) 50%,rgba(240,246,255,0) 85%)}
.ref-detail-stories-pupil .sp-tcards article > div{position:relative;z-index:1;padding:calc(var(--u)*16) calc(var(--u)*14)}
.ref-detail-stories-pupil .sp-tcards h3{font-size:calc(var(--u)*15);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-stories-pupil .sp-tcards p:last-child{font-size:calc(var(--u)*9.5);color:#3f4b66}
.ref-detail-stories-pupil .sp-cta{background:#ddebff;text-align:center;padding:calc(var(--u)*20) calc(var(--u)*36);min-height:calc(var(--u)*95);font-size:calc(var(--u)*11);color:#22314f}
.ref-detail-stories-pupil .sp-cta p{margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-pupil .sp-cta .do-btn{padding:calc(var(--u)*9) calc(var(--u)*34)}
@media (max-width:700px){
.ref-detail-stories-pupil .sp-three{grid-template-columns:1fr;gap:16px}
.ref-detail-stories-pupil .sp-three li{border-left:0;padding:0}
.ref-detail-stories-pupil .sp-three p:last-child,.ref-detail-stories-pupil .sp-tcards p:last-child,.ref-detail-stories-pupil .sp-flow-cards p,.ref-detail-stories-pupil .sp-bubbles p{font-size:14px}
.ref-detail-stories-pupil .sp-dash-in{grid-template-columns:1fr}
.ref-detail-stories-pupil .sp-side{min-height:0}
.ref-detail-stories-pupil .sp-status{margin-top:0}
.ref-detail-stories-pupil .sp-tab{width:100%;margin:0}
.ref-detail-stories-pupil .sp-bubbles{flex-direction:column}
.ref-detail-stories-pupil .sp-bubbles::before{display:none}
.ref-detail-stories-pupil .sp-arrow{transform:rotate(90deg);padding:0}
.ref-detail-stories-pupil .sp-bubbles li:not(.sp-arrow){width:200px;height:200px}
.ref-detail-stories-pupil .sp-together .do-bg{height:100%}
.ref-detail-stories-pupil .sp-cta{padding:28px 20px}
}

/* ---- detail-score-essential ---- */

.ref-detail-score-essential{--hero-h:calc(var(--u)*277)}
.ref-detail-score-essential .r-hero-copy{width:58%;padding-top:calc(var(--u)*58)}
.ref-detail-score-essential .se-eb{color:#47536d;letter-spacing:.04em;font-weight:500;font-size:calc(var(--u)*11.5)}
.ref-detail-score-essential .r-hero-copy .do-h1{font-size:calc(var(--u)*34)}
.ref-detail-score-essential .r-hero-copy .do-lead{font-weight:400;font-size:calc(var(--u)*17);color:#2b3853;margin-bottom:calc(var(--u)*16)}
.ref-detail-score-essential .se-rule{display:block;width:calc(var(--u)*24);height:calc(var(--u)*3);background:var(--blue);margin-bottom:calc(var(--u)*12)}
.ref-detail-score-essential .se-hero-p{font-size:calc(var(--u)*15);color:#2b3853;line-height:1.5}
.ref-detail-score-essential .se-plan{position:absolute;z-index:2;right:calc(var(--u)*18);top:calc(var(--u)*90);width:calc(var(--u)*180);padding:calc(var(--u)*10)}
.ref-detail-score-essential .se-plan h4{font-size:calc(var(--u)*11.5);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-score-essential .se-plan-in{display:grid;grid-template-columns:1fr calc(var(--u)*62);gap:calc(var(--u)*8)}
.ref-detail-score-essential .se-month{color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*6)}
.ref-detail-score-essential .se-todo li{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*9);padding:calc(var(--u)*3) 0}
.ref-detail-score-essential .se-todo li::before{content:"";width:calc(var(--u)*11);height:calc(var(--u)*11);border:1px solid #c3cee0;border-radius:calc(var(--u)*3)}
.ref-detail-score-essential .se-todo li.done::before{display:none}
.ref-detail-score-essential .se-todo li.done .do-i{width:calc(var(--u)*11);height:calc(var(--u)*11);background:var(--blue);color:#fff;border-radius:calc(var(--u)*3);stroke-width:3.4}
.ref-detail-score-essential .se-cal{background:#eef4ff;border-radius:calc(var(--u)*6);overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*8);padding-bottom:calc(var(--u)*8)}
.ref-detail-score-essential .se-cal-top{display:block;width:100%;height:calc(var(--u)*14);background:#9ec2ff}
.ref-detail-score-essential .se-cal b{font-size:calc(var(--u)*17);font-weight:800}
.ref-detail-score-essential .se-15{display:grid;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;background:var(--blue);color:#fff;font-size:calc(var(--u)*12)!important}
.ref-detail-score-essential .se-split{--cols:39% 1fr;width:100%}
.ref-detail-score-essential .do-sec{padding-top:calc(var(--u)*24);padding-bottom:calc(var(--u)*24)}
.ref-detail-score-essential .se-kicker{font-size:calc(var(--u)*12.5);font-weight:600;color:#1d2c4c;margin-bottom:calc(var(--u)*2)}
.ref-detail-score-essential .do-num small{font-size:calc(var(--u)*12)}
.ref-detail-score-essential .se-body{font-size:calc(var(--u)*12)}
.ref-detail-score-essential .se-body2{font-size:calc(var(--u)*10.5);margin-top:calc(var(--u)*14)!important}
.ref-detail-score-essential .se-s1{min-height:calc(var(--u)*353);display:flex;align-items:center}
.ref-detail-score-essential .se-s1::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,249,255,.96) 0%,rgba(244,249,255,.75) 50%,rgba(244,249,255,.4) 100%)}
.ref-detail-score-essential .se-s1 .do-in{z-index:2}
.ref-detail-score-essential .se-note{margin-top:calc(var(--u)*14);background:#e2eeff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12) calc(var(--u)*16);font-size:calc(var(--u)*11);color:#1d2c4c;max-width:calc(var(--u)*240)}
.ref-detail-score-essential .se-note p + p{margin-top:calc(var(--u)*8)}
.ref-detail-score-essential .se-s1-vis{position:relative;height:calc(var(--u)*270)}
.ref-detail-score-essential .se-read{position:absolute;left:0;top:calc(var(--u)*30);width:calc(var(--u)*270);padding:calc(var(--u)*12)}
.ref-detail-score-essential .se-read h4{font-size:calc(var(--u)*10);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-score-essential .se-read p{border:1px solid #e3eaf5;border-radius:calc(var(--u)*5);padding:calc(var(--u)*10);font-size:calc(var(--u)*8.5);line-height:1.75;color:#3f4b66}
.ref-detail-score-essential .se-vocab{position:absolute;right:0;top:calc(var(--u)*45);width:calc(var(--u)*140);padding:calc(var(--u)*8);background:#eef4ff}
.ref-detail-score-essential .se-vocab h4{display:flex;justify-content:space-between;font-size:calc(var(--u)*10);font-weight:800;margin-bottom:calc(var(--u)*6)}
.ref-detail-score-essential .se-vocab div{background:#fff;border-radius:calc(var(--u)*5);padding:calc(var(--u)*7);margin-top:calc(var(--u)*5);font-size:calc(var(--u)*8.5)}
.ref-detail-score-essential .se-vocab b{color:var(--blue-d);font-size:calc(var(--u)*10)}
.ref-detail-score-essential .se-flow{position:absolute;left:0;right:calc(var(--u)*10);bottom:calc(var(--u)*6);display:flex;align-items:center;justify-content:space-around;padding:calc(var(--u)*10)}
.ref-detail-score-essential .se-flow li{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*4);font-size:calc(var(--u)*9.5);font-weight:700}
.ref-detail-score-essential .se-flow li .do-i{font-size:calc(var(--u)*20);color:var(--blue-d)}
.ref-detail-score-essential .se-flow li.ar .do-i{font-size:calc(var(--u)*12);color:var(--blue)}
.ref-detail-score-essential .se-s2{min-height:calc(var(--u)*295);display:flex;align-items:center}
.ref-detail-score-essential .se-tab1{border-radius:calc(var(--u)*16) calc(var(--u)*16) 0 0;padding-bottom:0;margin-bottom:calc(var(--u)*-32);background:#2a3140}
.ref-detail-score-essential .se-chat{display:grid;grid-template-columns:28% 1fr;font-size:calc(var(--u)*9)}
.ref-detail-score-essential .se-chat-side{background:#f3f7fd;padding:calc(var(--u)*12) calc(var(--u)*8)}
.ref-detail-score-essential .se-bot{display:flex;align-items:center;gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*10)}
.ref-detail-score-essential .se-bot b{font-size:calc(var(--u)*10.5)}
.ref-detail-score-essential .se-bot-ic{display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:50%;background:#2f7bff;color:#fff;font-size:calc(var(--u)*13)}
.ref-detail-score-essential .se-chat-side li{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*6);border-radius:calc(var(--u)*5);color:#45536f}
.ref-detail-score-essential .se-chat-side li.on{background:var(--blue);color:#fff;font-weight:700}
.ref-detail-score-essential .se-chat-main{padding:calc(var(--u)*12);display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.ref-detail-score-essential .se-me{align-self:flex-end;background:#e4efff;border-radius:calc(var(--u)*7);padding:calc(var(--u)*7) calc(var(--u)*12);color:#1d2c4c}
.ref-detail-score-essential .se-ans{background:#f2f5fa;border-radius:calc(var(--u)*7);padding:calc(var(--u)*9);color:#22314f}
.ref-detail-score-essential .se-ans ol{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*8);margin-top:calc(var(--u)*6)}
.ref-detail-score-essential .se-ans li{display:flex;gap:calc(var(--u)*7);padding:calc(var(--u)*4) 0}
.ref-detail-score-essential .se-ans li b{display:grid;place-items:center;width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:50%;background:var(--blue);color:#fff;font-size:calc(var(--u)*8);flex:none}
.ref-detail-score-essential .se-time{text-align:right;font-size:calc(var(--u)*8);color:#7a869c}
.ref-detail-score-essential .se-s3{min-height:calc(var(--u)*293);display:flex;align-items:center}
.ref-detail-score-essential .se-s3-vis{position:relative;display:flex;align-items:center}
.ref-detail-score-essential .se-tab2{width:82%;transform:rotate(-1deg);background:#262c38}
.ref-detail-score-essential .se-chat.sm{font-size:calc(var(--u)*8)}
.ref-detail-score-essential .se-books{position:absolute;right:calc(var(--u)*-36);top:calc(var(--u)*20);width:calc(var(--u)*72)}
.ref-detail-score-essential .se-books .do-book{padding-left:calc(var(--u)*8);border-radius:calc(var(--u)*3) 0 0 calc(var(--u)*3)}
.ref-detail-score-essential .se-books .do-book.big{height:calc(var(--u)*66);font-size:calc(var(--u)*11);line-height:1.35;background:#e9edf3}
.ref-detail-score-essential .se-s4{min-height:calc(var(--u)*331);display:flex;align-items:center}
.ref-detail-score-essential .se-s4 .se-split{--cols:39% 1fr}
.ref-detail-score-essential .se-s4 .do-h2{font-size:calc(var(--u)*23)}
.ref-detail-score-essential .se-report{padding:calc(var(--u)*10)}
.ref-detail-score-essential .se-report h4{font-size:calc(var(--u)*11.5);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-score-essential .se-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*8);margin:calc(var(--u)*8) 0}
.ref-detail-score-essential .se-rep-box{border:1px solid #e3eaf5;border-radius:calc(var(--u)*6);padding:calc(var(--u)*9);font-size:calc(var(--u)*9.5)}
.ref-detail-score-essential .se-rep-box > b{display:block;font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*4)}
.ref-detail-score-essential .se-bars li{display:grid;grid-template-columns:calc(var(--u)*40) 1fr;align-items:center;padding:calc(var(--u)*3.5) 0}
.ref-detail-score-essential .se-bars i{height:calc(var(--u)*8);border-radius:99px;background:linear-gradient(90deg,var(--blue) var(--v),#e6eefa var(--v))}
.ref-detail-score-essential .se-weak{color:#1d2c4c}
.ref-detail-score-essential .se-weak li{padding:calc(var(--u)*3.5) 0 calc(var(--u)*3.5) calc(var(--u)*12)}
.ref-detail-score-essential .se-weak li::before{background:var(--blue);opacity:1}
.ref-detail-score-essential .se-sugg{display:flex;gap:calc(var(--u)*12);align-items:center;background:#eaf2ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*14);font-size:calc(var(--u)*9.5)}
.ref-detail-score-essential .se-sugg > .do-i{font-size:calc(var(--u)*24);color:var(--blue)}
.ref-detail-score-essential .se-sugg b{color:var(--blue-d)}
.ref-detail-score-essential .se-s5{min-height:calc(var(--u)*286);display:flex;align-items:center}
.ref-detail-score-essential .se-s5 .se-split{--cols:38% 1fr}
.ref-detail-score-essential .se-out{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*10);padding:calc(var(--u)*8);font-size:calc(var(--u)*9.5)}
.ref-detail-score-essential .se-out-col{background:#f3f7fe;border-radius:calc(var(--u)*6);overflow:hidden}
.ref-detail-score-essential .se-out-col h4{font-size:calc(var(--u)*11);font-weight:800;padding:calc(var(--u)*9) calc(var(--u)*12)}
.ref-detail-score-essential .se-out-body{background:#fff;margin:0 calc(var(--u)*4) calc(var(--u)*4);border-radius:calc(var(--u)*5);padding:calc(var(--u)*10);min-height:calc(var(--u)*180);display:flex;flex-direction:column;gap:calc(var(--u)*8);color:#2b3853;line-height:1.75}
.ref-detail-score-essential .se-out-body .do-math{font-size:calc(var(--u)*10.5)}
.ref-detail-score-essential .se-out-body .do-btn{font-size:calc(var(--u)*10);padding:calc(var(--u)*8)}
@media (max-width:700px){
.ref-detail-score-essential .se-s1-vis{height:auto;display:flex;flex-direction:column;gap:12px}
.ref-detail-score-essential .se-read,.ref-detail-score-essential .se-vocab,.ref-detail-score-essential .se-flow{position:static;width:auto}
.ref-detail-score-essential .se-flow{flex-wrap:wrap}
.ref-detail-score-essential .se-read p,.ref-detail-score-essential .se-vocab div,.ref-detail-score-essential .se-chat,.ref-detail-score-essential .se-rep-box,.ref-detail-score-essential .se-out{font-size:14px}
.ref-detail-score-essential .se-chat{grid-template-columns:1fr}
.ref-detail-score-essential .se-tab1{margin-bottom:0}
.ref-detail-score-essential .se-tab2{width:100%;transform:none}
.ref-detail-score-essential .se-rep-grid,.ref-detail-score-essential .se-out{grid-template-columns:1fr}
}

/* ---- detail-stories-success ---- */

.ref-detail-stories-success{--hero-h:calc(var(--u)*363)}
.ref-detail-stories-success .r-hero-copy{width:50%;padding-top:calc(var(--u)*46)}
.ref-detail-stories-success .ss-eb{letter-spacing:.38em;font-weight:600}
.ref-detail-stories-success .r-hero-copy .do-h1{font-size:calc(var(--u)*50)}
.ref-detail-stories-success .r-hero-copy .do-lead{font-size:calc(var(--u)*17);font-weight:500;margin-bottom:calc(var(--u)*18)}
.ref-detail-stories-success .ss-tiles{display:grid;grid-template-columns:repeat(3,calc(var(--u)*76));gap:calc(var(--u)*9)}
.ref-detail-stories-success .ss-tiles li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*6);height:calc(var(--u)*62);border-radius:calc(var(--u)*8);background:rgba(232,241,255,.92);color:#1d2c4c;font-size:calc(var(--u)*9.5);font-weight:600}
.ref-detail-stories-success .ss-tiles li .do-i{font-size:calc(var(--u)*20);color:var(--blue)}
.ref-detail-stories-success .ss-tiles li.on{background:var(--blue);color:#fff}
.ref-detail-stories-success .ss-tiles li.on .do-i{color:#fff}
.ref-detail-stories-success .ss-quote{right:calc(var(--u)*30);top:calc(var(--u)*40);font-size:calc(var(--u)*22);line-height:1.35;color:rgba(70,90,120,.55);font-weight:500}
.ref-detail-stories-success .ss-three{min-height:calc(var(--u)*186);padding-top:calc(var(--u)*20);padding-bottom:calc(var(--u)*24)}
.ref-detail-stories-success .ss-three-in{--n:3;--g:calc(var(--u)*14);margin:0 calc(var(--u)*-14)}
.ref-detail-stories-success .ss-three .do-card{display:flex;justify-content:space-between;gap:calc(var(--u)*8);padding:calc(var(--u)*22) calc(var(--u)*18);min-height:calc(var(--u)*140)}
.ref-detail-stories-success .ss-three .do-num{font-size:calc(var(--u)*11.5)}
.ref-detail-stories-success .ss-three .do-h3{font-size:calc(var(--u)*18);margin-bottom:calc(var(--u)*12)}
.ref-detail-stories-success .ss-three .do-p{font-size:calc(var(--u)*10.5)}
.ref-detail-stories-success .ss-big{color:var(--blue);font-size:calc(var(--u)*40);line-height:1}
.ref-detail-stories-success .ss-big .do-i{stroke-width:2.4}
.ref-detail-stories-success .ss-real{min-height:calc(var(--u)*320);display:flex;align-items:center;padding-right:0}
.ref-detail-stories-success .ss-real .do-bg{object-position:80% 80%}
.ref-detail-stories-success .ss-real::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,243,255,.97) 0%,rgba(234,243,255,.85) 45%,rgba(234,243,255,.2) 80%)}
.ref-detail-stories-success .ss-real .do-in{z-index:2}
.ref-detail-stories-success .ss-real-in{--cols:44% 1fr;width:100%}
.ref-detail-stories-success .ss-real .do-h2{font-size:calc(var(--u)*32)}
.ref-detail-stories-success .ss-real .do-p{font-size:calc(var(--u)*12.5)}
.ref-detail-stories-success .ss-desk{position:relative;padding-right:calc(var(--u)*80)}
.ref-detail-stories-success .ss-monitor{position:relative}
.ref-detail-stories-success .ss-screen{background:#fff;border:calc(var(--u)*8) solid #1d2332;border-radius:calc(var(--u)*12);padding:calc(var(--u)*10);box-shadow:0 calc(var(--u)*14) calc(var(--u)*30) rgba(14,30,70,.25)}
.ref-detail-stories-success .ss-brand{color:#e2333f;font-weight:800;font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*6)}
.ref-detail-stories-success .ss-scr-in{display:grid;grid-template-columns:40% 1fr;gap:calc(var(--u)*8)}
.ref-detail-stories-success .ss-side li{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*8.5);padding:calc(var(--u)*5) calc(var(--u)*7);border-radius:calc(var(--u)*5);color:#33415d}
.ref-detail-stories-success .ss-side li .do-i{color:#45536f}
.ref-detail-stories-success .ss-side li.on{background:var(--blue);color:#fff}
.ref-detail-stories-success .ss-side li.on .do-i{color:#fff}
.ref-detail-stories-success .ss-rec b{display:block;font-size:calc(var(--u)*11);margin-bottom:calc(var(--u)*6)}
.ref-detail-stories-success .ss-rec p{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:calc(var(--u)*8);row-gap:calc(var(--u)*3);background:#f3f7fd;border-radius:calc(var(--u)*5);padding:calc(var(--u)*7);margin-bottom:calc(var(--u)*5)}
.ref-detail-stories-success .ss-sq{grid-row:span 2;width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:calc(var(--u)*3);background:var(--c)}
.ref-detail-stories-success .ss-rec i{height:calc(var(--u)*4);border-radius:2px;background:#d5ddea}
.ref-detail-stories-success .ss-rec i + i{width:65%}
.ref-detail-stories-success .ss-stand{display:block;width:calc(var(--u)*60);height:calc(var(--u)*24);margin:0 auto;background:linear-gradient(180deg,#c9ced8,#eef1f5)}
.ref-detail-stories-success .ss-cup{position:absolute;right:calc(var(--u)*2);bottom:calc(var(--u)*6);width:calc(var(--u)*92);height:calc(var(--u)*92);border-radius:calc(var(--u)*8) calc(var(--u)*8) calc(var(--u)*14) calc(var(--u)*14);background:linear-gradient(90deg,#e6eaf0,#fff 40%,#eef1f5);box-shadow:0 calc(var(--u)*8) calc(var(--u)*18) rgba(20,40,80,.18);font-size:calc(var(--u)*8.5);padding:calc(var(--u)*12) calc(var(--u)*10);color:#2b3853;line-height:1.5}
.ref-detail-stories-success .ss-process{min-height:calc(var(--u)*340);padding-top:calc(var(--u)*34)}
.ref-detail-stories-success .ss-process .do-h2{font-size:calc(var(--u)*24);margin-bottom:calc(var(--u)*6)}
.ref-detail-stories-success .ss-process .do-p,.ref-detail-stories-success .ss-examples .do-p{font-size:calc(var(--u)*12)}
.ref-detail-stories-success .ss-steps{display:flex;align-items:stretch;gap:calc(var(--u)*4);margin:calc(var(--u)*24) calc(var(--u)*-18) 0}
.ref-detail-stories-success .ss-steps li:not(.ss-ar){flex:1;border-radius:calc(var(--u)*10);padding:calc(var(--u)*18) calc(var(--u)*10);text-align:center;display:flex;flex-direction:column;align-items:center;min-height:calc(var(--u)*162)}
.ref-detail-stories-success .ss-steps li > .do-i{font-size:calc(var(--u)*40);margin-bottom:calc(var(--u)*12)}
.ref-detail-stories-success .ss-steps h3{font-size:calc(var(--u)*11.5);font-weight:800;margin-bottom:calc(var(--u)*12);white-space:nowrap}
.ref-detail-stories-success .ss-steps p{font-size:calc(var(--u)*10);color:#3f4b66}
.ref-detail-stories-success .ss-steps .c1{background:#e6f0ff}
.ref-detail-stories-success .ss-steps .c1 > .do-i{color:var(--blue)}
.ref-detail-stories-success .ss-steps .c2{background:#e3f5f0}
.ref-detail-stories-success .ss-steps .c2 > .do-i{color:#159a85}
.ref-detail-stories-success .ss-steps .c3{background:#fff2e2}
.ref-detail-stories-success .ss-steps .c3 > .do-i{color:#f5a623}
.ref-detail-stories-success .ss-steps .c4{background:#ffeef0}
.ref-detail-stories-success .ss-steps .c4 > .do-i{color:#e5333f}
.ref-detail-stories-success .ss-ar{align-self:center;color:var(--blue);font-size:calc(var(--u)*16)}
.ref-detail-stories-success .ss-examples{min-height:calc(var(--u)*313);padding-top:calc(var(--u)*30)}
.ref-detail-stories-success .ss-examples .do-h2{font-size:calc(var(--u)*25);margin-bottom:calc(var(--u)*4)}
.ref-detail-stories-success .ss-ex{--n:4;--g:calc(var(--u)*10);margin:calc(var(--u)*22) calc(var(--u)*-18) 0}
.ref-detail-stories-success .ss-ex .do-card{padding:calc(var(--u)*14);text-align:center}
.ref-detail-stories-success .ss-ex h3{font-size:calc(var(--u)*10.5);font-weight:700;margin-bottom:calc(var(--u)*12)}
.ref-detail-stories-success .ss-ill{position:relative;border:1px solid #dfe7f2;border-radius:calc(var(--u)*6);height:calc(var(--u)*104);padding:calc(var(--u)*10) calc(var(--u)*12);display:flex;flex-direction:column;gap:calc(var(--u)*6);text-align:left}
.ref-detail-stories-success .ss-ill i{display:block;width:var(--w);height:calc(var(--u)*5);border-radius:2px;background:#dfe6f1}
.ref-detail-stories-success .ss-ill i.h{height:calc(var(--u)*8)}
.ref-detail-stories-success .ss-sad{position:absolute;right:calc(var(--u)*10);bottom:calc(var(--u)*10);display:grid;place-items:center;width:calc(var(--u)*36);height:calc(var(--u)*36);border-radius:50%;background:#cfe2ff;color:#2f6fd8;font-size:calc(var(--u)*24)}
.ref-detail-stories-success .ss-checks p{display:flex;align-items:center;gap:calc(var(--u)*8)}
.ref-detail-stories-success .ss-checks b{display:grid;place-items:center;width:calc(var(--u)*13);height:calc(var(--u)*13);border-radius:calc(var(--u)*3);background:#45b8b0;color:#fff;font-size:calc(var(--u)*10)}
.ref-detail-stories-success .ss-checks b .do-i{stroke-width:3.2}
.ref-detail-stories-success .ss-chart .ss-cols{flex:1;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #cfd9e8;padding:0 calc(var(--u)*6)}
.ref-detail-stories-success .ss-cols span{width:calc(var(--u)*11);height:var(--h);background:linear-gradient(180deg,#8fbdf5,#5f9de8)}
.ref-detail-stories-success .ss-say .ss-bubble{background:#dfeaff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8);display:flex;flex-direction:column;gap:calc(var(--u)*5)}
.ref-detail-stories-success .ss-say .ss-bubble i{background:#b9cdf0}
.ref-detail-stories-success .ss-say p{display:flex;align-items:center;gap:calc(var(--u)*10);margin-top:calc(var(--u)*4)}
.ref-detail-stories-success .ss-say p span{color:#4c7ec9;font-size:calc(var(--u)*30)}
.ref-detail-stories-success .ss-say p span .do-i{fill:#5d8fd6;stroke:#5d8fd6}
.ref-detail-stories-success .ss-prep{min-height:calc(var(--u)*296);display:flex;align-items:center;justify-content:center}
.ref-detail-stories-success .ss-prep::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(250,252,255,.94) 0%,rgba(250,252,255,.7) 45%,rgba(250,252,255,.1) 80%)}
.ref-detail-stories-success .ss-prep .do-in{z-index:2}
.ref-detail-stories-success .ss-prep-ic{width:calc(var(--u)*72);height:calc(var(--u)*72);background:#dbe9ff;color:#1d4fa8;margin-bottom:calc(var(--u)*16)}
.ref-detail-stories-success .ss-prep-ic .do-i{fill:#1d4fa8}
.ref-detail-stories-success .ss-prep .do-h2{font-size:calc(var(--u)*21)}
@media (max-width:700px){
.ref-detail-stories-success .ss-tiles{grid-template-columns:repeat(3,1fr)}
.ref-detail-stories-success .ss-tiles li{height:72px;font-size:13px}
.ref-detail-stories-success .ss-quote{font-size:20px}
.ref-detail-stories-success .ss-three-in,.ref-detail-stories-success .ss-steps,.ref-detail-stories-success .ss-ex{margin-left:0;margin-right:0}
.ref-detail-stories-success .ss-steps{flex-direction:column}
.ref-detail-stories-success .ss-ar{transform:rotate(90deg)}
.ref-detail-stories-success .ss-steps h3{white-space:normal;font-size:18px}
.ref-detail-stories-success .ss-steps p,.ref-detail-stories-success .ss-three .do-p{font-size:14px}
.ref-detail-stories-success .ss-desk{padding-right:0}
.ref-detail-stories-success .ss-cup{display:none}
.ref-detail-stories-success .ss-side li,.ref-detail-stories-success .ss-ex h3{font-size:13px}
}

/* ---- detail-curriculum-practice ---- */

.ref-detail-curriculum-practice{--hero-h:calc(var(--u)*414)}
.ref-detail-curriculum-practice .r-hero-copy{width:46%;padding-top:calc(var(--u)*50)}
.ref-detail-curriculum-practice .cp-eb{letter-spacing:.06em;font-weight:500;font-size:calc(var(--u)*11)}
.ref-detail-curriculum-practice .cp-h1{font-size:calc(var(--u)*50)!important;color:var(--blue)!important}
.ref-detail-curriculum-practice .r-hero-copy .do-lead{font-size:calc(var(--u)*14);font-weight:700;margin-bottom:calc(var(--u)*24)}
.ref-detail-curriculum-practice .r-hero-copy .do-p{font-size:calc(var(--u)*11.5)}
.ref-detail-curriculum-practice .cp-feat{margin-top:calc(var(--u)*18);display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.ref-detail-curriculum-practice .cp-feat li{display:flex;align-items:center;gap:calc(var(--u)*10);font-size:calc(var(--u)*11);font-weight:600}
.ref-detail-curriculum-practice .cp-feat .do-ic{width:calc(var(--u)*34);height:calc(var(--u)*34);background:#dceaff}
.ref-detail-curriculum-practice .cp-exam{position:absolute;z-index:2;right:calc(var(--u)*12);top:calc(var(--u)*46);width:calc(var(--u)*322);padding:calc(var(--u)*8);background:#20242e}
.ref-detail-curriculum-practice .cp-exam-in{padding:calc(var(--u)*12);font-size:calc(var(--u)*9.5)}
.ref-detail-curriculum-practice .cp-exam .cp-opts li{padding:0;font-size:calc(var(--u)*9.5)}
.ref-detail-curriculum-practice .cp-exam .cp-lim{margin:calc(var(--u)*2) 0 calc(var(--u)*2) calc(var(--u)*14)}
.ref-detail-curriculum-practice .cp-exam-in h4,.ref-detail-curriculum-practice .cp-lhead b{font-size:calc(var(--u)*13);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-curriculum-practice .cp-row,.ref-detail-curriculum-practice .cp-lhead{display:flex;gap:calc(var(--u)*8);align-items:center;margin-bottom:calc(var(--u)*8)}
.ref-detail-curriculum-practice .cp-sel{display:inline-flex;gap:calc(var(--u)*12);align-items:center;color:var(--blue-d);font-weight:700;padding:calc(var(--u)*5) calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-sel2{color:#22314f;padding:calc(var(--u)*5) calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-timer{display:flex;align-items:center;gap:calc(var(--u)*6);border:1px solid #e3eaf5;border-radius:calc(var(--u)*5);padding:calc(var(--u)*5) calc(var(--u)*8);margin-bottom:calc(var(--u)*8);color:#45536f}
.ref-detail-curriculum-practice .cp-timer .do-i{color:var(--blue)}
.ref-detail-curriculum-practice .cp-timer b{color:#e5333f;font-size:calc(var(--u)*13)}
.ref-detail-curriculum-practice .cp-timer span{margin-left:auto;font-weight:700;color:#22314f}
.ref-detail-curriculum-practice .cp-q-wrap{display:grid;grid-template-columns:1fr calc(var(--u)*120);gap:calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-small{font-size:calc(var(--u)*8.5);font-weight:700;margin-bottom:calc(var(--u)*4)}
.ref-detail-curriculum-practice .cp-lim{font-size:calc(var(--u)*14);margin:calc(var(--u)*6) 0 calc(var(--u)*6) calc(var(--u)*14);display:flex;align-items:center;gap:calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-frac{display:inline-flex;flex-direction:column;text-align:center}
.ref-detail-curriculum-practice .cp-frac span:first-child{border-bottom:1px solid #22314f}
.ref-detail-curriculum-practice .cp-opts{counter-reset:o}
.ref-detail-curriculum-practice .cp-opts li{counter-increment:o;display:flex;gap:calc(var(--u)*8);padding:calc(var(--u)*1.5) 0;font-size:calc(var(--u)*10.5)}
.ref-detail-curriculum-practice .cp-opts li::before{content:counter(o);display:inline-grid;place-items:center;width:calc(var(--u)*12);height:calc(var(--u)*12);border:1px solid #7b879c;border-radius:50%;font-size:calc(var(--u)*8);font-family:sans-serif}
.ref-detail-curriculum-practice .cp-grid-box{border:1px solid #e3eaf5;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8);display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.ref-detail-curriculum-practice .cp-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*4)}
.ref-detail-curriculum-practice .cp-nums span{display:grid;place-items:center;height:calc(var(--u)*20);border:1px solid #d9e1ee;border-radius:calc(var(--u)*4);font-size:calc(var(--u)*9)}
.ref-detail-curriculum-practice .cp-nums span.on{background:#3b82f6;color:#fff;border-color:#3b82f6}
.ref-detail-curriculum-practice .cp-legend{background:#eef3fa;border-radius:calc(var(--u)*5);padding:calc(var(--u)*7);color:var(--blue-d);font-weight:600;font-size:calc(var(--u)*9)}
.ref-detail-curriculum-practice .cp-legend span{color:#7a869c;font-weight:400}
.ref-detail-curriculum-practice .cp-nav{display:flex;justify-content:flex-end;gap:calc(var(--u)*8);margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-nav .do-btn{font-size:calc(var(--u)*10);padding:calc(var(--u)*7) calc(var(--u)*18)}
.ref-detail-curriculum-practice .gray{border-color:#d5ddea!important;color:#33415d!important}
.ref-detail-curriculum-practice .cp-steps{min-height:calc(var(--u)*233);padding-top:calc(var(--u)*30)}
.ref-detail-curriculum-practice .cp-four{display:flex;justify-content:space-between;align-items:flex-start}
.ref-detail-curriculum-practice .cp-four li:not(.cp-ar){flex:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.ref-detail-curriculum-practice .cp-k{color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*8)}
.ref-detail-curriculum-practice .cp-circle{display:grid;place-items:center;width:calc(var(--u)*64);height:calc(var(--u)*64);border-radius:50%;background:#123a7e;color:#fff;font-size:calc(var(--u)*26);margin-bottom:calc(var(--u)*12)}
.ref-detail-curriculum-practice .cp-four h3{font-size:calc(var(--u)*16);font-weight:800}
.ref-detail-curriculum-practice .cp-b{color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*10.5);margin:calc(var(--u)*2) 0 calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-four li p:last-child{font-size:calc(var(--u)*10);color:#3f4b66}
.ref-detail-curriculum-practice .cp-ar{color:var(--blue);font-size:calc(var(--u)*14);margin-top:calc(var(--u)*50)}
.ref-detail-curriculum-practice .cp-s1{min-height:calc(var(--u)*264);padding-top:calc(var(--u)*22);padding-bottom:calc(var(--u)*22);padding-right:0}
.ref-detail-curriculum-practice .cp-s1-in{display:grid;grid-template-columns:36% 1fr calc(var(--u)*150);gap:calc(var(--u)*18);align-items:center}
.ref-detail-curriculum-practice .cp-no{color:var(--blue);font-weight:800;font-size:calc(var(--u)*16);margin-bottom:calc(var(--u)*4)}
.ref-detail-curriculum-practice .cp-sub{font-size:calc(var(--u)*14);font-weight:600;color:#1d2c4c;margin-bottom:calc(var(--u)*14);line-height:1.45}
.ref-detail-curriculum-practice .cp-s1 .do-p,.ref-detail-curriculum-practice .cp-s2 .do-p,.ref-detail-curriculum-practice .cp-s3 .do-p{font-size:calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-form{padding:calc(var(--u)*14);margin-right:calc(var(--u)*-18)}
.ref-detail-curriculum-practice .cp-subj{margin-bottom:calc(var(--u)*12)}
.ref-detail-curriculum-practice .cp-subj .do-tab{background:#fff;border:1px solid #e3eaf5}
.ref-detail-curriculum-practice .cp-subj .do-tab.on{background:var(--blue)}
.ref-detail-curriculum-practice .cp-field{display:grid;grid-template-columns:calc(var(--u)*80) 1fr;align-items:center;margin-bottom:calc(var(--u)*9);font-size:calc(var(--u)*9.5)}
.ref-detail-curriculum-practice .cp-field .do-input{display:flex;justify-content:space-between;color:#22314f}
.ref-detail-curriculum-practice .cp-start{margin-top:calc(var(--u)*4);padding:calc(var(--u)*10);font-size:calc(var(--u)*11.5)}
.ref-detail-curriculum-practice .cp-books{transform:none}
.ref-detail-curriculum-practice .cp-books .do-book{height:calc(var(--u)*30);padding-left:calc(var(--u)*40);font-size:calc(var(--u)*11.5)}
.ref-detail-curriculum-practice .cp-books .do-book:nth-child(2){margin-left:calc(var(--u)*-8)}
.ref-detail-curriculum-practice .cp-books .do-book:nth-child(4){margin-left:calc(var(--u)*-4)}
.ref-detail-curriculum-practice .cp-s2{min-height:calc(var(--u)*303);padding-top:calc(var(--u)*20);padding-bottom:calc(var(--u)*20);padding-left:calc(var(--u)*14)}
.ref-detail-curriculum-practice .cp-s2-in{--cols:60% 1fr}
.ref-detail-curriculum-practice .cp-lid{background:#1d212b;border-radius:calc(var(--u)*12) calc(var(--u)*12) 0 0;padding:calc(var(--u)*9) calc(var(--u)*9) calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-lscreen{background:#fff;border-radius:calc(var(--u)*3);padding:calc(var(--u)*9) calc(var(--u)*12);font-size:calc(var(--u)*9)}
.ref-detail-curriculum-practice .cp-lscreen .cp-timer,.ref-detail-curriculum-practice .cp-lscreen .cp-lhead{margin-bottom:calc(var(--u)*5)}
.ref-detail-curriculum-practice .cp-lscreen .cp-grid-box{gap:calc(var(--u)*5);padding:calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-lscreen .cp-nav{margin-top:0}
.ref-detail-curriculum-practice .cp-lscreen .cp-nav .do-btn,.ref-detail-curriculum-practice .cp-lscreen .cp-grid-box > .do-btn{padding:calc(var(--u)*5) calc(var(--u)*12)}
.ref-detail-curriculum-practice .cp-lscreen .cp-q3-tri{width:calc(var(--u)*96)}
.ref-detail-curriculum-practice .cp-lscreen .cp-q-wrap{grid-template-columns:1fr calc(var(--u)*150)}
.ref-detail-curriculum-practice .cp-lscreen .cp-nums{grid-template-columns:repeat(5,1fr)}
.ref-detail-curriculum-practice .cp-lscreen .cp-nums span:first-child{grid-column:2}
.ref-detail-curriculum-practice .cp-lscreen .do-btn{white-space:nowrap}
.ref-detail-curriculum-practice .cp-lscreen .cp-opts li{padding:0}
.ref-detail-curriculum-practice .cp-base{display:block;height:calc(var(--u)*12);margin:0 calc(var(--u)*-30);background:linear-gradient(180deg,#d9dde4,#a7adb8);border-radius:0 0 calc(var(--u)*14) calc(var(--u)*14)}
.ref-detail-curriculum-practice .cp-q3{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*14);align-items:center;margin-top:calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-q3-tri{width:calc(var(--u)*110)}
.ref-detail-curriculum-practice .cp-checks{margin-top:calc(var(--u)*16)}
.ref-detail-curriculum-practice .cp-checks li{font-size:calc(var(--u)*10.5);padding:calc(var(--u)*5) 0}
.ref-detail-curriculum-practice .cp-s3{min-height:calc(var(--u)*317);padding-top:calc(var(--u)*22);padding-bottom:calc(var(--u)*18);padding-right:calc(var(--u)*14)}
.ref-detail-curriculum-practice .cp-s3-in{--cols:34% 1fr;align-items:start}
.ref-detail-curriculum-practice .cp-ana{padding:calc(var(--u)*7);border-radius:calc(var(--u)*12)}
.ref-detail-curriculum-practice .cp-ana-in{padding:calc(var(--u)*10);font-size:calc(var(--u)*9)}
.ref-detail-curriculum-practice .cp-ana-tabs{display:flex;gap:calc(var(--u)*5);align-items:center;margin-bottom:calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-ana-tabs b{color:var(--blue-d);margin-right:calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-ana-tabs .do-tab{flex:none;padding:calc(var(--u)*5) calc(var(--u)*12);background:#fff;border:1px solid #e3eaf5}
.ref-detail-curriculum-practice .cp-ana-tabs .do-tab.on{background:var(--blue)}
.ref-detail-curriculum-practice .cp-ana-body{display:grid;grid-template-columns:calc(var(--u)*70) 1fr calc(var(--u)*140);gap:calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-qlist{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6)}
.ref-detail-curriculum-practice .cp-qlist span{display:grid;place-items:center;width:100%;height:calc(var(--u)*24);border:1px solid #dfe7f2;border-radius:calc(var(--u)*5)}
.ref-detail-curriculum-practice .cp-qlist span.on{background:#a9c8ff;border-color:#a9c8ff}
.ref-detail-curriculum-practice .cp-qlist i{font-style:normal;color:#45536f}
.ref-detail-curriculum-practice .cp-sol{display:flex;flex-direction:column;gap:calc(var(--u)*7);border-left:1px solid #eef1f6;border-right:1px solid #eef1f6;padding:0 calc(var(--u)*10);color:#22314f}
.ref-detail-curriculum-practice .cp-ans span{display:inline-grid;place-items:center;width:calc(var(--u)*16);height:calc(var(--u)*16);border:1px solid #7b879c;border-radius:50%;margin-left:calc(var(--u)*10)}
.ref-detail-curriculum-practice .cp-eq{font-size:calc(var(--u)*10.5);line-height:1.6}
.ref-detail-curriculum-practice .cp-rel{display:flex;flex-direction:column;gap:calc(var(--u)*4)}
.ref-detail-curriculum-practice .cp-rel > span{background:#eef3fa;border-radius:calc(var(--u)*4);padding:calc(var(--u)*4) calc(var(--u)*8)}
.ref-detail-curriculum-practice .cp-rel > span.x{color:#22314f}
.ref-detail-curriculum-practice .cp-rel > span.x::first-letter{color:#e5333f}
.ref-detail-curriculum-practice .cp-rev{margin-top:calc(var(--u)*6);background:#e8f0ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7)}
.ref-detail-curriculum-practice .cp-rev span{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:calc(var(--u)*4);padding:calc(var(--u)*5) calc(var(--u)*7);margin-top:calc(var(--u)*5)}
.ref-detail-curriculum-practice .cp-final{min-height:calc(var(--u)*241);padding:calc(var(--u)*10) calc(var(--u)*20) calc(var(--u)*16)}
.ref-detail-curriculum-practice .cp-final-in{display:grid;grid-template-columns:47% 1fr;gap:calc(var(--u)*18);align-items:center}
.ref-detail-curriculum-practice .cp-final-photo{width:100%;height:calc(var(--u)*210);object-fit:cover;border-radius:calc(var(--u)*8);-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.ref-detail-curriculum-practice .cp-final .do-h2{font-size:calc(var(--u)*21)}
.ref-detail-curriculum-practice .cp-final-icons{display:flex;justify-content:space-between;margin:calc(var(--u)*12) 0 calc(var(--u)*16)}
.ref-detail-curriculum-practice .cp-final-icons li{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*8);text-align:center;font-weight:700;font-size:calc(var(--u)*10.5)}
.ref-detail-curriculum-practice .cp-final-icons .do-ic{width:calc(var(--u)*56);height:calc(var(--u)*56);background:#e4efff}
.ref-detail-curriculum-practice .cp-final .do-p{font-size:calc(var(--u)*10.5)}
@media (max-width:700px){
.ref-detail-curriculum-practice .cp-four{flex-direction:column;align-items:center;gap:16px}
.ref-detail-curriculum-practice .cp-ar{transform:rotate(90deg);margin:0}
.ref-detail-curriculum-practice .cp-s1-in,.ref-detail-curriculum-practice .cp-final-in{grid-template-columns:1fr}
.ref-detail-curriculum-practice .cp-form{margin-right:0}
.ref-detail-curriculum-practice .cp-q-wrap,.ref-detail-curriculum-practice .cp-lscreen .cp-q-wrap,.ref-detail-curriculum-practice .cp-ana-body{grid-template-columns:1fr}
.ref-detail-curriculum-practice .cp-base{margin:0}
.ref-detail-curriculum-practice .cp-lscreen,.ref-detail-curriculum-practice .cp-ana-in,.ref-detail-curriculum-practice .cp-four li p:last-child,.ref-detail-curriculum-practice .cp-s1 .do-p,.ref-detail-curriculum-practice .cp-s2 .do-p,.ref-detail-curriculum-practice .cp-s3 .do-p{font-size:14px}
.ref-detail-curriculum-practice .cp-ana-tabs{flex-wrap:wrap}
.ref-detail-curriculum-practice .cp-final-photo{height:220px}
}

/* ---- detail-stories-growth ---- */

.ref-detail-stories-growth{--hero-h:calc(var(--u)*270)}
.ref-detail-stories-growth .r-hero-copy{width:52%;padding-top:calc(var(--u)*72)}
.ref-detail-stories-growth .sg-eb{font-size:calc(var(--u)*14);letter-spacing:.08em;font-weight:600}
.ref-detail-stories-growth .r-hero-copy .do-h1{font-size:calc(var(--u)*46)}
.ref-detail-stories-growth .r-hero-copy .do-lead{font-size:calc(var(--u)*16);font-weight:400}
.ref-detail-stories-growth .sg-quote{right:calc(var(--u)*24);top:calc(var(--u)*56);width:calc(var(--u)*134);padding:calc(var(--u)*14);background:rgba(255,255,255,.75);border-radius:calc(var(--u)*6);font-size:calc(var(--u)*13);line-height:1.5;box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(30,60,120,.1)}
.ref-detail-stories-growth .sg-quote span{display:block;width:calc(var(--u)*28);height:calc(var(--u)*2);background:var(--blue);margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-growth .sg-three{min-height:calc(var(--u)*192);padding-top:calc(var(--u)*18)}
.ref-detail-stories-growth .sg-three-in{--n:3;--g:calc(var(--u)*10);margin:0 calc(var(--u)*-12)}
.ref-detail-stories-growth .sg-card{position:relative;background:#eef5ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*24) calc(var(--u)*20) calc(var(--u)*18);min-height:calc(var(--u)*156)}
.ref-detail-stories-growth .sg-card .do-ic{position:absolute;right:calc(var(--u)*18);top:calc(var(--u)*14);width:calc(var(--u)*50);height:calc(var(--u)*50);background:#dbe9ff}
.ref-detail-stories-growth .sg-card .do-num{font-size:calc(var(--u)*11)}
.ref-detail-stories-growth .sg-card .do-h3{font-size:calc(var(--u)*15);margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-growth .sg-card p:last-child{font-size:calc(var(--u)*10.5);color:#3f4b66}
.ref-detail-stories-growth .sg-data{min-height:calc(var(--u)*314);padding-top:calc(var(--u)*30);padding-bottom:0;padding-right:calc(var(--u)*14)}
.ref-detail-stories-growth .sg-data .do-bg{object-position:90% 50%}
.ref-detail-stories-growth .sg-data::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(236,244,255,.97) 0%,rgba(236,244,255,.9) 58%,rgba(236,244,255,.3) 100%)}
.ref-detail-stories-growth .sg-data .do-in{z-index:2}
.ref-detail-stories-growth .sg-data-in{display:grid;grid-template-columns:1fr calc(var(--u)*290);gap:calc(var(--u)*6);align-items:end}
.ref-detail-stories-growth .sg-rule{display:block;width:calc(var(--u)*34);height:calc(var(--u)*3);background:var(--blue);margin-bottom:calc(var(--u)*14)}
.ref-detail-stories-growth .sg-pre{font-size:calc(var(--u)*12.5);color:#33405c;margin-bottom:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-h2{font-size:calc(var(--u)*17);font-weight:800;line-height:1.5;margin-bottom:calc(var(--u)*22);white-space:nowrap}
.ref-detail-stories-growth .sg-circles{display:flex;align-items:center;gap:calc(var(--u)*2);padding-bottom:calc(var(--u)*24)}
.ref-detail-stories-growth .sg-circles li:not(.ar){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*4);width:calc(var(--u)*88);height:calc(var(--u)*88);border-radius:50%;background:rgba(228,239,255,.95);text-align:center;font-size:calc(var(--u)*9.5);font-weight:600}
.ref-detail-stories-growth .sg-circles li:not(.ar) .do-i{font-size:calc(var(--u)*20);color:var(--blue)}
.ref-detail-stories-growth .sg-circles .ar{color:var(--blue);font-size:calc(var(--u)*11)}
.ref-detail-stories-growth .sg-tab-wrap{position:relative;padding-top:calc(var(--u)*70)}
.ref-detail-stories-growth .sg-badge{position:absolute;right:0;top:0;display:flex;align-items:center;gap:calc(var(--u)*8);background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*12);font-size:calc(var(--u)*9.5);box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(30,60,120,.12)}
.ref-detail-stories-growth .sg-badge .do-ic{width:calc(var(--u)*30);height:calc(var(--u)*30)}
.ref-detail-stories-growth .sg-tab{border-radius:calc(var(--u)*14) calc(var(--u)*14) calc(var(--u)*14) 0;padding:calc(var(--u)*7)}
.ref-detail-stories-growth .sg-tab-in{display:grid;grid-template-columns:33% 1fr;font-size:calc(var(--u)*8.5)}
.ref-detail-stories-growth .sg-tnav{background:#1a3d82;color:#dfe8ff;padding:calc(var(--u)*8) calc(var(--u)*6)}
.ref-detail-stories-growth .sg-tnav li{display:flex;align-items:center;gap:calc(var(--u)*5);padding:calc(var(--u)*6) calc(var(--u)*5);border-radius:calc(var(--u)*4)}
.ref-detail-stories-growth .sg-tnav li.brand{font-weight:800;color:#fff}
.ref-detail-stories-growth .sg-tnav li.on{background:#2f6fe8}
.ref-detail-stories-growth .sg-tmain{padding:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-tmain b{font-size:calc(var(--u)*10)}
.ref-detail-stories-growth .sg-tchart{width:100%;height:auto;margin:calc(var(--u)*4) 0}
.ref-detail-stories-growth .sg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*4)}
.ref-detail-stories-growth .sg-tiles span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3);background:#f3f7fd;border-radius:calc(var(--u)*4);padding:calc(var(--u)*5) calc(var(--u)*2);font-size:calc(var(--u)*7)}
.ref-detail-stories-growth .sg-tiles .do-i{font-size:calc(var(--u)*12);color:var(--blue)}
.ref-detail-stories-growth .sg-tiles .g .do-i{color:#1aa37a}
.ref-detail-stories-growth .sg-tiles .r .do-i{color:#e5333f}
.ref-detail-stories-growth .sg-tiles .p .do-i{color:#7a5af0}
.ref-detail-stories-growth .sg-records{min-height:calc(var(--u)*680);padding-top:calc(var(--u)*34);padding-left:calc(var(--u)*26);padding-right:calc(var(--u)*26)}
.ref-detail-stories-growth .sg-records .do-h2{font-size:calc(var(--u)*21);margin-bottom:calc(var(--u)*16)}
.ref-detail-stories-growth .sg-rec-grid{--n:2;--g:calc(var(--u)*10)}
.ref-detail-stories-growth .sg-panel{border:1px solid #e3eaf5;border-radius:calc(var(--u)*8);padding:calc(var(--u)*14);background:#fff;scroll-margin-top:120px}
.ref-detail-stories-growth .sg-panel header{display:flex;align-items:center;gap:calc(var(--u)*10);margin-bottom:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-panel h3{font-size:calc(var(--u)*14);font-weight:800}
.ref-detail-stories-growth .sg-hic{display:grid;place-items:center;width:calc(var(--u)*28);height:calc(var(--u)*28);border-radius:50%;color:#fff;font-size:calc(var(--u)*14)}
.ref-detail-stories-growth .sg-hic.b{background:var(--blue)}
.ref-detail-stories-growth .sg-hic.g{background:#1aa35f}
.ref-detail-stories-growth .sg-hic.r{background:#e5333f}
.ref-detail-stories-growth .sg-dd{margin-left:auto;display:inline-flex;gap:calc(var(--u)*10);align-items:center;color:#33415d;padding:calc(var(--u)*5) calc(var(--u)*9);font-size:calc(var(--u)*9)}
.ref-detail-stories-growth .sg-desc{font-size:calc(var(--u)*9.5);color:#3f4b66;padding-bottom:calc(var(--u)*10);border-bottom:1px solid #eef1f6;margin-bottom:calc(var(--u)*10)}
.ref-detail-stories-growth .sg-two{display:grid;grid-template-columns:1fr 1.08fr;gap:calc(var(--u)*12);font-size:calc(var(--u)*9)}
.ref-detail-stories-growth .sg-two b{display:block;font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-two b small{font-weight:400;color:#7a869c;font-size:calc(var(--u)*8);margin-left:calc(var(--u)*6)}
.ref-detail-stories-growth .sg-line{width:100%;height:auto}
.ref-detail-stories-growth .sg-legend{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*8);color:#45536f;margin-top:calc(var(--u)*4)}
.ref-detail-stories-growth .sg-legend i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%}
.ref-detail-stories-growth .sg-legend i.b{background:var(--blue)}
.ref-detail-stories-growth .sg-legend i.g{background:#b9c2d0;margin-left:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-table{width:100%;border-collapse:collapse;font-size:calc(var(--u)*8.5);text-align:center}
.ref-detail-stories-growth .sg-table th{background:#f1f4f9;font-weight:600;padding:calc(var(--u)*5) calc(var(--u)*2);border:1px solid #e3eaf5}
.ref-detail-stories-growth .sg-table td{padding:calc(var(--u)*5) calc(var(--u)*2);border:1px solid #e3eaf5;color:#33415d}
.ref-detail-stories-growth .sg-donut-row{display:flex;align-items:center;gap:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-donut{width:calc(var(--u)*76);flex:none}
.ref-detail-stories-growth .sg-keys li{display:flex;align-items:center;gap:calc(var(--u)*5);white-space:nowrap;font-size:calc(var(--u)*7.5);padding:calc(var(--u)*2) 0}
.ref-detail-stories-growth .sg-keys li::before{content:"";width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:var(--c)}
.ref-detail-stories-growth .sg-sum{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*6)}
.ref-detail-stories-growth .sg-sum span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*4);border-radius:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*4);font-size:calc(var(--u)*8)}
.ref-detail-stories-growth .sg-sum .do-i{font-size:calc(var(--u)*18)}
.ref-detail-stories-growth .sg-sum em{font-style:normal;font-weight:800}
.ref-detail-stories-growth .sg-sum .p{background:#f1edff}
.ref-detail-stories-growth .sg-sum .p .do-i{color:#7a5af0}
.ref-detail-stories-growth .sg-sum .b{background:#eaf2ff}
.ref-detail-stories-growth .sg-sum .b .do-i{color:var(--blue)}
.ref-detail-stories-growth .sg-sum .r{background:#ffeef0}
.ref-detail-stories-growth .sg-sum .r .do-i{color:#e5333f}
.ref-detail-stories-growth .sg-sum .g{background:#e6f7ef}
.ref-detail-stories-growth .sg-sum .g .do-i{color:#1aa35f}
.ref-detail-stories-growth .sg-banner{min-height:calc(var(--u)*184);display:flex;align-items:center}
.ref-detail-stories-growth .sg-banner .do-bg{object-position:80% 70%}
.ref-detail-stories-growth .sg-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,245,252,.96) 0%,rgba(240,245,252,.8) 50%,rgba(240,245,252,0) 85%)}
.ref-detail-stories-growth .sg-banner .do-in{z-index:2}
.ref-detail-stories-growth .sg-banner-h{font-size:calc(var(--u)*19);font-weight:800;line-height:1.55}
.ref-detail-stories-growth .sg-go{display:inline-grid;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;background:var(--navy);color:#fff!important;vertical-align:middle;margin-left:calc(var(--u)*6);font-size:calc(var(--u)*14)}
.ref-detail-stories-growth .sg-jump{min-height:calc(var(--u)*137);padding-top:calc(var(--u)*18);padding-bottom:calc(var(--u)*18)}
.ref-detail-stories-growth .sg-jump-in{--n:4;--g:calc(var(--u)*6);margin:0 calc(var(--u)*-12)}
.ref-detail-stories-growth .sg-jump a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*10);background:#eef5ff;border-radius:calc(var(--u)*6);min-height:calc(var(--u)*114);text-decoration:none;font-weight:700;font-size:calc(var(--u)*12)}
.ref-detail-stories-growth .sg-jump .do-ic{width:calc(var(--u)*54);height:calc(var(--u)*54);background:#dbe9ff}
.ref-detail-stories-growth .sg-jump .do-ic.r{background:#ffe1e4;color:#e5333f}
.ref-detail-stories-growth .sg-jump .do-ic.g{background:#dcf5e6;color:#1aa35f}
@media (max-width:700px){
.ref-detail-stories-growth .sg-quote{width:auto}
.ref-detail-stories-growth .sg-three-in,.ref-detail-stories-growth .sg-jump-in{margin:0}
.ref-detail-stories-growth .sg-card p:last-child{font-size:14px}
.ref-detail-stories-growth .sg-data-in{grid-template-columns:1fr}
.ref-detail-stories-growth .sg-h2{white-space:normal;font-size:20px}
.ref-detail-stories-growth .sg-circles{flex-wrap:wrap;justify-content:center}
.ref-detail-stories-growth .sg-circles .ar{display:none}
.ref-detail-stories-growth .sg-circles li:not(.ar){width:130px;height:130px;font-size:13px}
.ref-detail-stories-growth .sg-two{grid-template-columns:1fr;font-size:13px}
.ref-detail-stories-growth .sg-table{font-size:12px}
.ref-detail-stories-growth .sg-desc{font-size:14px}
.ref-detail-stories-growth .sg-banner-h{font-size:22px}
.ref-detail-stories-growth .sg-jump-in{grid-template-columns:repeat(2,1fr)!important}
.ref-detail-stories-growth .sg-tiles span,.ref-detail-stories-growth .sg-sum span,.ref-detail-stories-growth .sg-keys li,.ref-detail-stories-growth .sg-legend,.ref-detail-stories-growth .sg-tnav li,.ref-detail-stories-growth .spz-stats small,.ref-detail-stories-growth .spz-weak small{font-size:12px}
.ref-detail-stories-growth .sg-tiles{grid-template-columns:repeat(2,1fr)}
}

/* ---- detail-score-personalized ---- */

.ref-detail-score-personalized{--hero-h:calc(var(--u)*337)}
.ref-detail-score-personalized .r-hero-copy{width:60%;padding-top:calc(var(--u)*48)}
.ref-detail-score-personalized .r-hero-copy .do-h1{font-size:calc(var(--u)*44)}
.ref-detail-score-personalized .r-hero-copy .do-lead{font-size:calc(var(--u)*17);font-weight:700;margin-bottom:calc(var(--u)*16)}
.ref-detail-score-personalized .r-hero-copy .do-p{font-size:calc(var(--u)*11.5)}
.ref-detail-score-personalized .spz-cta{margin-top:calc(var(--u)*20);padding:calc(var(--u)*10) calc(var(--u)*38);font-size:calc(var(--u)*13)}
.ref-detail-score-personalized .spz-quote{right:calc(var(--u)*40);top:calc(var(--u)*50);font-size:calc(var(--u)*14);color:#163b8c;font-weight:600}
.ref-detail-score-personalized .spz-report{min-height:calc(var(--u)*516);padding-top:calc(var(--u)*20);padding-left:calc(var(--u)*24)}
.ref-detail-score-personalized .spz-rep-in{--cols:59% 1fr;align-items:start}
.ref-detail-score-personalized .spz-tab{border-radius:calc(var(--u)*16) calc(var(--u)*16) 0 0;padding:calc(var(--u)*8) calc(var(--u)*8) 0;background:#151b28}
.ref-detail-score-personalized .spz-screen{display:grid;grid-template-columns:30% 1fr;border-radius:calc(var(--u)*8) calc(var(--u)*8) 0 0;font-size:calc(var(--u)*8.5)}
.ref-detail-score-personalized .spz-nav{padding:calc(var(--u)*10) calc(var(--u)*7);border-right:1px solid #eef1f6}
.ref-detail-score-personalized .spz-nav li{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*6);border-radius:calc(var(--u)*4);color:#33415d}
.ref-detail-score-personalized .spz-nav li.brand{font-weight:800;color:#e5333f;margin-bottom:calc(var(--u)*4)}
.ref-detail-score-personalized .spz-nav li.on{background:var(--blue);color:#fff}
.ref-detail-score-personalized .spz-main{padding:calc(var(--u)*12)}
.ref-detail-score-personalized .spz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--u)*8)}
.ref-detail-score-personalized .spz-head b{font-size:calc(var(--u)*11)}
.ref-detail-score-personalized .spz-head .do-input{display:inline-flex;gap:calc(var(--u)*8);padding:calc(var(--u)*4) calc(var(--u)*8);font-size:calc(var(--u)*8);color:#33415d}
.ref-detail-score-personalized .spz-t{font-weight:800;font-size:calc(var(--u)*10.5);margin-bottom:calc(var(--u)*6)}
.ref-detail-score-personalized .spz-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*7);margin-bottom:calc(var(--u)*10)}
.ref-detail-score-personalized .spz-stats span{border-radius:calc(var(--u)*5);padding:calc(var(--u)*8);text-align:center}
.ref-detail-score-personalized .spz-stats small{display:block;font-size:calc(var(--u)*7.5);font-weight:700}
.ref-detail-score-personalized .spz-stats b{font-size:calc(var(--u)*16);font-weight:800}
.ref-detail-score-personalized .spz-stats em{font-style:normal;font-size:calc(var(--u)*9)}
.ref-detail-score-personalized .spz-stats .g{background:#e7f6ec}
.ref-detail-score-personalized .spz-stats .y{background:#fff7e3}
.ref-detail-score-personalized .spz-stats .r{background:#ffecee}
.ref-detail-score-personalized .spz-low{display:grid;grid-template-columns:42% 1fr;gap:calc(var(--u)*8)}
.ref-detail-score-personalized .spz-ring{text-align:center;font-weight:700}
.ref-detail-score-personalized .spz-ring svg{width:calc(var(--u)*86)}
.ref-detail-score-personalized .spz-weak{background:#f3f7fd;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8)}
.ref-detail-score-personalized .spz-weak > b{display:block;margin-bottom:calc(var(--u)*4)}
.ref-detail-score-personalized .spz-weak p{display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--u)*7);background:#fff;border-radius:calc(var(--u)*4);padding:calc(var(--u)*4) calc(var(--u)*6);margin-top:calc(var(--u)*4)}
.ref-detail-score-personalized .spz-weak p span{grid-row:span 2;display:grid;place-items:center;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:50%;background:#e4efff;color:var(--blue)}
.ref-detail-score-personalized .spz-weak p span.g{background:#e3f6ec;color:#1aa35f}
.ref-detail-score-personalized .spz-weak small{color:#5a6680}
.ref-detail-score-personalized .spz-rep-copy{padding-top:calc(var(--u)*30);position:relative;min-height:calc(var(--u)*270)}
.ref-detail-score-personalized .spz-rep-copy .do-eyebrow{font-weight:600;color:#3a7bf0}
.ref-detail-score-personalized .spz-rep-copy .do-p{font-size:calc(var(--u)*10.5)}
.ref-detail-score-personalized .spz-deco{position:absolute;right:0;bottom:calc(var(--u)*-14);display:flex;align-items:flex-end;gap:calc(var(--u)*6);height:calc(var(--u)*80)}
.ref-detail-score-personalized .spz-deco i{width:calc(var(--u)*10);height:var(--h);background:linear-gradient(180deg,#b8d4ff,#d8e7ff)}
.ref-detail-score-personalized .spz-three{--n:3;--g:calc(var(--u)*10);margin:calc(var(--u)*24) 0 0}
.ref-detail-score-personalized .spz-three .do-card{display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--u)*12);row-gap:calc(var(--u)*4);align-items:center;padding:calc(var(--u)*18) calc(var(--u)*16)}
.ref-detail-score-personalized .spz-three .do-ic{width:calc(var(--u)*48);height:calc(var(--u)*48);background:#e4efff}
.ref-detail-score-personalized .spz-three .do-num{margin:0}
.ref-detail-score-personalized .spz-three .do-h3{font-size:calc(var(--u)*17)}
.ref-detail-score-personalized .spz-three .spz-b,.ref-detail-score-personalized .spz-three .do-p{grid-column:1/-1}
.ref-detail-score-personalized .spz-b{font-weight:700;font-size:calc(var(--u)*10.5);margin-top:calc(var(--u)*10)}
.ref-detail-score-personalized .spz-three .do-p{font-size:calc(var(--u)*10)}
.ref-detail-score-personalized .spz-sec{min-height:calc(var(--u)*315);padding-top:calc(var(--u)*18);padding-bottom:calc(var(--u)*14);border-top:1px solid #eef2f8}
.ref-detail-score-personalized .spz-split{--cols:43% 1fr;align-items:start}
.ref-detail-score-personalized .spz-no{display:flex;align-items:center;gap:calc(var(--u)*10);color:var(--blue);margin-bottom:calc(var(--u)*6)}
.ref-detail-score-personalized .spz-no b{font-size:calc(var(--u)*30);font-weight:800;line-height:1}
.ref-detail-score-personalized .spz-no i{width:calc(var(--u)*44);height:1px;background:var(--blue)}
.ref-detail-score-personalized .spz-no span{color:#14223f;font-weight:700;font-size:calc(var(--u)*10.5)}
.ref-detail-score-personalized .spz-sec .do-h2{font-size:calc(var(--u)*30)}
.ref-detail-score-personalized .spz-sec .do-p{font-size:calc(var(--u)*11);line-height:1.75}
.ref-detail-score-personalized .spz-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*8);margin-top:calc(var(--u)*18)}
.ref-detail-score-personalized .spz-mini li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*5);background:#eef5ff;border-radius:calc(var(--u)*6);min-height:calc(var(--u)*64);font-size:calc(var(--u)*9.5);text-align:center;font-weight:600}
.ref-detail-score-personalized .spz-mini .do-i{font-size:calc(var(--u)*18);color:var(--blue)}
.ref-detail-score-personalized .spz-panel{padding:calc(var(--u)*14)}
.ref-detail-score-personalized .spz-tabs{background:#eef3fb;border-radius:calc(var(--u)*6);padding:calc(var(--u)*2);margin-bottom:calc(var(--u)*12)}
.ref-detail-score-personalized .spz-tabs .do-tab{background:none;padding:calc(var(--u)*7)}
.ref-detail-score-personalized .spz-tabs .do-tab.on{background:var(--blue)}
.ref-detail-score-personalized .spz-pt{font-weight:800;font-size:calc(var(--u)*11);margin-bottom:calc(var(--u)*8)}
.ref-detail-score-personalized .spz-bars{border:1px solid #e3eaf5;border-radius:calc(var(--u)*6);padding:calc(var(--u)*4) calc(var(--u)*10)}
.ref-detail-score-personalized .spz-bars li{display:grid;grid-template-columns:calc(var(--u)*120) 1fr calc(var(--u)*34);gap:calc(var(--u)*8);align-items:center;padding:calc(var(--u)*6) 0;border-bottom:1px solid #f0f3f8;font-size:calc(var(--u)*9.5)}
.ref-detail-score-personalized .spz-bars li:last-child{border:0}
.ref-detail-score-personalized .spz-bars i{height:calc(var(--u)*7);border-radius:99px;background:linear-gradient(90deg,var(--blue) var(--v),#eef2f8 var(--v))}
.ref-detail-score-personalized .spz-bars b{text-align:right;font-weight:600}
.ref-detail-score-personalized .spz-bars li.low span{font-weight:800}
.ref-detail-score-personalized .spz-bars li.low i{background:linear-gradient(90deg,#e5333f var(--v),#eef2f8 var(--v))}
.ref-detail-score-personalized .spz-bars li.low b{color:#e5333f}
.ref-detail-score-personalized .spz-alert{display:flex;gap:calc(var(--u)*12);align-items:center;background:#ffeef0;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*14);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*10)}
.ref-detail-score-personalized .spz-alert span{display:grid;place-items:center;width:calc(var(--u)*26);height:calc(var(--u)*26);border-radius:50%;background:#e5333f;color:#fff;font-size:calc(var(--u)*16);flex:none}
.ref-detail-score-personalized .spz-alert b,.ref-detail-score-personalized .spz-alert em{color:#e5333f;font-style:normal}
.ref-detail-score-personalized .spz-step{display:flex;align-items:center;gap:calc(var(--u)*10);font-weight:800;font-size:calc(var(--u)*11)}
.ref-detail-score-personalized .spz-step b{display:grid;place-items:center;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:50%;background:var(--blue);color:#fff;font-size:calc(var(--u)*10)}
.ref-detail-score-personalized .spz-indent{margin:calc(var(--u)*4) 0 calc(var(--u)*8) calc(var(--u)*30);font-size:calc(var(--u)*9.5);color:#3f4b66}
.ref-detail-score-personalized .spz-box{margin-left:calc(var(--u)*30);background:#f1f6fe;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10) calc(var(--u)*12);font-size:calc(var(--u)*9.5);line-height:1.9}
.ref-detail-score-personalized .spz-key{display:flex;gap:calc(var(--u)*10);background:#eaf2ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12);margin-top:calc(var(--u)*12);font-size:calc(var(--u)*9.5)}
.ref-detail-score-personalized .spz-key > .do-i{font-size:calc(var(--u)*24);color:var(--blue)}
.ref-detail-score-personalized .spz-key b{color:var(--blue-d);font-size:calc(var(--u)*11)}
.ref-detail-score-personalized .spz-key li{padding-top:calc(var(--u)*3)}
.ref-detail-score-personalized .spz-trhead{display:flex;gap:calc(var(--u)*16);align-items:center;background:#f1f5fb;border-radius:calc(var(--u)*5);padding:calc(var(--u)*7) calc(var(--u)*12);font-size:calc(var(--u)*9.5);margin-bottom:calc(var(--u)*12)}
.ref-detail-score-personalized .spz-tr-body{display:grid;grid-template-columns:1fr calc(var(--u)*120);gap:calc(var(--u)*12)}
.ref-detail-score-personalized .spz-q{font-size:calc(var(--u)*9.5);line-height:1.75;margin-bottom:calc(var(--u)*8)}
.ref-detail-score-personalized .spz-opts{counter-reset:o}
.ref-detail-score-personalized .spz-opts li{counter-increment:o;display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*4) calc(var(--u)*8);font-size:calc(var(--u)*10.5);border:1px solid transparent;border-radius:calc(var(--u)*6)}
.ref-detail-score-personalized .spz-opts li::before{content:counter(o);display:inline-grid;place-items:center;width:calc(var(--u)*15);height:calc(var(--u)*15);border:1px solid #8b97ad;border-radius:50%;font-size:calc(var(--u)*8);font-family:sans-serif;font-style:normal}
.ref-detail-score-personalized .spz-opts li.on{border-color:#9cc0ff;background:#eef5ff}
.ref-detail-score-personalized .spz-opts li.on::before{content:"";border:calc(var(--u)*4) solid var(--blue);background:#fff;width:calc(var(--u)*9);height:calc(var(--u)*9)}
.ref-detail-score-personalized .spz-next{margin-top:calc(var(--u)*10);padding:calc(var(--u)*10);font-size:calc(var(--u)*12)}
.ref-detail-score-personalized .spz-good{background:#eef5ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*8.5)}
.ref-detail-score-personalized .spz-good > .do-i{font-size:calc(var(--u)*28);color:var(--blue);fill:#2f7bff}
.ref-detail-score-personalized .spz-good b{color:var(--blue-d);font-size:calc(var(--u)*12)}
.ref-detail-score-personalized .spz-good span{display:flex;align-items:center;gap:calc(var(--u)*5);width:100%;background:#fff;border-radius:calc(var(--u)*5);padding:calc(var(--u)*6) calc(var(--u)*8)}
.ref-detail-score-personalized .spz-good span .do-i{color:var(--blue-d);fill:currentColor}
@media (max-width:700px){
.ref-detail-score-personalized .spz-quote{color:#163b8c}
.ref-detail-score-personalized .spz-screen{grid-template-columns:1fr}
.ref-detail-score-personalized .spz-nav{display:none}
.ref-detail-score-personalized .spz-low,.ref-detail-score-personalized .spz-tr-body{grid-template-columns:1fr}
.ref-detail-score-personalized .spz-rep-copy{min-height:0}
.ref-detail-score-personalized .spz-deco{display:none}
.ref-detail-score-personalized .spz-three{margin-top:20px}
.ref-detail-score-personalized .spz-bars li{grid-template-columns:1fr 80px 40px;font-size:13px}
.ref-detail-score-personalized .spz-mini li,.ref-detail-score-personalized .spz-box,.ref-detail-score-personalized .spz-key,.ref-detail-score-personalized .spz-q,.ref-detail-score-personalized .spz-indent{font-size:14px}
.ref-detail-score-personalized .spz-box,.ref-detail-score-personalized .spz-indent{margin-left:0}
}

/* ---- detail-solution-granular-content ---- */

.ref-detail-solution-granular-content{--hero-h:calc(var(--u)*221)}
.ref-detail-solution-granular-content .gc-hero{color:#fff}
.ref-detail-solution-granular-content .r-hero-copy{width:56%;padding-top:calc(var(--u)*50)}
.ref-detail-solution-granular-content .gc-eb{letter-spacing:.3em;font-weight:600;font-size:calc(var(--u)*10)}
.ref-detail-solution-granular-content .gc-hero .gc-eb{color:#7fb0ff}
.ref-detail-solution-granular-content .gc-hero .do-h1{color:#fff;font-size:calc(var(--u)*40)}
.ref-detail-solution-granular-content .gc-hero .do-lead{color:#fff;font-size:calc(var(--u)*15.5)}
.ref-detail-solution-granular-content .gc-quote{right:calc(var(--u)*30);top:calc(var(--u)*50);font-size:calc(var(--u)*11.5);color:#1d2c4c;font-weight:700}
.ref-detail-solution-granular-content .gc-three{min-height:calc(var(--u)*132);display:flex;align-items:center;padding-top:calc(var(--u)*14);padding-bottom:calc(var(--u)*14);background:linear-gradient(180deg,#f7faff,#fff)}
.ref-detail-solution-granular-content .gc-three-in{--n:3;--g:0;width:100%;margin:0 calc(var(--u)*-16)}
.ref-detail-solution-granular-content .gc-three article{display:flex;gap:calc(var(--u)*14);align-items:flex-start;padding:calc(var(--u)*6) calc(var(--u)*14);border-left:1px solid #e3eaf5}
.ref-detail-solution-granular-content .gc-three article:first-child{border-left:0}
.ref-detail-solution-granular-content .gc-big{font-size:calc(var(--u)*38);color:var(--blue);stroke-width:1.6}
.ref-detail-solution-granular-content .gc-k{color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*8.5);margin-bottom:calc(var(--u)*4)}
.ref-detail-solution-granular-content .gc-three h3{white-space:nowrap;font-size:calc(var(--u)*13);font-weight:800;margin-bottom:calc(var(--u)*8)}
.ref-detail-solution-granular-content .gc-three p:last-child{font-size:calc(var(--u)*9.5);color:#3f4b66}
.ref-detail-solution-granular-content .gc-cur{min-height:calc(var(--u)*431);padding-top:calc(var(--u)*22);padding-bottom:calc(var(--u)*18);background:#eef5ff}
.ref-detail-solution-granular-content .gc-cur .do-bg{object-position:50% 70%;opacity:.55}
.ref-detail-solution-granular-content .gc-cur::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,246,255,.96) 0%,rgba(240,246,255,.85) 55%,rgba(240,246,255,.35) 100%)}
.ref-detail-solution-granular-content .gc-cur .do-in{z-index:2}
.ref-detail-solution-granular-content .gc-cur-top{display:grid;grid-template-columns:1fr calc(var(--u)*210);align-items:start;gap:calc(var(--u)*20)}
.ref-detail-solution-granular-content .gc-cur .do-h2{font-size:calc(var(--u)*29)}
.ref-detail-solution-granular-content .gc-lead{font-size:calc(var(--u)*12.5)!important;color:#2b3853}
.ref-detail-solution-granular-content .gc-books{margin-top:calc(var(--u)*2);margin-right:calc(var(--u)*-14)}
.ref-detail-solution-granular-content .gc-books .do-book{height:calc(var(--u)*30);font-size:calc(var(--u)*12.5)}
.ref-detail-solution-granular-content .gc-browser{display:grid;grid-template-columns:calc(var(--u)*92) calc(var(--u)*260) 1fr;gap:calc(var(--u)*24);margin-top:calc(var(--u)*-22);padding:calc(var(--u)*16) calc(var(--u)*22);min-height:calc(var(--u)*200);background:linear-gradient(90deg,#fff 0%,#fff 55%,rgba(255,255,255,.35) 100%)}
.ref-detail-solution-granular-content .gc-subj{display:flex;flex-direction:column;gap:calc(var(--u)*6)}
.ref-detail-solution-granular-content .gc-crumb{display:flex;align-items:center;gap:calc(var(--u)*4);color:var(--blue-d);font-weight:700;font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*6);justify-content:center}
.ref-detail-solution-granular-content .gc-subj span{background:#f0f3f8;border-radius:calc(var(--u)*4);padding:calc(var(--u)*6) calc(var(--u)*14);font-size:calc(var(--u)*10);color:#33415d}
.ref-detail-solution-granular-content .gc-subj span.on{background:var(--blue);color:#fff;font-weight:700}
.ref-detail-solution-granular-content .gc-tools{display:flex;gap:calc(var(--u)*14);margin-bottom:calc(var(--u)*8)}
.ref-detail-solution-granular-content .gc-tools .do-input{white-space:nowrap;display:inline-flex;gap:calc(var(--u)*8);align-items:center;color:#22314f;padding:calc(var(--u)*5) calc(var(--u)*9)}
.ref-detail-solution-granular-content .gc-seg{display:inline-flex;border:1px solid #d3ddeb;border-radius:calc(var(--u)*5);overflow:hidden;font-size:calc(var(--u)*9.5)}
.ref-detail-solution-granular-content .gc-seg span{padding:calc(var(--u)*5) calc(var(--u)*14);white-space:nowrap}
.ref-detail-solution-granular-content .gc-seg span.on{background:var(--blue);color:#fff;font-weight:700}
.ref-detail-solution-granular-content .gc-acc{border:1px solid #e3eaf5;border-radius:calc(var(--u)*4);margin-bottom:calc(var(--u)*4);font-size:calc(var(--u)*9.5)}
.ref-detail-solution-granular-content .gc-acc > p{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*6) calc(var(--u)*10);background:#f6f8fb;font-weight:700}
.ref-detail-solution-granular-content .gc-sub{padding:calc(var(--u)*4) calc(var(--u)*10) calc(var(--u)*6)}
.ref-detail-solution-granular-content .gc-sub li{padding:calc(var(--u)*3) calc(var(--u)*6) calc(var(--u)*3) calc(var(--u)*18);font-size:calc(var(--u)*9);color:#45536f;border-radius:calc(var(--u)*4)}
.ref-detail-solution-granular-content .gc-sub li::before{left:calc(var(--u)*7)}
.ref-detail-solution-granular-content .gc-sub li.on{background:#e3eeff;color:var(--blue-d);font-weight:700}
.ref-detail-solution-granular-content .gc-detail{min-height:calc(var(--u)*396);padding-top:calc(var(--u)*26);padding-bottom:calc(var(--u)*14)}
.ref-detail-solution-granular-content .gc-detail .do-h2,.ref-detail-solution-granular-content .gc-conn .do-h2{font-size:calc(var(--u)*23);margin-bottom:calc(var(--u)*4)}
.ref-detail-solution-granular-content .gc-concept{display:grid;grid-template-columns:34% 1fr;padding:0;margin-top:calc(var(--u)*16);overflow:hidden}
.ref-detail-solution-granular-content .gc-cside{background:#f6f8fb;padding:calc(var(--u)*12)}
.ref-detail-solution-granular-content .gc-crumb2{display:flex;align-items:center;gap:calc(var(--u)*4);font-weight:600;font-size:calc(var(--u)*9);margin-bottom:calc(var(--u)*8)}
.ref-detail-solution-granular-content .gc-sub.big{background:#fff;border:1px solid #e3eaf5;border-radius:calc(var(--u)*5);padding:calc(var(--u)*6);min-height:calc(var(--u)*170)}
.ref-detail-solution-granular-content .gc-sub.big li{padding-top:calc(var(--u)*7);padding-bottom:calc(var(--u)*7)}
.ref-detail-solution-granular-content .gc-cmain{padding:calc(var(--u)*16) calc(var(--u)*18)}
.ref-detail-solution-granular-content .gc-cmain h3{font-size:calc(var(--u)*13.5);font-weight:800;margin-bottom:calc(var(--u)*10)}
.ref-detail-solution-granular-content .gc-tabs .do-tab{padding:calc(var(--u)*7)}
.ref-detail-solution-granular-content .gc-h{font-weight:800;font-size:calc(var(--u)*10.5);border-left:calc(var(--u)*2.5) solid var(--blue);padding-left:calc(var(--u)*8);margin:calc(var(--u)*14) 0 calc(var(--u)*6)}
.ref-detail-solution-granular-content .gc-txt{font-size:calc(var(--u)*9.5);color:#33415d;margin-left:calc(var(--u)*6)}
.ref-detail-solution-granular-content .gc-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:calc(var(--u)*8);margin-top:calc(var(--u)*12)}
.ref-detail-solution-granular-content .gc-kw{background:#eef4fd;border-radius:calc(var(--u)*5);padding:calc(var(--u)*10);display:flex;flex-wrap:wrap;gap:calc(var(--u)*5)}
.ref-detail-solution-granular-content .gc-kw p{width:100%;display:flex;align-items:center;gap:calc(var(--u)*6);font-weight:700;font-size:calc(var(--u)*9.5)}
.ref-detail-solution-granular-content .gc-kw p .do-i{color:var(--blue)}
.ref-detail-solution-granular-content .gc-kw span{background:#fff;border:1px solid #dbe4f1;border-radius:calc(var(--u)*7);padding:calc(var(--u)*5) calc(var(--u)*10);font-size:calc(var(--u)*8.5)}
.ref-detail-solution-granular-content .gc-eq{white-space:nowrap;display:grid;place-items:center;background:#eef4fd;border-radius:calc(var(--u)*5);font-size:calc(var(--u)*13)}
.ref-detail-solution-granular-content .gc-conn{min-height:calc(var(--u)*231);padding-top:calc(var(--u)*6);padding-bottom:calc(var(--u)*10)}
.ref-detail-solution-granular-content .gc-flow{display:flex;align-items:stretch;gap:calc(var(--u)*6);margin-top:calc(var(--u)*14)}
.ref-detail-solution-granular-content .gc-flow li:not(.ar){flex:1;background:#eef5ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12) calc(var(--u)*6);text-align:center;display:flex;flex-direction:column;align-items:center}
.ref-detail-solution-granular-content .gc-flow li:not(.ar) > .do-i{font-size:calc(var(--u)*24);color:var(--blue-d);margin-bottom:calc(var(--u)*8)}
.ref-detail-solution-granular-content .gc-flow h3{font-size:calc(var(--u)*11);font-weight:800;margin-bottom:calc(var(--u)*6)}
.ref-detail-solution-granular-content .gc-flow p{font-size:calc(var(--u)*9.5);color:#45536f}
.ref-detail-solution-granular-content .gc-flow .ar{align-self:center;color:var(--blue);font-size:calc(var(--u)*13)}
.ref-detail-solution-granular-content .gc-path{min-height:calc(var(--u)*265);display:flex;align-items:center;padding-top:calc(var(--u)*14);padding-bottom:calc(var(--u)*14)}
.ref-detail-solution-granular-content .gc-path-bg{left:auto;right:0;width:44%;object-position:60% 50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.ref-detail-solution-granular-content .gc-path-in{display:grid;grid-template-columns:44% calc(var(--u)*220);gap:calc(var(--u)*14);width:100%;align-items:center}
.ref-detail-solution-granular-content .gc-path .do-p{font-size:calc(var(--u)*10.5)}
.ref-detail-solution-granular-content .gc-callout{margin-top:calc(var(--u)*16);background:#eaf2ff;border-radius:calc(var(--u)*5);padding:calc(var(--u)*12) calc(var(--u)*20);font-weight:700;font-size:calc(var(--u)*12);color:#1d2c4c;max-width:calc(var(--u)*220)}
.ref-detail-solution-granular-content .gc-route{position:relative;display:flex;flex-direction:column;gap:calc(var(--u)*12)}
.ref-detail-solution-granular-content .gc-route::before{content:"";position:absolute;left:calc(var(--u)*13);top:calc(var(--u)*14);bottom:calc(var(--u)*14);width:2px;background:#c8d6ea}
.ref-detail-solution-granular-content .gc-route li{position:relative;display:flex;align-items:center;gap:calc(var(--u)*12);font-size:calc(var(--u)*9);color:#45536f}
.ref-detail-solution-granular-content .gc-route li > span{display:grid;place-items:center;width:calc(var(--u)*27);height:calc(var(--u)*27);border-radius:50%;background:#9aa6b8;color:#fff;font-size:calc(var(--u)*13);flex:none;z-index:1}
.ref-detail-solution-granular-content .gc-route li.now > span{background:var(--blue)}
.ref-detail-solution-granular-content .gc-route li p b{display:block;color:#14223f;font-size:calc(var(--u)*9.5)}
.ref-detail-solution-granular-content .gc-route li.now p{background:#e3eeff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*14);color:#14223f;font-weight:700}
.ref-detail-solution-granular-content .gc-route li.now p b{color:var(--blue-d)}
.ref-detail-solution-granular-content .gc-banner{min-height:calc(var(--u)*101);display:flex;align-items:center;padding-top:calc(var(--u)*14);padding-bottom:calc(var(--u)*14)}
.ref-detail-solution-granular-content .gc-banner .do-bg{object-position:50% 70%}
.ref-detail-solution-granular-content .gc-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,242,252,.97) 0%,rgba(234,242,252,.88) 52%,rgba(234,242,252,.1) 85%)}
.ref-detail-solution-granular-content .gc-banner .do-in{z-index:2}
.ref-detail-solution-granular-content .gc-banner h2{font-size:calc(var(--u)*18);font-weight:800;margin-bottom:calc(var(--u)*4)}
.ref-detail-solution-granular-content .gc-banner .do-p{font-size:calc(var(--u)*11.5)}
@media (max-width:700px){
.ref-detail-solution-granular-content .gc-hero .r-hero-copy{background:#0d2a6e}
.ref-detail-solution-granular-content .gc-quote{color:#1d2c4c}
.ref-detail-solution-granular-content .gc-three-in{margin:0}
.ref-detail-solution-granular-content .gc-three article{border-left:0;border-top:1px solid #e3eaf5;padding:16px 0}
.ref-detail-solution-granular-content .gc-three p:last-child,.ref-detail-solution-granular-content .gc-flow p,.ref-detail-solution-granular-content .gc-txt,.ref-detail-solution-granular-content .gc-sub li,.ref-detail-solution-granular-content .gc-route li,.ref-detail-solution-granular-content .gc-acc{font-size:14px}
.ref-detail-solution-granular-content .gc-cur-top,.ref-detail-solution-granular-content .gc-browser,.ref-detail-solution-granular-content .gc-concept,.ref-detail-solution-granular-content .gc-bottom,.ref-detail-solution-granular-content .gc-path-in{grid-template-columns:1fr}
.ref-detail-solution-granular-content .gc-browser{margin-top:16px}
.ref-detail-solution-granular-content .gc-concept > *{min-width:0}
.ref-detail-solution-granular-content .gc-tabs,.ref-detail-solution-granular-content .gc-crumb2{flex-wrap:wrap}
.ref-detail-solution-granular-content .gc-tabs .do-tab{flex:1 0 40%}
.ref-detail-solution-granular-content .gc-subj{flex-direction:row;flex-wrap:wrap}
.ref-detail-solution-granular-content .gc-tools{flex-wrap:wrap}
.ref-detail-solution-granular-content .gc-flow{flex-direction:column}
.ref-detail-solution-granular-content .gc-flow .ar{transform:rotate(90deg)}
.ref-detail-solution-granular-content .gc-path-bg{width:100%}
}

/* ---- detail-compare-self-directed ---- */

.ref-detail-compare-self-directed{--hero-h:calc(var(--u)*341)}
.ref-detail-compare-self-directed .r-hero-copy{width:48%;padding-top:calc(var(--u)*52)}
.ref-detail-compare-self-directed .sd-eb{color:#3a4866;letter-spacing:.14em;font-weight:600;font-size:calc(var(--u)*9.5)}
.ref-detail-compare-self-directed .sd-h1{font-size:calc(var(--u)*30)!important;line-height:1.3!important}
.ref-detail-compare-self-directed .sd-rule{display:block;width:calc(var(--u)*30);height:2px;background:#33415d;margin:calc(var(--u)*18) 0}
.ref-detail-compare-self-directed .sd-brand{font-size:calc(var(--u)*17);font-weight:800;margin-bottom:calc(var(--u)*10)}
.ref-detail-compare-self-directed .r-hero-copy .do-p{font-size:calc(var(--u)*12.5)}
.ref-detail-compare-self-directed .sd-card{position:absolute;z-index:2;right:calc(var(--u)*16);top:calc(var(--u)*46);width:calc(var(--u)*270);padding:calc(var(--u)*8);border-radius:calc(var(--u)*14);background:rgba(186,214,250,.65)}
.ref-detail-compare-self-directed .sd-card-in{background:#fff;border-radius:calc(var(--u)*9);padding:calc(var(--u)*14)}
.ref-detail-compare-self-directed .sd-logo{display:flex;align-items:center;gap:calc(var(--u)*6);font-weight:800;font-size:calc(var(--u)*13)}
.ref-detail-compare-self-directed .sd-ask{font-weight:700;font-size:calc(var(--u)*11.5);margin:calc(var(--u)*4) 0 calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-pick-subj{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--u)*5)}
.ref-detail-compare-self-directed .sd-pick-subj span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5);background:#eef4fd;border-radius:calc(var(--u)*6);padding:calc(var(--u)*9) 0;font-size:calc(var(--u)*8.5);font-weight:600}
.ref-detail-compare-self-directed .sd-pick-subj span .do-i{font-size:calc(var(--u)*16);color:#1d8f7a}
.ref-detail-compare-self-directed .sd-pick-subj span:nth-child(2) .do-i{color:#e5333f}
.ref-detail-compare-self-directed .sd-pick-subj span:nth-child(3) .do-i{color:#1d7f8f}
.ref-detail-compare-self-directed .sd-pick-subj span:nth-child(4) .do-i{color:#1aa35f}
.ref-detail-compare-self-directed .sd-pick-subj span:nth-child(5) .do-i{color:#1f6bff}
.ref-detail-compare-self-directed .sd-pick-subj span.on{background:var(--blue);color:#fff}
.ref-detail-compare-self-directed .sd-pick-subj span.on .do-i{color:#fff}
.ref-detail-compare-self-directed .sd-pick-tabs{display:flex;justify-content:space-between;background:#eef3fb;border-radius:calc(var(--u)*6);padding:calc(var(--u)*3);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*9)}
.ref-detail-compare-self-directed .sd-pick-tabs span{padding:calc(var(--u)*5) calc(var(--u)*8);border-radius:calc(var(--u)*5)}
.ref-detail-compare-self-directed .sd-pick-tabs span.on{background:var(--blue);color:#fff;font-weight:700}
.ref-detail-compare-self-directed .sd-mat{font-weight:700;font-size:calc(var(--u)*10);margin:calc(var(--u)*10) 0 calc(var(--u)*6)}
.ref-detail-compare-self-directed .sd-mats{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*6)}
.ref-detail-compare-self-directed .sd-mats span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5);background:#eef4fd;border-radius:calc(var(--u)*6);padding:calc(var(--u)*9) 0;font-size:calc(var(--u)*8.5)}
.ref-detail-compare-self-directed .sd-mats .do-i{font-size:calc(var(--u)*15);color:var(--blue)}
.ref-detail-compare-self-directed .sd-learn{min-height:calc(var(--u)*262);padding:calc(var(--u)*16) calc(var(--u)*16) calc(var(--u)*6) calc(var(--u)*30)}
.ref-detail-compare-self-directed .sd-learn-in{display:grid;grid-template-columns:42% 1fr calc(var(--u)*250);gap:calc(var(--u)*10);align-items:center}
.ref-detail-compare-self-directed .sd-eb2{color:#3a4866;font-weight:600;letter-spacing:.14em}
.ref-detail-compare-self-directed .sd-three{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*10);margin-top:calc(var(--u)*16)}
.ref-detail-compare-self-directed .sd-three li{display:flex;flex-direction:column;align-items:center;font-size:calc(var(--u)*10.5);color:#45536f}
.ref-detail-compare-self-directed .sd-three li span{display:grid;place-items:center;width:calc(var(--u)*72);height:calc(var(--u)*72);border-radius:50%;background:#e6f0ff;color:var(--blue);font-size:calc(var(--u)*30);margin-bottom:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-three li span .do-i{fill:currentColor}
.ref-detail-compare-self-directed .sd-three li b{font-size:calc(var(--u)*15);color:#14223f}
.ref-detail-compare-self-directed .sd-still{position:relative;height:calc(var(--u)*240);border-left:1px solid #e3eaf5}
.ref-detail-compare-self-directed .sd-still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,transparent 75%)}
.ref-detail-compare-self-directed .sd-books{position:absolute;left:18%;right:6%;bottom:calc(var(--u)*4)}
.ref-detail-compare-self-directed .sd-books .do-book{justify-content:center;padding:0;font-size:calc(var(--u)*9.5);height:calc(var(--u)*22)}
.ref-detail-compare-self-directed .sd-brand2{font-weight:800;font-size:calc(var(--u)*16)}
.ref-detail-compare-self-directed .sd-ask2{font-weight:700;font-size:calc(var(--u)*13.5);margin-bottom:calc(var(--u)*14)}
.ref-detail-compare-self-directed .sd-row{min-height:calc(var(--u)*262);display:flex;align-items:center;padding-top:calc(var(--u)*8);padding-bottom:calc(var(--u)*8);padding-right:0}
.ref-detail-compare-self-directed .sd-row-in{display:grid;grid-template-columns:29% calc(var(--u)*300) 1fr;gap:calc(var(--u)*12);align-items:center;width:100%}
.ref-detail-compare-self-directed .sd-no{display:flex;align-items:baseline;gap:calc(var(--u)*12);color:#3a4866;font-size:calc(var(--u)*9);letter-spacing:.1em;margin-bottom:calc(var(--u)*6)}
.ref-detail-compare-self-directed .sd-no b{color:var(--blue);font-size:calc(var(--u)*15);letter-spacing:0}
.ref-detail-compare-self-directed .sd-row .do-h2{font-size:calc(var(--u)*29)}
.ref-detail-compare-self-directed .sd-row .do-p{font-size:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-frame{background:rgba(196,220,252,.6);border-radius:calc(var(--u)*12);padding:calc(var(--u)*9)}
.ref-detail-compare-self-directed .sd-app{box-shadow:none;border:0;padding:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-app h4{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*13);font-weight:800}
.ref-detail-compare-self-directed .sd-desc{font-size:calc(var(--u)*9);color:#45536f;margin:calc(var(--u)*3) 0 calc(var(--u)*8)}
.ref-detail-compare-self-directed .sd-tabs{margin-bottom:calc(var(--u)*8)}
.ref-detail-compare-self-directed .sd-tabs .do-tab{padding:calc(var(--u)*5) calc(var(--u)*4)}
.ref-detail-compare-self-directed .sd-items li{display:grid;grid-template-columns:auto 1fr auto;gap:calc(var(--u)*10);align-items:center;border:1px solid #e3eaf5;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*10);margin-top:calc(var(--u)*5);font-size:calc(var(--u)*8.5);color:#5a6680}
.ref-detail-compare-self-directed .sd-items li > span{display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:calc(var(--u)*5);font-size:calc(var(--u)*13)}
.ref-detail-compare-self-directed .sd-items .b{background:#e4efff;color:var(--blue)}
.ref-detail-compare-self-directed .sd-items .g{background:#e3f6ec;color:#1aa35f}
.ref-detail-compare-self-directed .sd-items .p{background:#efe9ff;color:#7a5af0}
.ref-detail-compare-self-directed .sd-items b{display:block;color:#14223f;font-size:calc(var(--u)*9.5)}
.ref-detail-compare-self-directed .sd-photo{align-self:stretch;width:calc(100% + var(--u)*0);height:calc(var(--u)*252);object-fit:cover;object-position:30% 30%;margin-left:calc(var(--u)*-20);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}
.ref-detail-compare-self-directed .sd-r2{background:#fff}
.ref-detail-compare-self-directed .sd-r2-bg{left:auto;width:30%;right:0;object-position:90% 60%}
.ref-detail-compare-self-directed .sd-r2 .sd-row-in{grid-template-columns:29% calc(var(--u)*360) 1fr}
.ref-detail-compare-self-directed .sd-tab{background:#14264f;padding:calc(var(--u)*8);border-radius:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-tab-head{display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*12);border-bottom:1px solid #eef1f6;font-size:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-tab-head b{font-size:calc(var(--u)*11.5)}
.ref-detail-compare-self-directed .sd-tab-head span{margin-left:auto;color:#45536f}
.ref-detail-compare-self-directed .sd-tab-body{display:grid;grid-template-columns:32% 1fr}
.ref-detail-compare-self-directed .sd-toc{padding:calc(var(--u)*8);border-right:1px solid #eef1f6}
.ref-detail-compare-self-directed .sd-toc li{padding:calc(var(--u)*6) calc(var(--u)*8);border-bottom:1px solid #f0f3f8;font-size:calc(var(--u)*8.5)}
.ref-detail-compare-self-directed .sd-toc li.on{background:#eef4ff;border-left:2px solid var(--blue);color:var(--blue-d)}
.ref-detail-compare-self-directed .sd-toc li small{display:block}
.ref-detail-compare-self-directed .sd-lesson{padding:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-lesson h4{font-size:calc(var(--u)*11.5);font-weight:800;margin-bottom:calc(var(--u)*4)}
.ref-detail-compare-self-directed .sd-lesson > p{font-size:calc(var(--u)*8.5);color:#45536f}
.ref-detail-compare-self-directed .sd-lesson-row{display:grid;grid-template-columns:1.1fr 1fr;gap:calc(var(--u)*8);align-items:center;margin-top:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-eqbox{background:#f4f7fb;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10);font-size:calc(var(--u)*8)}
.ref-detail-compare-self-directed .sd-eq{font-size:calc(var(--u)*11.5);font-weight:600;color:#14223f;margin:calc(var(--u)*3) 0}
.ref-detail-compare-self-directed .sd-tip{background:#e8f1ff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10);font-size:calc(var(--u)*8)}
.ref-detail-compare-self-directed .sd-rec-h{justify-content:space-between}
.ref-detail-compare-self-directed .sd-rec-h .do-input{display:inline-flex;gap:calc(var(--u)*6);font-size:calc(var(--u)*8.5);font-weight:400;padding:calc(var(--u)*4) calc(var(--u)*8);color:#22314f}
.ref-detail-compare-self-directed .sd-recs li{display:grid;grid-template-columns:auto 1fr auto;gap:calc(var(--u)*10);align-items:center;padding:calc(var(--u)*6) calc(var(--u)*4);border-bottom:1px solid #eef1f6;font-size:calc(var(--u)*9)}
.ref-detail-compare-self-directed .sd-recs li b{display:grid;place-items:center;width:calc(var(--u)*17);height:calc(var(--u)*17);border-radius:50%;background:#9fbff0;color:#fff;font-size:calc(var(--u)*8.5)}
.ref-detail-compare-self-directed .sd-recs li em{font-style:normal;color:#45536f;display:flex;align-items:center;gap:calc(var(--u)*3);font-size:calc(var(--u)*8.5)}
.ref-detail-compare-self-directed .sd-grow{background:#f1f7ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*18) calc(var(--u)*14);text-align:center;font-weight:800;font-size:calc(var(--u)*13);margin-right:calc(var(--u)*20)}
.ref-detail-compare-self-directed .sd-grow svg{width:80%;margin-bottom:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-r4{min-height:calc(var(--u)*250);display:flex;align-items:center;padding-top:calc(var(--u)*10);padding-bottom:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-r4-in{display:grid;grid-template-columns:31% 1fr;gap:calc(var(--u)*20);align-items:center;width:100%}
.ref-detail-compare-self-directed .sd-no4{display:flex;align-items:baseline;gap:calc(var(--u)*8);color:#3a4866;font-size:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-no4 b{color:var(--blue);font-size:calc(var(--u)*15)}
.ref-detail-compare-self-directed .sd-r4 .do-h2{font-size:calc(var(--u)*27)}
.ref-detail-compare-self-directed .sd-r4 .do-p{font-size:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(var(--u)*10);align-items:center;background:#f1f6fd;border-radius:calc(var(--u)*10);padding:calc(var(--u)*12)}
.ref-detail-compare-self-directed .sd-col{background:#fff;border-radius:calc(var(--u)*5);overflow:hidden;padding-bottom:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-col h3{font-size:calc(var(--u)*11);font-weight:700;text-align:center;padding:calc(var(--u)*8);color:#fff}
.ref-detail-compare-self-directed .sd-col.gray h3{background:#7f8898}
.ref-detail-compare-self-directed .sd-col.blue h3{background:var(--blue)}
.ref-detail-compare-self-directed .sd-ill{display:block;width:72%;margin:calc(var(--u)*8) auto}
.ref-detail-compare-self-directed .sd-col ul{padding:0 calc(var(--u)*14)}
.ref-detail-compare-self-directed .sd-col li{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*9.5);padding:calc(var(--u)*3) 0}
.ref-detail-compare-self-directed .sd-col li span{display:grid;place-items:center;width:calc(var(--u)*16);height:calc(var(--u)*16);border-radius:50%;color:#fff;font-size:calc(var(--u)*10)}
.ref-detail-compare-self-directed .sd-col.gray li span{background:#9aa3b2}
.ref-detail-compare-self-directed .sd-col.blue li span{background:var(--blue)}
.ref-detail-compare-self-directed .sd-col li span .do-i{stroke-width:3}
.ref-detail-compare-self-directed .sd-arrow{color:#8b96a8;font-size:calc(var(--u)*22)}
.ref-detail-compare-self-directed .sd-cta{position:relative;overflow:hidden;background:#123064;min-height:calc(var(--u)*74);display:flex;align-items:center;color:#fff}
.ref-detail-compare-self-directed .sd-cta .do-bg{width:26%;opacity:.45;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}
.ref-detail-compare-self-directed .sd-cta-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto auto;gap:calc(var(--u)*20);align-items:center;width:100%;padding:calc(var(--u)*12) calc(var(--u)*30) calc(var(--u)*12) 28%}
.ref-detail-compare-self-directed .sd-cta p{text-align:center;font-weight:700;font-size:calc(var(--u)*11.5);border-right:1px solid rgba(255,255,255,.35);padding-right:calc(var(--u)*20)}
.ref-detail-compare-self-directed .sd-tel{display:flex;align-items:center;gap:calc(var(--u)*8);color:#fff!important;text-decoration:none;font-weight:700;font-size:calc(var(--u)*17)}
.ref-detail-compare-self-directed .sd-tel .do-i{fill:#fff;stroke:#fff}
.ref-detail-compare-self-directed .sd-cta .do-btn{padding:calc(var(--u)*10) calc(var(--u)*28)}
@media (max-width:700px){
.ref-detail-compare-self-directed .sd-h1{font-size:30px!important}
.ref-detail-compare-self-directed .sd-three li span{width:76px;height:76px;font-size:30px}
.ref-detail-compare-self-directed .sd-three li b{font-size:16px}
.ref-detail-compare-self-directed .sd-three{gap:6px}
.ref-detail-compare-self-directed .sd-learn-in,.ref-detail-compare-self-directed .sd-row-in,.ref-detail-compare-self-directed .sd-r2 .sd-row-in,.ref-detail-compare-self-directed .sd-r4-in,.ref-detail-compare-self-directed .sd-lesson-row,.ref-detail-compare-self-directed .sd-tab-body{grid-template-columns:1fr}
.ref-detail-compare-self-directed .sd-photo{display:none}
.ref-detail-compare-self-directed .sd-r2-bg{width:100%}
.ref-detail-compare-self-directed .sd-grow{margin:0}
.ref-detail-compare-self-directed .sd-vs{grid-template-columns:1fr}
.ref-detail-compare-self-directed .sd-arrow{transform:rotate(90deg);justify-self:center}
.ref-detail-compare-self-directed .sd-items li,.ref-detail-compare-self-directed .sd-recs li,.ref-detail-compare-self-directed .sd-col li,.ref-detail-compare-self-directed .sd-toc li,.ref-detail-compare-self-directed .sd-lesson > p{font-size:14px}
.ref-detail-compare-self-directed .sd-cta-in{grid-template-columns:1fr;padding:28px 20px;text-align:center}
.ref-detail-compare-self-directed .sd-cta p{border:0;padding:0}
.ref-detail-compare-self-directed .sd-tel{justify-content:center}
}

/* ---- detail-solution-explanation ---- */

.ref-detail-solution-explanation{--hero-h:calc(var(--u)*309)}
.ref-detail-solution-explanation .r-hero-copy{width:55%;padding-top:calc(var(--u)*42)}
.ref-detail-solution-explanation .se2-eb{color:#5a6a8a;font-weight:600;letter-spacing:.16em}
.ref-detail-solution-explanation .r-hero-copy .do-h1{font-size:calc(var(--u)*46)}
.ref-detail-solution-explanation .r-hero-copy .do-lead{font-size:calc(var(--u)*16);font-weight:500;margin-bottom:calc(var(--u)*18)}
.ref-detail-solution-explanation .se2-icons{display:flex}
.ref-detail-solution-explanation .se2-icons li{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6);padding:0 calc(var(--u)*18);border-left:1px solid #cfd9e8;font-size:calc(var(--u)*10);font-weight:700}
.ref-detail-solution-explanation .se2-icons li:first-child{border-left:0;padding-left:calc(var(--u)*4)}
.ref-detail-solution-explanation .se2-icons .do-ic{width:calc(var(--u)*44);height:calc(var(--u)*44);background:#e4efff}
.ref-detail-solution-explanation .se2-quote{right:calc(var(--u)*34);top:calc(var(--u)*56);background:rgba(255,255,255,.88);border-radius:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*12);font-size:calc(var(--u)*11);transform:rotate(-4deg);box-shadow:0 calc(var(--u)*4) calc(var(--u)*12) rgba(30,60,120,.12)}
.ref-detail-solution-explanation .se2-sol{min-height:calc(var(--u)*248);display:flex;align-items:center;padding-top:calc(var(--u)*18);padding-bottom:calc(var(--u)*14)}
.ref-detail-solution-explanation .se2-sol-in{--cols:43% 1fr;width:100%}
.ref-detail-solution-explanation .se2-sol .do-h2{font-size:calc(var(--u)*30)}
.ref-detail-solution-explanation .se2-sol .do-p{font-size:calc(var(--u)*12)}
.ref-detail-solution-explanation .se2-em{color:var(--blue);font-weight:800;font-size:calc(var(--u)*15);margin-top:calc(var(--u)*18);line-height:1.4}
.ref-detail-solution-explanation .se2-tab{padding:calc(var(--u)*9);border-radius:calc(var(--u)*14);background:#111827}
.ref-detail-solution-explanation .se2-tab-in{display:grid;grid-template-columns:1fr calc(var(--u)*72);gap:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*8);background:#eef4fd}
.ref-detail-solution-explanation .se2-qcard{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12);font-size:calc(var(--u)*10.5)}
.ref-detail-solution-explanation .se2-qh{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--u)*6)}
.ref-detail-solution-explanation .se2-qh b{color:var(--blue-d);font-size:calc(var(--u)*11)}
.ref-detail-solution-explanation .se2-qh span{display:flex;align-items:center;color:var(--blue-d);font-size:calc(var(--u)*8.5)}
.ref-detail-solution-explanation .se2-eq{font-size:calc(var(--u)*19);margin:calc(var(--u)*8) 0;color:#14223f}
.ref-detail-solution-explanation .se2-meta{font-size:calc(var(--u)*8.5);color:#5a6680}
.ref-detail-solution-explanation .se2-side{display:flex;flex-direction:column;gap:calc(var(--u)*6)}
.ref-detail-solution-explanation .se2-side span{display:grid;place-items:center;flex:1;background:#fff;border-radius:calc(var(--u)*5);font-size:calc(var(--u)*9);font-weight:600}
.ref-detail-solution-explanation .se2-side span.on{background:var(--blue);color:#fff}
.ref-detail-solution-explanation .se2-sol figcaption{text-align:center;font-size:calc(var(--u)*8.5);color:#45536f;margin-top:calc(var(--u)*8)}
.ref-detail-solution-explanation .se2-steps{padding-top:calc(var(--u)*12);padding-bottom:calc(var(--u)*4)}
.ref-detail-solution-explanation .se2-row{display:grid;grid-template-columns:44% 1fr;gap:calc(var(--u)*14);padding:calc(var(--u)*12) 0;border-bottom:1px solid #eef1f6}
.ref-detail-solution-explanation .se2-row:last-child{border-bottom:0}
.ref-detail-solution-explanation .se2-no{color:var(--blue);font-weight:800;font-size:calc(var(--u)*12);margin-bottom:calc(var(--u)*4)}
.ref-detail-solution-explanation .se2-row .do-h2{font-size:calc(var(--u)*20);margin-bottom:calc(var(--u)*6)}
.ref-detail-solution-explanation .se2-row .do-p{font-size:calc(var(--u)*11.5)}
.ref-detail-solution-explanation .se2-meta2{display:inline-block;background:#eef4fd;border-radius:calc(var(--u)*4);padding:calc(var(--u)*4) calc(var(--u)*12);font-size:calc(var(--u)*8.5);margin-top:calc(var(--u)*8)}
.ref-detail-solution-explanation .se2-card{border:1px solid #e3eaf5;border-radius:calc(var(--u)*8);padding:calc(var(--u)*14);font-size:calc(var(--u)*10.5);box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(31,80,160,.05)}
.ref-detail-solution-explanation .se2-pill{display:inline-flex;align-items:center;background:var(--blue);color:#fff;font-weight:700;border-radius:calc(var(--u)*4);padding:calc(var(--u)*4) calc(var(--u)*10);font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*10)}
.ref-detail-solution-explanation .se2-pill.light{background:#e4efff;color:var(--blue-d)}
.ref-detail-solution-explanation .se2-why{display:flex;gap:calc(var(--u)*12);font-size:calc(var(--u)*9.5);color:#3f4b66;margin-bottom:calc(var(--u)*12)}
.ref-detail-solution-explanation .se2-why span{display:grid;place-items:center;width:calc(var(--u)*42);height:calc(var(--u)*38);background:#e4efff;border-radius:calc(var(--u)*5);font-weight:800;color:#14223f;font-size:calc(var(--u)*11);flex:none}
.ref-detail-solution-explanation .se2-tl{position:relative;padding-left:calc(var(--u)*10)}
.ref-detail-solution-explanation .se2-tl::before{content:"";position:absolute;left:calc(var(--u)*19);top:calc(var(--u)*10);bottom:calc(var(--u)*10);width:1px;background:#c8d6ea}
.ref-detail-solution-explanation .se2-tl li{position:relative;display:flex;gap:calc(var(--u)*24);padding:calc(var(--u)*5) 0}
.ref-detail-solution-explanation .se2-tl li > b{display:grid;place-items:center;width:calc(var(--u)*19);height:calc(var(--u)*19);border-radius:50%;background:var(--blue);color:#fff;font-size:calc(var(--u)*9.5);flex:none;z-index:1}
.ref-detail-solution-explanation .se2-tl h4{font-size:calc(var(--u)*10);font-weight:800}
.ref-detail-solution-explanation .se2-tl p{font-size:calc(var(--u)*9.5);color:#3f4b66}
.ref-detail-solution-explanation .se2-tl .do-math{font-size:calc(var(--u)*12);color:#14223f;margin-top:calc(var(--u)*2)}
.ref-detail-solution-explanation .se2-thus{display:flex;align-items:center;gap:calc(var(--u)*10);background:#eef4fd;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*10);margin-top:calc(var(--u)*8);font-weight:700;font-size:calc(var(--u)*10)}
.ref-detail-solution-explanation .se2-thus em{font-style:normal}
.ref-detail-solution-explanation .se2-thus span{background:#d6e6ff;border-radius:calc(var(--u)*4);padding:calc(var(--u)*4) calc(var(--u)*10)}
.ref-detail-solution-explanation .se2-ans{display:grid;grid-template-columns:1fr auto;gap:calc(var(--u)*8)}
.ref-detail-solution-explanation .se2-ans .do-btn{padding:calc(var(--u)*8) calc(var(--u)*24)}
.ref-detail-solution-explanation .se2-more{min-height:calc(var(--u)*138);display:flex;align-items:center}
.ref-detail-solution-explanation .se2-more .do-bg{object-position:80% 60%}
.ref-detail-solution-explanation .se2-more::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,246,253,.97) 0%,rgba(240,246,253,.9) 55%,rgba(240,246,253,.1) 88%)}
.ref-detail-solution-explanation .se2-more .do-in{z-index:2}
.ref-detail-solution-explanation .se2-more .do-h2{font-size:calc(var(--u)*23);margin-bottom:calc(var(--u)*4)}
.ref-detail-solution-explanation .se2-more .do-p{font-size:calc(var(--u)*11.5)}
.ref-detail-solution-explanation .se2-final{min-height:calc(var(--u)*396);padding-top:calc(var(--u)*20);padding-bottom:calc(var(--u)*14)}
.ref-detail-solution-explanation .se2-final > .do-h2{font-size:calc(var(--u)*30);margin-bottom:calc(var(--u)*2)}
.ref-detail-solution-explanation .se2-final > .do-p{font-size:calc(var(--u)*11.5)}
.ref-detail-solution-explanation .se2-cards{--n:3;--g:calc(var(--u)*8);margin-top:calc(var(--u)*14)}
.ref-detail-solution-explanation .se2-cards .do-card{display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--u)*14);align-items:center;padding:calc(var(--u)*14)}
.ref-detail-solution-explanation .se2-cards .do-ic{width:calc(var(--u)*52);height:calc(var(--u)*52);background:#e4efff}
.ref-detail-solution-explanation .se2-cards .do-num{font-size:calc(var(--u)*10);margin-bottom:calc(var(--u)*2)}
.ref-detail-solution-explanation .se2-ct{grid-column:1/-1;font-size:calc(var(--u)*10);color:#3f4b66;margin-top:calc(var(--u)*10)}
.ref-detail-solution-explanation .se2-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#eaf2ff;border-radius:calc(var(--u)*8);margin-top:calc(var(--u)*10);padding:calc(var(--u)*10)}
.ref-detail-solution-explanation .se2-strip figure{display:flex;flex-direction:column;align-items:center;padding:0 calc(var(--u)*10);border-left:1px solid #d3e0f3;text-align:center}
.ref-detail-solution-explanation .se2-strip figure:first-child{border-left:0}
.ref-detail-solution-explanation .se2-strip img,.ref-detail-solution-explanation .se2-bubbles{width:100%;height:calc(var(--u)*80);object-fit:cover;border-radius:calc(var(--u)*6);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 55%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 50%,#000 55%,transparent 80%)}
.ref-detail-solution-explanation .se2-bubbles{display:grid;place-items:center;-webkit-mask-image:none;mask-image:none}
.ref-detail-solution-explanation .se2-bubbles svg{height:90%}
.ref-detail-solution-explanation .se2-strip figcaption{font-size:calc(var(--u)*9);color:#3f4b66;margin-top:calc(var(--u)*6)}
.ref-detail-solution-explanation .se2-strip figcaption b{display:block;font-size:calc(var(--u)*11);color:#14223f}
@media (max-width:700px){
.ref-detail-solution-explanation .se2-icons li{padding:0 10px;font-size:13px}
.ref-detail-solution-explanation .se2-quote{transform:none}
.ref-detail-solution-explanation .se2-row,.ref-detail-solution-explanation .se2-tab-in,.ref-detail-solution-explanation .se2-strip{grid-template-columns:1fr}
.ref-detail-solution-explanation .se2-side{flex-direction:row}
.ref-detail-solution-explanation .se2-side span{padding:8px}
.ref-detail-solution-explanation .se2-strip figure{border-left:0;padding:10px 0}
.ref-detail-solution-explanation .se2-strip img,.ref-detail-solution-explanation .se2-bubbles{height:140px}
.ref-detail-solution-explanation .se2-card,.ref-detail-solution-explanation .se2-why,.ref-detail-solution-explanation .se2-tl p,.ref-detail-solution-explanation .se2-ct,.ref-detail-solution-explanation .se2-row .do-p{font-size:14px}
.ref-detail-solution-explanation .se2-ans{grid-template-columns:1fr}
}

/* ---- detail-compare-difference ---- */

.ref-detail-compare-difference{--hero-h:calc(var(--u)*269)}
.ref-detail-compare-difference .r-hero-copy{width:58%;padding-top:calc(var(--u)*66)}
.ref-detail-compare-difference .cd-eb{letter-spacing:.02em;font-size:calc(var(--u)*12)}
.ref-detail-compare-difference .r-hero-copy .do-h1{font-size:calc(var(--u)*46)}
.ref-detail-compare-difference .r-hero-copy .do-lead{font-size:calc(var(--u)*13.5);font-weight:500}
.ref-detail-compare-difference .cd-bubble{right:calc(var(--u)*50);top:calc(var(--u)*90);background:#fff;border-radius:calc(var(--u)*10);padding:calc(var(--u)*8) calc(var(--u)*14);font-size:calc(var(--u)*11);font-weight:700;box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(30,60,120,.15)}
.ref-detail-compare-difference .cd-book{left:calc(var(--u)*170);bottom:calc(var(--u)*14);font-size:calc(var(--u)*11);font-weight:700;background:linear-gradient(180deg,#f3f1ec,#e6e2d8);border-radius:calc(var(--u)*3);padding:calc(var(--u)*6) calc(var(--u)*20);box-shadow:0 calc(var(--u)*4) calc(var(--u)*10) rgba(20,40,80,.15)}
.ref-detail-compare-difference .cd-diff{min-height:calc(var(--u)*158);display:flex;align-items:center;padding-top:calc(var(--u)*14);padding-bottom:calc(var(--u)*14)}
.ref-detail-compare-difference .cd-diff-in{--cols:41% 1fr;width:100%}
.ref-detail-compare-difference .cd-diff .do-h2{font-size:calc(var(--u)*27)}
.ref-detail-compare-difference .cd-diff .do-p{font-size:calc(var(--u)*10.5)}
.ref-detail-compare-difference .cd-chain{display:flex;align-items:center;justify-content:space-between}
.ref-detail-compare-difference .cd-chain li:not(.ar){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*6);width:calc(var(--u)*96);height:calc(var(--u)*96);border-radius:50%;background:#dcebff;text-align:center;font-size:calc(var(--u)*11)}
.ref-detail-compare-difference .cd-chain li:not(.ar) > .do-i{font-size:calc(var(--u)*34);color:var(--blue)}
.ref-detail-compare-difference .cd-chain .ar{color:#9fb0c8;font-size:calc(var(--u)*14)}
.ref-detail-compare-difference .cd-list{padding-top:calc(var(--u)*4);padding-bottom:calc(var(--u)*14)}
.ref-detail-compare-difference .cd-row{display:grid;grid-template-columns:35% 1fr;gap:calc(var(--u)*12);padding:calc(var(--u)*12) 0;border-bottom:1px solid #e9eef5}
.ref-detail-compare-difference .cd-no{display:flex;align-items:center;gap:calc(var(--u)*8);margin:calc(var(--u)*10) 0 calc(var(--u)*12)}
.ref-detail-compare-difference .cd-no b{color:var(--blue);font-size:calc(var(--u)*24);font-weight:800;line-height:1}
.ref-detail-compare-difference .cd-no span{border-left:1px solid #c8d2e2;padding-left:calc(var(--u)*8);font-size:calc(var(--u)*10);color:#45536f}
.ref-detail-compare-difference .cd-copy .do-h2{font-size:calc(var(--u)*19.5);line-height:1.35;margin-bottom:calc(var(--u)*12)}
.ref-detail-compare-difference .cd-sub{font-weight:700;font-size:calc(var(--u)*11);margin-bottom:calc(var(--u)*2)}
.ref-detail-compare-difference .cd-copy .do-p{font-size:calc(var(--u)*10.5)}
.ref-detail-compare-difference .cd-vs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*24)}
.ref-detail-compare-difference .cd-vsb{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;background:#fff;color:var(--blue);font-weight:800;font-size:calc(var(--u)*10.5);box-shadow:0 calc(var(--u)*2) calc(var(--u)*8) rgba(30,60,120,.15);z-index:2}
.ref-detail-compare-difference .cd-col{border-radius:calc(var(--u)*6);padding:calc(var(--u)*12) calc(var(--u)*12) calc(var(--u)*10);text-align:center}
.ref-detail-compare-difference .cd-col.gray{background:#eef0f4}
.ref-detail-compare-difference .cd-col.blue{background:#e8f2ff}
.ref-detail-compare-difference .cd-col h3{font-size:calc(var(--u)*12);font-weight:800}
.ref-detail-compare-difference .cd-col.blue h3{color:var(--blue-d)}
.ref-detail-compare-difference .cd-s{font-size:calc(var(--u)*9);color:#45536f;margin-bottom:calc(var(--u)*8)}
.ref-detail-compare-difference .cd-col.blue .cd-s{color:var(--blue-d)}
.ref-detail-compare-difference .cd-mid{margin-bottom:calc(var(--u)*8)}
.ref-detail-compare-difference .cd-ul{text-align:left;padding-left:calc(var(--u)*10)}
.ref-detail-compare-difference .cd-ul li{font-size:calc(var(--u)*9.5);padding-top:calc(var(--u)*2);padding-bottom:calc(var(--u)*2)}
.ref-detail-compare-difference .cd-col.blue .cd-ul li::before{background:var(--blue);opacity:1}
.ref-detail-compare-difference .cd-note{text-align:center;font-size:calc(var(--u)*9.5)}
.ref-detail-compare-difference .cd-tabframe{background:#d9dde4;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7);height:calc(var(--u)*100)}
.ref-detail-compare-difference .cd-tabframe.dark{background:#1f2533;display:grid;grid-template-columns:1fr calc(var(--u)*30);gap:calc(var(--u)*4)}
.ref-detail-compare-difference .cd-video{position:relative;height:100%;border-radius:calc(var(--u)*3);overflow:hidden;background:#2c4a3c}
.ref-detail-compare-difference .cd-video img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.ref-detail-compare-difference .cd-ctrl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:calc(var(--u)*6);padding:calc(var(--u)*3) calc(var(--u)*6);background:rgba(10,20,30,.55);color:#fff;font-size:calc(var(--u)*8)}
.ref-detail-compare-difference .cd-ctrl .do-i{fill:#fff}
.ref-detail-compare-difference .cd-ctrl i{flex:1;height:2px;background:linear-gradient(90deg,#5aa0ff 35%,rgba(255,255,255,.4) 35%)}
.ref-detail-compare-difference .cd-solve{background:#fff;border-radius:calc(var(--u)*4);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--u)*8);text-align:left;font-size:calc(var(--u)*9);font-weight:700}
.ref-detail-compare-difference .cd-big{font-size:calc(var(--u)*16);font-weight:400;text-align:center;margin-top:calc(var(--u)*6)}
.ref-detail-compare-difference .cd-tside{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:#1a3d82;border-radius:calc(var(--u)*3);color:#fff;font-size:calc(var(--u)*12)}
.ref-detail-compare-difference .cd-player{position:relative;height:calc(var(--u)*100);border:calc(var(--u)*5) solid #d9dde4;border-radius:calc(var(--u)*6);overflow:hidden}
.ref-detail-compare-difference .cd-player .cd-video{border-radius:0}
.ref-detail-compare-difference .cd-vtitle{position:absolute;left:calc(var(--u)*10);top:calc(var(--u)*10);color:#fff;font-weight:700;font-size:calc(var(--u)*10);text-shadow:0 1px 3px rgba(0,0,0,.5)}
.ref-detail-compare-difference .cd-chatbox{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10);height:calc(var(--u)*100);display:flex;flex-direction:column;gap:calc(var(--u)*8);justify-content:center}
.ref-detail-compare-difference .cd-msg{border-radius:calc(var(--u)*7);padding:calc(var(--u)*6) calc(var(--u)*10);font-size:calc(var(--u)*9);text-align:left;max-width:85%}
.ref-detail-compare-difference .cd-msg.l{align-self:flex-start;background:#eef1f6}
.ref-detail-compare-difference .cd-msg.r{align-self:flex-end;background:var(--blue);color:#fff;font-weight:600}
.ref-detail-compare-difference .cd-msg.gray{background:#eef1f6;max-width:100%}
.ref-detail-compare-difference .cd-lect{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*10);text-align:left;font-size:calc(var(--u)*9)}
.ref-detail-compare-difference .cd-lh{display:flex;justify-content:space-between;margin-bottom:calc(var(--u)*4)}
.ref-detail-compare-difference .cd-lh span{color:#5a6680}
.ref-detail-compare-difference .cd-li{display:flex;justify-content:space-between;border:1px solid #e9eef5;border-radius:calc(var(--u)*4);padding:calc(var(--u)*5) calc(var(--u)*8);margin-top:calc(var(--u)*4)}
.ref-detail-compare-difference .cd-li span{color:#5a6680}
.ref-detail-compare-difference .cd-live{display:flex;flex-direction:column;gap:calc(var(--u)*6)}
.ref-detail-compare-difference .cd-live .cd-msg.l{background:#fff}
.ref-detail-compare-difference .cd-msg.av{display:flex;align-items:center;gap:calc(var(--u)*6);background:none!important;padding:0;max-width:100%}
.ref-detail-compare-difference .cd-msg.av::after{content:none}
.ref-detail-compare-difference .cd-av{display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:50%;background:#dbe4f2;color:#33415d;flex:none}
.ref-detail-compare-difference .cd-av.big{width:calc(var(--u)*34);height:calc(var(--u)*34);font-size:calc(var(--u)*18)}
.ref-detail-compare-difference .cd-msg.solid{font-weight:500}
.ref-detail-compare-difference .cd-plan{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*10);text-align:left;font-size:calc(var(--u)*9)}
.ref-detail-compare-difference .cd-plan b{display:block;margin-bottom:calc(var(--u)*4)}
.ref-detail-compare-difference .cd-plan p{display:flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*2) 0}
.ref-detail-compare-difference .cd-plan .do-i{color:var(--blue);stroke-width:3}
.ref-detail-compare-difference .cd-instant{display:grid;grid-template-columns:1.1fr auto 1fr;gap:calc(var(--u)*10);align-items:center;background:#f1f5fb;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12)}
.ref-detail-compare-difference .cd-iq{display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.ref-detail-compare-difference .cd-prob{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10);font-size:calc(var(--u)*9.5)}
.ref-detail-compare-difference .cd-prob .do-input{display:block;margin-top:calc(var(--u)*6)}
.ref-detail-compare-difference .cd-prob .cd-big{text-align:left}
.ref-detail-compare-difference .cd-arrow{color:#9fb0c8;font-size:calc(var(--u)*18)}
.ref-detail-compare-difference .cd-ia{display:flex;gap:calc(var(--u)*8);align-items:flex-start;background:#e3eeff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*12)}
.ref-detail-compare-difference .cd-ia p{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*8);font-size:calc(var(--u)*9);line-height:1.7}
.ref-detail-compare-difference .cd-crowd{display:flex;justify-content:center;gap:calc(var(--u)*4);background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*14);color:#a3acba;font-size:calc(var(--u)*42)}
.ref-detail-compare-difference .cd-crowd .do-i{fill:#b3bbc7;stroke:#b3bbc7}
.ref-detail-compare-difference .cd-one{display:flex;align-items:center;gap:calc(var(--u)*14);background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*10)}
.ref-detail-compare-difference .cd-one > span{display:grid;place-items:center;width:calc(var(--u)*68);height:calc(var(--u)*60);background:#e3eeff;border-radius:calc(var(--u)*5);color:var(--blue);font-size:calc(var(--u)*40)}
.ref-detail-compare-difference .cd-one > span .do-i{fill:var(--blue)}
.ref-detail-compare-difference .cd-one li{display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*9);padding:calc(var(--u)*1.5) 0}
.ref-detail-compare-difference .cd-one li .do-i{color:var(--blue);stroke-width:3}
.ref-detail-compare-difference .cd-sum{display:grid;grid-template-columns:36% 1fr;align-items:center;background:#e9f3ff;border-radius:calc(var(--u)*8);padding:calc(var(--u)*20) calc(var(--u)*26);margin-top:calc(var(--u)*18)}
.ref-detail-compare-difference .cd-sum h2{font-size:calc(var(--u)*24);font-weight:800;line-height:1.35;border-right:1px solid #c8d6ea;padding:calc(var(--u)*24) 0}
.ref-detail-compare-difference .cd-sum ul{padding-left:calc(var(--u)*24)}
.ref-detail-compare-difference .cd-sum li{font-size:calc(var(--u)*10.5)}
@media (max-width:700px){
.ref-detail-compare-difference .cd-chain{flex-wrap:wrap;justify-content:center;gap:8px}
.ref-detail-compare-difference .cd-chain li:not(.ar){width:110px;height:110px;font-size:14px}
.ref-detail-compare-difference .cd-row,.ref-detail-compare-difference .cd-vs,.ref-detail-compare-difference .cd-instant,.ref-detail-compare-difference .cd-sum{grid-template-columns:1fr}
.ref-detail-compare-difference .cd-vsb{position:static;transform:none;justify-self:center}
.ref-detail-compare-difference .cd-arrow{transform:rotate(90deg);justify-self:center}
.ref-detail-compare-difference .cd-sum h2{border:0;padding:0 0 12px}
.ref-detail-compare-difference .cd-sum ul{padding:0}
.ref-detail-compare-difference .cd-ul li,.ref-detail-compare-difference .cd-msg,.ref-detail-compare-difference .cd-lect,.ref-detail-compare-difference .cd-plan,.ref-detail-compare-difference .cd-prob,.ref-detail-compare-difference .cd-ia p,.ref-detail-compare-difference .cd-sum li,.ref-detail-compare-difference .cd-copy .do-p{font-size:14px}
.ref-detail-compare-difference .cd-tabframe,.ref-detail-compare-difference .cd-player,.ref-detail-compare-difference .cd-chatbox{height:auto;min-height:160px}
}

/* Main page · rebuilt natively from design-upgrade/main-part-1..3 (725px canvas → 1px ≈ .138cqw). Every selector scoped to .ref-main. */
.ref-main{word-break:keep-all;overflow-wrap:break-word;--navy:#10234b;--blue:#1264ff;--ice:#eef6ff;--line:#dfe9f6;--coral:#ff515e;--ink:#1c2b45;--muted:#55657e;color:var(--ink)}
.ref-main section{position:relative;box-sizing:border-box}
.ref-main .m-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ref-main svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ref-main a{color:inherit;text-decoration:none}
.ref-main ul,.ref-main ol{list-style:none;margin:0;padding:0}
.ref-main figure{margin:0}
.ref-main h3{font-size:3.9cqw;color:var(--navy);margin:0 0 1.6cqw;line-height:1.22}
.ref-main h2{font-size:4.8cqw;color:var(--navy);margin:0}
.ref-main .m-num{display:flex;align-items:center;gap:1.4cqw;margin:0 0 1.6cqw;font-size:2.3cqw;font-weight:850;color:var(--blue);letter-spacing:0}
.ref-main .m-num:after{content:'';width:2.8cqw;height:.3cqw;background:var(--blue)}
.ref-main .m-eyeline{display:flex;align-items:center;gap:2cqw;font-size:1.75cqw;letter-spacing:.02em;margin:0 0 2.6cqw}
.ref-main .m-eyeline:after{content:'';width:6.5cqw;height:.18cqw;background:var(--blue);opacity:.7}
.ref-main .m-sub{font-size:2.15cqw;color:#2b3a52;margin:0 0 2.4cqw;line-height:1.55}
.ref-main .m-btn{gap:2.4cqw;font-size:2.15cqw;padding:1.45cqw 3.4cqw;border-radius:1cqw;box-shadow:0 .8cqw 1.8cqw #ff515e33;margin:0}
.ref-main .m-chev{width:2.2cqw;height:2.2cqw;stroke-width:2.4;flex-shrink:0}
.ref-main .m-refcopy{}
/* tablet frame shared */
.ref-main .m-tablet{background:#1d2534;border-radius:2.2cqw;padding:1.1cqw;box-shadow:0 2.5cqw 4cqw #0b224a33,inset 0 0 0 .25cqw #3c4558}
.ref-main .m-screen{background:#fff;border-radius:1.2cqw;height:100%;overflow:hidden}

/* ── HERO (ref y100–499 → 55cqw) */
.ref-main .m-hero{height:55cqw;background:#f4f8fd}
.ref-main .m-hero .r-hero-photo{object-position:40% 35%;left:40%;width:60%}
.ref-main .m-hero:before{background:linear-gradient(90deg,#f7fafe 0%,#f7fafe 41%,#f7fafeb3 47%,#f7fafe00 56%)}
.ref-main .m-hero .r-hero-copy{position:relative;z-index:2;width:62%;padding:8.4cqw 0 0 4.6cqw}
.ref-main .m-hero h1{font-size:6.1cqw;line-height:1.24;color:var(--navy);margin:0 0 2.6cqw;letter-spacing:-.07em}
.ref-main .m-hero h1 em{color:var(--blue)}
.ref-main .m-lead{font-size:2.95cqw;line-height:1.45;color:#1d2b44;margin:0 0 3.6cqw;font-weight:500}
.ref-main .m-hero-note{position:absolute;right:1.8cqw;top:5cqw;margin:0;padding:1.4cqw 2.3cqw;background:#ffffffcc;border:1px solid #ffffff;backdrop-filter:blur(6px);border-radius:1cqw;font-size:1.65cqw;line-height:1.5;color:#2a3953;box-shadow:0 .8cqw 2cqw #1f3a6a14;z-index:2}
.ref-main .m-subjects{position:absolute;right:3.5cqw;top:13.5cqw;width:13.6cqw;padding:2cqw 0 2cqw 2.2cqw;background:#ffffffb8;border:1px solid #fff;backdrop-filter:blur(6px);border-radius:1cqw;display:grid;gap:1.55cqw;font-size:1.6cqw;font-weight:600;color:#253553;z-index:2;box-shadow:0 .8cqw 2cqw #1f3a6a14}
.ref-main .m-subjects li{display:flex;align-items:center;gap:1.8cqw}
.ref-main .m-subjects svg{width:2.7cqw;height:2.7cqw;color:var(--blue);stroke-width:1.5}
.ref-main .m-bookstack{position:absolute;left:21cqw;bottom:2.4cqw;width:22.5cqw;display:grid;z-index:1;filter:drop-shadow(0 1cqw 1cqw #1c335522)}
.ref-main .m-bookstack span{display:block;height:2.75cqw;line-height:2.75cqw;padding-left:4cqw;font-size:1.3cqw;font-weight:700;letter-spacing:.02em;color:#3b4d5c;background:linear-gradient(#f2f4f5,#d9dee2);border-radius:.3cqw .1cqw .1cqw .3cqw;box-shadow:inset -.6cqw 0 0 #fff}
.ref-main .m-bookstack span:nth-child(1){margin-left:1.5cqw}
.ref-main .m-bookstack span:nth-child(2){background:linear-gradient(#cfe1e1,#a9c7c8);margin-left:.6cqw}
.ref-main .m-bookstack span:nth-child(3){background:linear-gradient(#5f9384,#3f7466);color:#f3f8f6;margin-left:.2cqw}
.ref-main .m-bookstack span:nth-child(4){background:linear-gradient(#eef1f3,#cfd5da)}

/* ── STUDENT intro (y499–645 → 20cqw) */
.ref-main .m-intro{min-height:20cqw;padding:5.6cqw 6.2cqw 0}
.ref-main .m-intro h2{font-size:5.4cqw}

/* ── 01 (y645–1069 → 58.5cqw) */
.ref-main .m-q1{min-height:58.5cqw;padding:1.4cqw 0 2.4cqw 6.2cqw;background:linear-gradient(90deg,#fff 0%,#f6faff 45%,#eef5fd 100%);overflow:hidden}
.ref-main .m-q1-photo{position:absolute;right:0;top:0;bottom:0;width:52%}
.ref-main .m-q1-photo img{width:100%;height:100%;object-fit:cover;object-position:68% 40%}
.ref-main .m-q1-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6faff 0%,#f6faff00 28%),linear-gradient(0deg,#eef5fd 0%,#eef5fd00 22%)}
.ref-main .m-q1-copy{position:relative;z-index:2;width:62%}
.ref-main .m-q1 h3{font-size:4.1cqw}
.ref-main .m-q1 .m-sub{font-size:2.05cqw;margin-bottom:1.8cqw}
.ref-main .m-bubble{position:absolute;z-index:2;right:3.5cqw;top:4.6cqw;margin:0;padding:2.2cqw 3.4cqw;background:#ffffffe6;border:1px solid #c9d6e6;border-radius:50%;font-size:1.75cqw;line-height:1.45;text-align:center;color:#2b3953;box-shadow:0 .6cqw 1.6cqw #1f3a6a12}
.ref-main .m-bubble:after{content:'';position:absolute;left:18%;bottom:-2.6cqw;width:1.6cqw;height:1.6cqw;border-radius:50%;border:1px solid #c9d6e6;background:#fff}
.ref-main .m-state{width:70%;padding:2.2cqw 2.6cqw 1.6cqw 3.6cqw;background:#f1f6fd;border:1px solid #dde8f6;border-radius:1.3cqw;box-shadow:0 1cqw 2.4cqw #1b3d7010}
.ref-main .m-state-title{margin:0 0 .6cqw;font-size:2.2cqw;font-weight:800;color:var(--blue)}
.ref-main .m-state-q{margin:0 0 1.8cqw;font-size:1.75cqw;line-height:1.5;color:#2b3a52}
.ref-main .m-state-btns{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;margin-bottom:1.8cqw}
.ref-main .m-state-btns a{display:flex;align-items:center;justify-content:center;gap:1.2cqw;height:4.9cqw;background:#fff;border:.28cqw solid var(--blue);border-radius:.9cqw;font-size:1.95cqw;font-weight:700;color:var(--blue)}
.ref-main .m-state-btns svg{width:2.6cqw;height:2.6cqw;stroke-width:3}
.ref-main .m-state-btns .m-unsure{border-color:#9aa6b6;color:#3a475c}
.ref-main .m-warn{display:flex;align-items:center;gap:2.4cqw;margin:0 0 .9cqw;padding:1cqw 2.6cqw;background:#ffe4e6;border-radius:.9cqw;font-size:1.75cqw;color:#3a3f4f}
.ref-main .m-warn svg{width:2.4cqw;height:2.4cqw;color:#f0434f}

/* ── 02 (y1069–1376 → 42.3cqw) */
.ref-main .m-q2{min-height:42.3cqw;padding:4cqw 4cqw 3cqw 6.2cqw;background:linear-gradient(180deg,#eaf3fe,#e5f0fd);display:grid;grid-template-columns:55% 45%;align-items:start}
.ref-main .m-q2 h3{font-size:4.1cqw;margin-bottom:4cqw}
.ref-main .m-needs{display:grid;grid-template-columns:repeat(5,9.1cqw);gap:.8cqw;position:relative;z-index:2}
.ref-main .m-needs li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;height:15.8cqw;background:#fff;border-radius:1.2cqw;font-size:1.5cqw;letter-spacing:-.07em;font-weight:600;color:#253553;box-shadow:0 .8cqw 1.8cqw #1b3d7012;white-space:nowrap}
.ref-main .m-needs svg{width:5cqw;height:5cqw;color:var(--blue);stroke-width:1.3}
.ref-main .m-q2-tab{height:33.5cqw;margin:-0.4cqw 0 0 -3cqw;transform:rotate(1.4deg)}
.ref-main .m-q2-tab .m-screen{display:grid;grid-template-columns:13% 87%}
.ref-main .m-side{background:#152a4f;display:grid;align-content:start;gap:1.6cqw;padding:2.6cqw 1.1cqw}
.ref-main .m-side i{display:block;height:.9cqw;border-radius:.3cqw;background:#ffffff55}
.ref-main .m-side i:first-child{background:#ffffffaa}
.ref-main .m-q2-main{padding:2.6cqw 2.2cqw}
.ref-main .m-screen-title{margin:0 0 1.8cqw;font-size:1.7cqw;font-weight:800;color:#1f2d47}
.ref-main .m-pick{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}
.ref-main .m-pick li{display:grid;grid-template-columns:3.4cqw 1fr;column-gap:1cqw;align-items:center;padding:1.2cqw;border:1px solid #e1e9f4;border-radius:.7cqw;box-shadow:0 .3cqw .8cqw #1b3d700a}
.ref-main .m-pick svg{grid-row:span 2;width:3cqw;height:3cqw;color:var(--blue)}
.ref-main .m-pick .o svg{color:#f39a1d}.ref-main .m-pick .g svg{color:#22a55b}.ref-main .m-pick .r svg{color:#f0434f}
.ref-main .m-pick b{font-size:1.3cqw;color:#1f2d47}
.ref-main .m-pick small{font-size:.95cqw;color:#7a889c}

/* ── 03 (y1376–1790 → 57cqw) */
.ref-main .m-q3{min-height:57cqw;padding:4.4cqw 6.2cqw 4.2cqw;background:#fff}
.ref-main .m-q3 h3{font-size:4.1cqw;margin-bottom:1.8cqw}
.ref-main .m-q3 .m-sub{margin-bottom:3cqw}
.ref-main .m-q3-cards{display:grid;grid-template-columns:1fr 1fr;gap:2.2cqw;margin-left:-.8cqw;margin-right:4.5cqw}
.ref-main .m-talk{display:grid;grid-template-columns:43% 57%;height:19.5cqw;background:linear-gradient(90deg,#eef5fe,#f4f8fe);border-radius:1.2cqw;overflow:hidden;box-shadow:0 .8cqw 2cqw #1b3d7010}
.ref-main .m-talk-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f7f8fa,#e3e9f1)}
.ref-main .m-robot{background:linear-gradient(160deg,#ffffff,#e4eefb)}
.ref-main .m-talk-art svg{width:84%;height:84%;stroke:none}
.ref-main .m-talk-copy{display:flex;flex-direction:column;justify-content:center;padding:0 2cqw 0 2.4cqw}
.ref-main .m-talk-copy strong{font-size:2.4cqw;line-height:1.3;color:var(--navy);margin-bottom:1.6cqw}
.ref-main .m-talk-copy>span{font-size:1.6cqw;line-height:1.55;color:var(--blue)}
.ref-main .m-talk-copy>span svg{width:1.9cqw;height:1.9cqw;margin-left:.8cqw;vertical-align:-.25cqw;stroke-width:2.4}
.ref-main .m-center{text-align:center;margin:3cqw 0 0}
.ref-main .m-wide{min-width:32.8cqw;justify-content:center}

/* ── FLOW (y1790–2170 → 52.4cqw) */
.ref-main .m-flow{min-height:52.4cqw;padding:5cqw 4cqw 4cqw;background:linear-gradient(180deg,#eef6ff,#e9f2fe)}
.ref-main .m-flow .m-eyeline{margin-left:2.2cqw;margin-bottom:1.6cqw;font-size:1.65cqw}
.ref-main .m-flow-head{display:flex;align-items:center;gap:3cqw;margin:0 0 4.4cqw 2.2cqw}
.ref-main .m-flow-head h2{font-size:4.8cqw}
.ref-main .m-flow-head p{margin:0;font-size:1.95cqw;color:#2b3a52}
.ref-main .m-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3.2cqw;position:relative}
.ref-main .m-steps li{position:relative;display:flex;flex-direction:column;align-items:center;height:18.7cqw;padding-top:4.4cqw;background:#fff;border-radius:1.2cqw;box-shadow:0 .8cqw 2cqw #1b3d7012;text-align:center}
.ref-main .m-steps li+li:before{content:'';position:absolute;left:-2.25cqw;top:50%;width:1.2cqw;height:1.2cqw;border:solid var(--blue);border-width:.28cqw .28cqw 0 0;transform:translateY(-50%) rotate(45deg)}
.ref-main .m-steps b{position:absolute;top:-2.2cqw;left:50%;margin-left:-2.2cqw;width:4.4cqw;height:4.4cqw;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:1.6cqw;box-shadow:0 .5cqw 1cqw #1264ff44}
.ref-main .m-steps svg{width:5cqw;height:5cqw;color:var(--blue);stroke-width:1.6;margin-bottom:1.6cqw}
.ref-main .m-steps h3{font-size:2.05cqw;margin:0 0 .6cqw;white-space:nowrap}
.ref-main .m-steps p{margin:0;font-size:1.55cqw;color:var(--muted)}
.ref-main .m-loop{position:relative;height:9cqw;margin:0 6cqw}
.ref-main .m-loop-line{position:absolute;inset:0 0 2cqw;width:100%;height:7cqw;stroke:#6f9cf0;stroke-width:2;vector-effect:non-scaling-stroke}
.ref-main .m-loop-line path{vector-effect:non-scaling-stroke}
.ref-main .m-loop p{position:absolute;left:50%;top:3.3cqw;transform:translateX(-50%);margin:0;padding:1cqw 3.6cqw;background:var(--blue);color:#fff;border-radius:3cqw;font-size:1.6cqw;font-weight:600;white-space:nowrap;box-shadow:0 .6cqw 1.4cqw #1264ff3d}

/* ── TEACHER & DIRECTOR + comparison (part2 y0–559 → 77cqw) */
.ref-main .m-teacher{min-height:77cqw;padding:0 3.2cqw 3.6cqw;background:linear-gradient(180deg,#fff 0%,#fff 60%,#f4f8fe 100%);overflow:hidden}
.ref-main .m-teacher-photo{position:absolute;right:0;top:0;width:58%;height:33.7cqw}
.ref-main .m-teacher-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.ref-main .m-teacher-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff0 32%),linear-gradient(0deg,#fff 0%,#fff0 26%)}
.ref-main .m-teacher-head{position:relative;z-index:2;height:31.4cqw;padding-top:8.6cqw}
.ref-main .m-teacher-head .r-eyebrow{font-size:1.55cqw;margin-bottom:1.2cqw}
.ref-main .m-teacher-head h2{font-size:5.2cqw;line-height:1.25}
.ref-main .m-compare{position:relative;z-index:2;display:grid;grid-template-columns:40% 1fr 50.5%;align-items:stretch;gap:0}
.ref-main .m-cmp{background:#fff;border-radius:1.1cqw;overflow:hidden;border:1px solid #e1e7ef;box-shadow:0 1cqw 2.4cqw #1b3d7012;padding-bottom:1cqw}
.ref-main .m-new{border:.3cqw solid var(--blue);box-shadow:0 1.2cqw 2.8cqw #1264ff22}
.ref-main .m-cmp-head{margin:0 0 .4cqw;padding:1.1cqw 0;text-align:center;font-size:2.4cqw;font-weight:800;background:linear-gradient(#a5aebd,#949eae);color:#fff}
.ref-main .m-new .m-cmp-head{background:var(--blue)}
.ref-main .m-cmp-row{display:grid;grid-template-columns:7.6cqw 1fr;align-items:center;gap:1.6cqw;min-height:9.8cqw;margin:0 1.6cqw;padding:0 .6cqw;border-bottom:1px solid #e8edf4;font-size:1.95cqw;line-height:1.5;color:#2a3953}
.ref-main .m-cmp-row:last-child{border-bottom:0}
.ref-main .m-ci{width:6.4cqw;height:6.4cqw;justify-self:center;color:#1c2b45}
.ref-main .m-new .m-ci{color:var(--blue)}
.ref-main .m-cmp-arrow{align-self:center;justify-self:center;width:5.6cqw;height:8.2cqw;stroke:none}

/* ── 01 A.I. (y559–882 → 44.6cqw) */
.ref-main .m-ai{min-height:44.6cqw;padding:4.6cqw 3.8cqw 4cqw;background:linear-gradient(115deg,#eef6ff 0%,#e7f1fe 55%,#dbeafc 100%);overflow:hidden}
.ref-main .m-ai-copy{position:relative;z-index:2;width:80%}
.ref-main .m-ai h3{font-size:4.6cqw;line-height:1.25;margin-bottom:2.6cqw;letter-spacing:-.07em}
.ref-main .m-ai h3 em{color:var(--blue)}
.ref-main .m-ai .m-sub{font-size:1.95cqw;margin-bottom:3.2cqw}
.ref-main .m-ai-art{position:absolute;right:0;top:0;bottom:0;width:44%}
.ref-main .m-ai-tab{position:absolute;right:-.6cqw;top:7.4cqw;width:21.5cqw;height:24cqw;padding:1.2cqw;background:#1d2534;border-radius:2cqw;transform:rotate(9deg);box-shadow:0 2.4cqw 4cqw #0b224a40}
.ref-main .m-ai-tab img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:1.1cqw;padding:2.4cqw}
.ref-main .m-ai-books{position:absolute;left:12%;bottom:3.4cqw;width:15.6cqw;display:grid;filter:drop-shadow(0 1cqw 1cqw #0b224a33)}
.ref-main .m-ai-books span{height:4cqw;line-height:4cqw;padding-left:2.2cqw;color:#fff;font-weight:700;font-size:1.5cqw;background:linear-gradient(#36557f,#203a61);border-radius:.3cqw;box-shadow:inset -.7cqw 0 0 #e9eef5}
.ref-main .m-ai-books span:first-child{height:5cqw;line-height:5cqw;font-size:2.6cqw;margin-left:.4cqw}
.ref-main .m-ai-books span:nth-child(2){margin-left:-.4cqw;font-size:1.65cqw}

/* ── 02 public education (y882–1195 → 43.2cqw) */
.ref-main .m-public{min-height:43.2cqw;padding:4.4cqw 3.4cqw 2.6cqw 3.8cqw;background:#fff;display:grid;grid-template-columns:41% 59%;align-items:start}
.ref-main .m-public h3{font-size:4.6cqw;line-height:1.2;margin-bottom:1.8cqw}
.ref-main .m-public h3 em{color:var(--blue)}
.ref-main .m-small{font-size:1.75cqw;line-height:1.5;color:#2b3a52;margin:0 0 2.4cqw}
.ref-main .m-public .m-btn{font-size:1.95cqw;padding:1.3cqw 2.6cqw}
.ref-main .m-public-art{display:grid;grid-template-columns:69% 1fr;gap:1.2cqw;margin-top:4.6cqw}
.ref-main .m-pp{height:19.6cqw;background:#eef5fe;border-radius:1cqw;overflow:hidden;text-align:center}
.ref-main .m-pp-head{margin:0;padding:1.2cqw 0;background:#e3eefc;font-size:1.65cqw;font-weight:700;color:#1f2d47}
.ref-main .m-think{display:flex;justify-content:center;align-items:flex-start;gap:3.4cqw;padding-top:2.2cqw}
.ref-main .m-think li{position:relative;display:grid;justify-items:center;gap:1cqw;font-size:1.75cqw;color:#1f2d47}
.ref-main .m-think li+li:before{content:'';position:absolute;left:-2.6cqw;top:3.1cqw;width:1.7cqw;height:.28cqw;background:var(--blue)}
.ref-main .m-think li+li:after{content:'';position:absolute;left:-1.5cqw;top:2.65cqw;border:.6cqw solid transparent;border-left:.8cqw solid var(--blue)}
.ref-main .m-think span{display:grid;place-items:center;width:6.6cqw;height:6.6cqw;border-radius:50%;background:linear-gradient(160deg,#3b8dff,#1264ff);box-shadow:0 .6cqw 1.2cqw #1264ff40}
.ref-main .m-think svg{width:4cqw;height:4cqw;color:#fff;stroke-width:1.9}
.ref-main .m-essay{width:9cqw;height:9cqw;margin-top:2.4cqw;color:#1b3d70;stroke-width:1.3}

/* ── contact banner (y1195–1377 → 25cqw) */
.ref-main .m-contact{min-height:25cqw;padding:3.4cqw 3.8cqw 3cqw;background:#fff}
.ref-main .m-contact-banner{position:relative;display:flex;align-items:center;height:18.7cqw;padding-left:4.4cqw;border-radius:1.1cqw;overflow:hidden;background:linear-gradient(90deg,#123b8c 0%,#1d56c9 48%,#2d6be0 62%,#2d6be000 80%);color:#fff;isolation:isolate;box-shadow:0 1.2cqw 2.6cqw #0b224a26}
.ref-main .m-contact-banner img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2}
.ref-main .m-contact-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123b8c 0%,#1a4fb9 46%,#1d57c4cc 54%,#2160d400 74%);z-index:-1}
.ref-main .m-contact-copy{display:grid;gap:1.4cqw}
.ref-main .m-contact-copy strong{font-size:3.8cqw;line-height:1.2;letter-spacing:-.06em}
.ref-main .m-contact-copy span{font-size:1.95cqw;opacity:.92}
.ref-main .m-contact-chev{position:absolute;right:3cqw;top:50%;width:3.6cqw;height:3.6cqw;margin-top:-1.8cqw;padding:.7cqw;border-radius:50%;background:#ffffffe0;color:var(--blue);stroke-width:2.6}

/* ── PARENTS (y1377–2172 → 109.7cqw) */
.ref-main .m-parent{min-height:109.7cqw;padding:5.6cqw 2.6cqw 5cqw;background:linear-gradient(180deg,#eef6ff,#f2f7fe)}
.ref-main .m-parent h2{font-size:5.1cqw;margin:0 0 3.6cqw 1.2cqw}
.ref-main .m-parent h2 em{color:var(--blue)}
.ref-main .m-parent-grid{display:grid;grid-template-columns:41% 1fr;gap:1.4cqw}
.ref-main .m-pcard{background:#fff;border-radius:1.3cqw;box-shadow:0 1cqw 2.6cqw #1b3d7012;padding:2.6cqw 2.4cqw 0;overflow:hidden;display:flex;flex-direction:column;height:55cqw}
.ref-main .m-pcard h3{font-size:2.75cqw;line-height:1.3;margin:0 0 .9cqw;white-space:nowrap}
.ref-main .m-pcard>p,.ref-main .m-pcard-c-copy p{margin:0 0 2.2cqw;font-size:2.2cqw;line-height:1.5;color:#2b3a52}
.ref-main .m-pcard-a img{flex:1;min-height:0;width:calc(100% + 1.6cqw);margin:0 -.8cqw 1.2cqw;object-fit:cover;object-position:40% 40%;border-radius:1cqw}
.ref-main .m-pcard-b{padding-bottom:1.6cqw}
.ref-main .m-dash{flex:1;display:flex;flex-direction:column;border:1px solid #e1e9f4;border-radius:1cqw;background:#f7faff;padding:1.2cqw;font-size:1.35cqw;color:#1f2d47}
.ref-main .m-dash-top{display:flex;align-items:center;gap:1cqw;padding:0 0 1.2cqw}
.ref-main .m-n{display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border-radius:.5cqw;background:#1b3d70;color:#fff;font-weight:900;font-size:1.6cqw}
.ref-main .m-dash-top b{font-size:1.5cqw;font-weight:800}
.ref-main .m-dash-top i{margin-left:auto;width:4cqw;height:1.2cqw;border-radius:1cqw;background:linear-gradient(90deg,#d5deea 40%,transparent 40% 60%,#d5deea 60%)}
.ref-main .m-dash-grid{flex:1;display:grid;grid-template-columns:23% 1fr 1fr;grid-template-rows:1.25fr 1fr;gap:.9cqw}
.ref-main .m-dash-nav{display:grid;align-content:start;gap:.5cqw}
.ref-main .m-dash-nav li{padding:.75cqw 1cqw;border-radius:.5cqw;color:#4d5b72}
.ref-main .m-dash-nav li:before{content:'';display:inline-block;width:1cqw;height:1cqw;margin-right:.7cqw;border:.16cqw solid currentColor;border-radius:.2cqw;vertical-align:-.1cqw}
.ref-main .m-dash-nav .on{background:var(--blue);color:#fff;font-weight:700}
.ref-main .m-dash-box{background:#fff;border:1px solid #e6edf6;border-radius:.7cqw;padding:1cqw 1.1cqw}
.ref-main .m-dash-box>p{margin:0 0 .8cqw;font-weight:700;font-size:1.35cqw}
.ref-main .m-ring{--value:70%;position:relative;width:10cqw;height:10cqw;margin:0 auto;border-radius:50%;background:conic-gradient(var(--blue) var(--value),#e3ebf6 0);display:grid;place-content:center;text-align:center}
.ref-main .m-ring:before{content:'';position:absolute;inset:.9cqw;border-radius:50%;background:#fff}
.ref-main .m-ring b,.ref-main .m-ring small{position:relative}
.ref-main .m-ring b{font-size:2.9cqw;line-height:1;color:#10234b}
.ref-main .m-ring small{font-size:.9cqw;color:var(--muted)}
.ref-main .m-dash-con ul{display:grid;gap:.9cqw}
.ref-main .m-dash-con li,.ref-main .m-dash-sub li{display:flex;align-items:center;gap:.8cqw;font-size:1.3cqw}
.ref-main .m-dash-con i{display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:.4cqw;color:#fff}
.ref-main .m-dash-con i svg{width:1.5cqw;height:1.5cqw;stroke-width:2.2}
.ref-main .m-dash-con .b{background:#3d7fff}.ref-main .m-dash-con .g{background:#22a55b}.ref-main .m-dash-con .p{background:#8a63e8}
.ref-main .m-dash-sub{grid-column:2/3}
.ref-main .m-dash-sub ul{display:flex;justify-content:space-around}
.ref-main .m-dash-sub li{flex-direction:column;gap:.5cqw}
.ref-main .m-dash-sub i{display:grid;place-items:center;width:3.6cqw;height:3.6cqw;border-radius:.6cqw;color:#fff;font-style:normal;font-weight:800;font-size:1.6cqw}
.ref-main .m-dash-sub i svg{width:2.2cqw;height:2.2cqw}
.ref-main .m-dash-sub .kr{background:#f0434f}.ref-main .m-dash-sub .ma{background:#2f7cf6}.ref-main .m-dash-sub .en{background:#f5862a}
.ref-main .m-dash-sub{grid-column:1/3;grid-row:2}
.ref-main .m-dash-focus{grid-column:3;grid-row:2}
.ref-main .m-dash-time{grid-column:2;grid-row:1}
.ref-main .m-dash-con{grid-column:3;grid-row:1}
.ref-main .m-dash-nav{grid-column:1;grid-row:1}
.ref-main .m-focus{display:flex;justify-content:space-around;align-items:flex-end;height:calc(100% - 2cqw)}
.ref-main .m-focus span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4cqw;height:100%;font-size:1.05cqw;color:var(--muted)}
.ref-main .m-focus i{display:block;width:2.6cqw;height:var(--h);max-height:5.2cqw;background:#cfdbee;border-radius:.3cqw .3cqw 0 0}
.ref-main .m-focus span:last-child i{background:var(--blue)}
.ref-main .m-pcard-c{grid-column:1/-1;height:32cqw;padding:0;flex-direction:row;position:relative;margin-top:.2cqw}
.ref-main .m-pcard-c-copy{position:relative;z-index:2;padding:3.2cqw 0 0 2.6cqw;width:62%}
.ref-main .m-pcard-c h3{white-space:normal;font-size:2.75cqw}
.ref-main .m-pcard-c img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:60% 35%}
.ref-main .m-pcard-c:after{content:'';position:absolute;right:0;top:0;width:48%;height:100%;background:linear-gradient(90deg,#fff 0%,#fff0 30%);pointer-events:none}
.ref-main .m-parent-btn{display:inline-flex;align-items:center;gap:2.2cqw;margin-top:.6cqw;min-width:29cqw;padding:1.8cqw 2.6cqw;background:#fff;border:1px solid #d9e3f0;border-radius:1cqw;box-shadow:0 .6cqw 1.6cqw #1b3d7014;font-size:2.15cqw;color:var(--navy)}
.ref-main .m-parent-btn>svg:first-child{width:3.6cqw;height:3.6cqw;color:#1b3d70;stroke-width:1.9}
.ref-main .m-parent-btn .m-chev{margin-left:auto}

/* ── 5대 차별점 hero (part3 y76–291 → 29.7cqw) */
.ref-main .m-adv-hero{min-height:29.7cqw;padding:5.6cqw 0 0 4.4cqw;background:#fff;overflow:hidden}
.ref-main .m-adv-hero>img{position:absolute;left:12%;top:0;width:76%;height:100%;object-fit:cover;object-position:50% 30%}
.ref-main .m-adv-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 14%,#fff0 40%,#fff0 70%,#fff 88%);z-index:1}
.ref-main .m-adv-hero-copy{position:relative;z-index:2}
.ref-main .m-adv-hero h2{font-size:5cqw;line-height:1.15;margin-bottom:1.8cqw}
.ref-main .m-adv-hero h2 em{font-size:7.2cqw;color:var(--blue);letter-spacing:-.06em}
.ref-main .m-adv-hero p{margin:0;font-size:2.15cqw;line-height:1.5;color:#3b4a62}
.ref-main .m-adv-note{position:absolute;z-index:2;right:5cqw;top:5.4cqw;margin:0;font-size:1.95cqw;line-height:1.5;color:#1f2d47;font-weight:500}

/* ── 5 panels (part3 y291–1634 → ~185cqw) */
.ref-main .m-advs{padding:.4cqw 2.1cqw 1.4cqw;background:#eef5fd;display:grid;gap:1.4cqw}
.ref-main .m-adv{position:relative;display:grid;align-items:center;background:linear-gradient(110deg,#f3f8ff,#e9f2fe);border-radius:1.3cqw;overflow:hidden;box-shadow:0 .8cqw 2cqw #1b3d700d}
.ref-main .m-adv-copy{position:relative;z-index:2}
.ref-main .m-adv h3{font-size:4.4cqw;color:var(--blue);margin:0 0 1.2cqw;letter-spacing:-.07em}
.ref-main .m-adv-copy>p:not(.m-num){margin:0;font-size:1.9cqw;line-height:1.55;color:#2b3a52}
.ref-main .m-adv-photo{width:100%;height:100%;object-fit:cover;display:block}
.ref-main .m-adv1{height:33.8cqw;grid-template-columns:29% 42% 1fr;padding:0 2.2cqw 0 2.6cqw;background:linear-gradient(110deg,#f1f7ff,#eaf3fe)}
.ref-main .m-report{height:29.5cqw;margin:0 1.4cqw}
.ref-main .m-report .m-screen{padding:1.6cqw 1.5cqw}
.ref-main .m-report-title{margin:0 0 1.2cqw;text-align:center;font-size:1.7cqw;font-weight:800;color:#1f2d47}
.ref-main .m-report-cols{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}
.ref-main .m-report-cols>div{border-radius:.6cqw;overflow:hidden;background:#f6f9fe;border:1px solid #e3ebf6}
.ref-main .m-report-cols p{margin:0;padding:.75cqw 1.1cqw;color:#fff;font-weight:700;font-size:1.3cqw}
.ref-main .m-good p{background:#3d7fff}.ref-main .m-weak p{background:#ff6b70}
.ref-main .m-report-cols ul{display:grid;gap:.75cqw;padding:1.1cqw}
.ref-main .m-report-cols li{display:flex;align-items:center;gap:.7cqw;font-size:1.08cqw;color:#2b3a52;white-space:nowrap}
.ref-main .m-report-cols svg{width:1.6cqw;height:1.6cqw;flex-shrink:0}
.ref-main .m-good svg{color:#22a55b}.ref-main .m-weak svg{color:#f0434f}
.ref-main .m-suggest{display:flex;align-items:center;gap:1.2cqw;margin:1cqw 0 0;padding:1cqw 1.4cqw;background:#edf4ff;border-radius:.6cqw;font-size:1.05cqw;color:#3b4a62}
.ref-main .m-suggest svg{width:2.6cqw;height:2.6cqw;color:#2f7cf6;stroke:#1d5fd6;stroke-width:1}
.ref-main .m-suggest b{display:block;color:var(--blue);font-size:1.25cqw}
.ref-main .m-adv1-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:7.4cqw 0 3.6cqw 1cqw}
.ref-main .m-adv1-side p{margin:0;font-size:1.7cqw;line-height:1.55;color:#2b3a52}
.ref-main .m-softbars{display:flex;align-items:flex-end;gap:1cqw;height:9cqw;padding-left:2cqw}
.ref-main .m-softbars i{flex:1;border-radius:.4cqw .4cqw 0 0;background:linear-gradient(#a9c8ff,#cfe0fb)}
.ref-main .m-softbars i:nth-child(1){height:25%}.ref-main .m-softbars i:nth-child(2){height:45%}.ref-main .m-softbars i:nth-child(3){height:70%}.ref-main .m-softbars i:nth-child(4){height:100%;background:linear-gradient(#5d97ff,#a8c6fb)}
.ref-main .m-adv2{height:32.6cqw;grid-template-columns:53% 1fr;background:linear-gradient(90deg,#fff,#f3f8ff)}
.ref-main .m-adv2 .m-adv-photo{object-position:40% 35%}
.ref-main .m-adv2 .m-adv-copy,.ref-main .m-adv4 .m-adv-copy{padding:0 2cqw 0 3.4cqw}
.ref-main .m-circles{display:flex;gap:2.4cqw;margin-top:3cqw}
.ref-main .m-circles li{position:relative;display:grid;justify-items:center;gap:1.2cqw;font-size:1.6cqw;color:#2b3a52;white-space:nowrap}
.ref-main .m-circles span{display:grid;place-items:center;width:9.4cqw;height:9.4cqw;border-radius:50%;background:#e5effd;color:#1b3d70}
.ref-main .m-circles svg{width:5cqw;height:5cqw;stroke-width:1.6}
.ref-main .m-circles .m-solid svg{width:5.6cqw;height:5.6cqw;padding:1.1cqw;border-radius:50%;background:#152a4f;color:#fff;stroke-width:3}
.ref-main .m-arrows{gap:4.4cqw}
.ref-main .m-arrows li+li:before{content:'';position:absolute;left:-2.9cqw;top:4cqw;width:1.1cqw;height:1.1cqw;border:solid var(--blue);border-width:.26cqw .26cqw 0 0;transform:rotate(45deg)}
.ref-main .m-adv3{height:33.3cqw;grid-template-columns:44% 1fr;padding-left:2.6cqw;background:linear-gradient(110deg,#f3f8ff 0%,#eaf2fd 50%,#dfe9f6 100%)}
.ref-main .m-adv3 .m-circles span{background:#fff;box-shadow:0 .6cqw 1.4cqw #1b3d7012;color:#152a4f}
.ref-main .m-fill{fill:currentColor}
.ref-main .m-practice{height:29cqw;margin:4.6cqw -1.4cqw -5cqw 2.4cqw;transform:rotate(5deg);border-radius:2.6cqw}
.ref-main .m-practice .m-screen{padding:2.4cqw 3cqw;background:linear-gradient(170deg,#fbfcff,#eef3fa);position:relative}
.ref-main .m-tag-blue{display:inline-block;margin:0 0 1.2cqw;padding:.3cqw 1.2cqw;background:#dde9ff;color:var(--blue);border-radius:.4cqw;font-size:1.1cqw;font-weight:700}
.ref-main .m-practice-q{margin:0 0 1.6cqw;font-size:1.3cqw;color:#3b4a62}
.ref-main .m-eqs{display:grid;gap:3cqw;font-family:'Times New Roman',serif;font-size:1.9cqw;color:#1f2d47;letter-spacing:0}
.ref-main .m-todo{position:absolute;right:2.6cqw;top:4.4cqw;display:grid;gap:1.8cqw}
.ref-main .m-todo li{display:flex;align-items:center;gap:.8cqw;font-size:1.15cqw;color:#2b3a52}
.ref-main .m-todo svg{width:1.6cqw;height:1.6cqw;color:#22a55b}
.ref-main .m-adv4{height:33cqw;grid-template-columns:53% 1fr;background:linear-gradient(90deg,#fff,#f3f8ff)}
.ref-main .m-adv4-art{position:relative;height:100%}
.ref-main .m-adv4 .m-adv-photo{object-position:60% 40%}
.ref-main .m-24{position:absolute;right:2cqw;top:3.4cqw;display:flex;align-items:center;gap:1.2cqw;margin:0;padding:1.3cqw 2cqw;background:#fffffff0;border-radius:1.3cqw;box-shadow:0 .6cqw 1.6cqw #1b3d7022;font-size:1.4cqw;line-height:1.4;font-weight:700;color:#1f2d47}
.ref-main .m-24 svg{width:3.4cqw;height:3.4cqw;color:#1b3d70;stroke-width:2}
.ref-main .m-adv4 h3{white-space:nowrap}
.ref-main .m-dark span{background:#e5effd;color:#152a4f}
.ref-main .m-dark svg{stroke:none;fill:none;color:#152a4f}
.ref-main .m-adv5{height:43.8cqw;grid-template-columns:30% 37% 1fr;padding:0 3cqw 0 2.6cqw;background:linear-gradient(110deg,#f3f8ff,#e9f2fe)}
.ref-main .m-adv5 .m-adv-copy{align-self:center;margin-top:-3cqw}.ref-main .m-adv5 .m-adv-copy>p:not(.m-num){font-size:1.75cqw}
.ref-main .m-chatwin{align-self:center;height:auto;padding:1.6cqw 2.2cqw;background:#fff;border:1px solid #dfe8f4;border-radius:1.4cqw;box-shadow:0 1.4cqw 3cqw #1b3d7018;font-size:1.3cqw;color:#1f2d47;display:flex;flex-direction:column;gap:.9cqw}
.ref-main .m-chat-head{display:flex;align-items:center;gap:1.4cqw;margin:0;font-size:1.65cqw}
.ref-main .m-chat-head span{display:grid;place-items:center;width:4cqw;height:4cqw;border-radius:50%;background:linear-gradient(160deg,#3b8dff,#1264ff);color:#fff;font-weight:800;font-size:1.6cqw}
.ref-main .m-ask{align-self:flex-end;margin:0;padding:1cqw 2cqw;background:var(--blue);color:#fff;border-radius:1.4cqw 1.4cqw .3cqw 1.4cqw;font-size:1.3cqw}
.ref-main .m-answer{padding:1.4cqw 1.6cqw;border:1px solid #e3ebf6;border-radius:.9cqw;line-height:1.6}
.ref-main .m-answer p{margin:0 0 .6cqw}
.ref-main .m-answer-tag{color:var(--blue);font-weight:800}
.ref-main .m-math{padding-left:2.6cqw;font-family:'Times New Roman',serif;font-size:1.55cqw;letter-spacing:0}
.ref-main .m-math-inline{font-family:'Times New Roman',serif;font-size:1.5cqw;letter-spacing:0;padding-left:1.4cqw}
.ref-main .m-source{padding:1.1cqw 1.4cqw;background:#f3f6fb;border-radius:.8cqw}
.ref-main .m-source>p{margin:0 0 .6cqw;font-size:1.15cqw;font-weight:700}
.ref-main .m-source-book{display:flex;align-items:center;gap:1.2cqw;margin:0;padding:.8cqw 1.2cqw;background:#fff;border-radius:.5cqw}
.ref-main .m-source-book svg{width:3cqw;height:3cqw;color:#1b3d70}
.ref-main .m-source-book b,.ref-main .m-source-book small{display:block}
.ref-main .m-source-book small{color:var(--muted);font-size:1cqw}
.ref-main .m-adv5-side{padding-left:3cqw;align-self:center}
.ref-main .m-adv5-title{margin:0 0 2.4cqw;font-size:1.95cqw;font-weight:800;line-height:1.45;color:#1f2d47}
.ref-main .m-books-icon{display:grid;place-items:center;width:13cqw;height:13cqw;margin:0 0 2.4cqw 2cqw;border-radius:50%;background:radial-gradient(circle,#dbe8fb 0%,#e9f2fe 70%)}
.ref-main .m-books-icon svg{width:8cqw;height:8cqw;color:#6f9cf0;stroke:none}
.ref-main .m-adv5-side>p:last-child{margin:0;font-size:1.5cqw;line-height:1.6;color:#3b4a62}

/* ── 안심 등록 (part3 y1645–1943 → 41cqw) */
.ref-main .m-reg{min-height:41cqw;padding:0 2.2cqw 1.2cqw;background:#fff}
.ref-main .m-reg-top{position:relative;height:23.4cqw;margin:0 -2.2cqw;padding:.8cqw 0 0 3.6cqw;overflow:hidden}
.ref-main .m-reg-photo{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:60% 55%}
.ref-main .m-reg-top:before{content:'';position:absolute;right:0;top:0;width:66%;height:100%;background:linear-gradient(90deg,#fff 0%,#fff0 34%);z-index:1}
.ref-main .m-reg-copy{position:relative;z-index:2}
.ref-main .m-mini-brand{display:flex;align-items:center;gap:.8cqw;margin:0 0 .9cqw}
.ref-main .m-mini-brand img{width:4.4cqw;height:4.4cqw;object-fit:contain}
.ref-main .m-mini-brand b{display:block;font-size:1.8cqw;line-height:1.1;color:#e8333f;letter-spacing:-.03em}
.ref-main .m-mini-brand small{display:block;font-size:1cqw;color:#1f2d47;font-weight:700}
.ref-main .m-reg h2{font-size:4.2cqw;line-height:1.18;margin-bottom:1cqw}
.ref-main .m-reg-copy>p:last-child{margin:0;font-size:1.85cqw;line-height:1.45;color:#3b4a62}
.ref-main .m-reg-cards{display:grid;grid-template-columns:41% 1fr;gap:2.4cqw;margin-top:.4cqw}
.ref-main .m-reg-card{position:relative;display:grid;grid-template-columns:5.2cqw 1fr auto;align-items:center;gap:1.8cqw;min-height:14cqw;padding:1.3cqw 2.2cqw 1.2cqw;background:linear-gradient(180deg,#f3f8ff,#eaf2fe);border:1px solid #dfe9f6;border-radius:1.2cqw}
.ref-main .m-badge{position:absolute;left:2.2cqw;top:1.4cqw;display:grid;place-items:center;width:3.4cqw;height:3.4cqw;border-radius:50%;border:.18cqw solid var(--blue);background:#fff;color:var(--blue);font-size:1.45cqw}
.ref-main .m-reg-icon{width:5cqw;height:5cqw;color:#1b3d70;margin-top:3.6cqw;stroke-width:1.7}
.ref-main .m-reg-text h3{font-size:1.95cqw;margin:0 0 .8cqw;color:#1f2d47}
.ref-main .m-reg-text p{margin:0;font-size:1.45cqw;line-height:1.55;color:#3b4a62}
.ref-main .m-reg-card .m-chev{width:2.6cqw;height:2.6cqw;color:var(--blue)}
.ref-main .m-reg-card:first-child .m-reg-text{padding-top:1.4cqw}
.ref-main .m-reg-card:last-child{grid-template-columns:5.2cqw 1fr}
.ref-main .m-reg-card:last-child .m-reg-icon{margin-top:0;align-self:start;margin-top:3.6cqw}
.ref-main .m-reg-card:last-child .m-reg-text{padding-top:1.4cqw}
.ref-main .m-reg-card:last-child h3{margin-bottom:.6cqw}
.ref-main .m-refund{display:flex;gap:1cqw;margin-top:.7cqw!important;padding:.7cqw 1.2cqw;background:#fff;border-radius:.6cqw;font-size:1.3cqw!important}
.ref-main .m-refund svg{width:2cqw;height:2cqw;color:#f0434f;stroke-width:2.8;flex-shrink:0}
.ref-main .m-refund b{color:#1f2d47}

/* ── closing links (part3 y1943–2090 → 20.3cqw) */
.ref-main .m-close{min-height:20.3cqw;padding:2.1cqw 2.1cqw 2cqw;background:linear-gradient(180deg,#0f2a5e,#14306b);color:#fff;text-align:center}
.ref-main .m-close h2{font-size:2.85cqw;color:#fff;margin:0 0 1.8cqw}
.ref-main .m-close-links{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1cqw}
.ref-main .m-close-links a{display:grid;grid-template-rows:5.4cqw auto;justify-items:center;align-content:center;height:11cqw;padding:1cqw .8cqw;background:#fff;border-radius:.8cqw;color:#10234b;font-size:1.55cqw;font-weight:700;line-height:1.3;box-shadow:0 .6cqw 1.4cqw #0004}
.ref-main .m-close-links a>svg:first-child{width:5cqw;height:5cqw;color:#1b3d70;stroke-width:1.3;align-self:center}
.ref-main .m-close-links li:nth-child(5) a>svg:first-child{color:#1b3d70;stroke-width:1.5}
.ref-main .m-close-links li:nth-child(1) a>svg:first-child,.ref-main .m-close-links li:nth-child(2) a>svg:first-child,.ref-main .m-close-links li:nth-child(4) a>svg:first-child{stroke:none}
.ref-main .m-close-links a>span{display:inline}
.ref-main .m-close-links small{display:block;color:#e8333f;font-size:1.25cqw;font-weight:800}
.ref-main .m-close-links .m-chev{display:inline;width:1.6cqw;height:1.6cqw;margin-left:.4cqw;vertical-align:-.25cqw}
.ref-main .m-close-links a{grid-template-columns:auto auto;grid-template-areas:"i i" "t c";column-gap:.6cqw}
.ref-main .m-close-links a>svg:first-child{grid-area:i}
.ref-main .m-close-links a>span{grid-area:t;align-self:end}
.ref-main .m-close-links a>.m-chev{grid-area:c;align-self:end;margin-bottom:.3cqw}
.ref-main .m-close-links a:hover,.ref-main .m-talk:hover,.ref-main .m-reg-card[href]:hover,.ref-main .m-parent-btn:hover{box-shadow:0 0 0 .25cqw #1264ff55,0 .8cqw 2cqw #1b3d7018}
.ref-main a:focus-visible{outline:3px solid #ff9f1a;outline-offset:3px}

/* ── 701–1000: keep cqw composition but lift the smallest UI text */
@media(min-width:701px) and (max-width:1000px){
.ref-main .m-pick small,.ref-main .m-ring small,.ref-main .m-source-book small,.ref-main .m-suggest,.ref-main .m-focus span{font-size:1.15cqw}
.ref-main .m-report-cols li{font-size:1.15cqw}
}

/* ── MOBILE ≤700: normal readable flow */
@media(max-width:700px){
.ref-main h2{font-size:28px}
.ref-main h3{font-size:23px;margin-bottom:12px}
.ref-main .m-num{font-size:16px;gap:10px;margin-bottom:10px}
.ref-main .m-num:after{width:22px;height:2px}
.ref-main .m-eyeline{font-size:12px;gap:12px;margin-bottom:12px}
.ref-main .m-eyeline:after{width:44px;height:1px}
.ref-main .m-sub,.ref-main .m-small{font-size:16px;margin:0 0 18px}
.ref-main .m-btn{font-size:15px;padding:13px 22px;gap:14px;border-radius:9px}
.ref-main .m-chev{width:18px;height:18px}
.ref-main .m-tablet{border-radius:18px;padding:8px}
.ref-main .m-screen{border-radius:11px}
/* hero */
.ref-main .m-hero{height:auto;min-height:0;padding-top:250px}
.ref-main .m-hero .r-hero-photo{left:0;width:100%;height:290px;object-position:70% 30%}
.ref-main .m-hero:before{background:linear-gradient(0deg,#fff 0%,#fff 55%,#fff0 72%)}
.ref-main .m-hero .r-hero-copy{width:100%;padding:24px 22px 30px}
.ref-main .m-hero h1{font-size:34px;margin-bottom:14px}
.ref-main .m-lead{font-size:18px;margin-bottom:20px}
.ref-main .m-hero-note{top:16px;right:14px;font-size:12px;padding:9px 13px;border-radius:10px}
.ref-main .m-subjects{position:relative;right:auto;top:auto;width:auto;margin:0 22px 26px;padding:14px;grid-template-columns:repeat(5,1fr);gap:4px;font-size:13px;text-align:center;border:1px solid #e1eaf6;border-radius:12px}
.ref-main .m-subjects li{flex-direction:column;gap:6px}
.ref-main .m-subjects svg{width:24px;height:24px}
.ref-main .m-bookstack{display:none}
/* student */
.ref-main .m-intro{min-height:0;padding:38px 22px 8px}
.ref-main .m-intro h2{font-size:30px}
.ref-main .m-q1{min-height:0;padding:24px 22px 32px;display:flex;flex-direction:column}
.ref-main .m-q1-photo{position:relative;order:2;width:auto;height:240px;margin:22px -22px 0}
.ref-main .m-q1-photo:before{background:linear-gradient(180deg,#f6faff 0%,#f6faff00 25%)}
.ref-main .m-bubble{display:none}
.ref-main .m-q1-copy{width:100%}
.ref-main .m-q1 h3,.ref-main .m-q2 h3,.ref-main .m-q3 h3{font-size:24px}
.ref-main .m-q1 .m-sub{font-size:16px}
.ref-main .m-state{width:100%;padding:20px 18px;border-radius:12px}
.ref-main .m-state-title{font-size:18px;margin-bottom:6px}
.ref-main .m-state-q{font-size:15px;margin-bottom:14px}
.ref-main .m-state-btns{gap:10px;margin-bottom:12px}
.ref-main .m-state-btns a{height:48px;font-size:16px;border-width:2px;border-radius:9px;gap:8px}
.ref-main .m-state-btns svg{width:20px;height:20px}
.ref-main .m-warn{font-size:15px;padding:11px 14px;gap:12px;border-radius:9px;margin-bottom:8px}
.ref-main .m-warn svg{width:20px;height:20px}
.ref-main .m-q2{min-height:0;display:block;padding:34px 22px}
.ref-main .m-q2 h3{margin-bottom:18px}
.ref-main .m-needs{grid-template-columns:repeat(5,1fr);gap:6px}
.ref-main .m-needs li{height:auto;padding:14px 2px;gap:8px;font-size:11.5px;border-radius:10px;white-space:normal;text-align:center}
.ref-main .m-needs svg{width:30px;height:30px}
.ref-main .m-q2-tab{height:auto;margin:24px 0 0;transform:none}
.ref-main .m-q2-tab .m-screen{grid-template-columns:34px 1fr}
.ref-main .m-side{padding:16px 8px;gap:12px}
.ref-main .m-side i{height:7px}
.ref-main .m-q2-main{padding:16px 12px}
.ref-main .m-screen-title{font-size:15px;margin-bottom:12px}
.ref-main .m-pick{gap:8px}
.ref-main .m-pick li{grid-template-columns:26px 1fr;column-gap:8px;padding:9px;border-radius:8px}
.ref-main .m-pick svg{width:24px;height:24px}
.ref-main .m-pick b{font-size:13px}
.ref-main .m-pick small{font-size:11px}
.ref-main .m-q3{min-height:0;padding:36px 22px}
.ref-main .m-q3 .m-sub{margin-bottom:22px}
.ref-main .m-q3-cards{grid-template-columns:1fr;gap:14px;margin:0}
.ref-main .m-talk{height:132px;grid-template-columns:38% 62%;border-radius:12px}
.ref-main .m-talk-copy{padding:0 16px}
.ref-main .m-talk-copy strong{font-size:19px;margin-bottom:8px}
.ref-main .m-talk-copy>span{font-size:14px}
.ref-main .m-talk-copy>span svg{width:15px;height:15px;margin-left:5px}
.ref-main .m-center{margin-top:24px}
.ref-main .m-wide{min-width:0;width:100%}
.ref-main .m-flow{min-height:0;padding:38px 18px 30px}
.ref-main .m-flow .m-eyeline{margin-left:0}
.ref-main .m-flow-head{display:block;margin:0 0 30px}
.ref-main .m-flow-head h2{font-size:28px;margin-bottom:8px}
.ref-main .m-flow-head p{font-size:15px}
.ref-main .m-steps{grid-template-columns:1fr;gap:22px}
.ref-main .m-steps li{height:auto;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:16px;padding:20px 18px 18px 22px;text-align:left;border-radius:12px}
.ref-main .m-steps li+li:before{left:50%;top:-15px;width:9px;height:9px;border-width:2px 2px 0 0;transform:translateX(-50%) rotate(135deg)}
.ref-main .m-steps b{top:-13px;left:18px;margin:0;width:30px;height:30px;font-size:12px}
.ref-main .m-steps svg{grid-row:span 2;width:40px;height:40px;margin:0}
.ref-main .m-steps h3{font-size:18px;margin:0}
.ref-main .m-steps p{font-size:14px}
.ref-main .m-loop{height:auto;margin:20px 0 0}
.ref-main .m-loop-line{display:none}
.ref-main .m-loop p{position:static;transform:none;white-space:normal;text-align:center;font-size:14px;padding:12px 18px;border-radius:24px}
/* teacher */
.ref-main .m-teacher{min-height:0;padding:0 18px 34px}
.ref-main .m-teacher-photo{position:relative;width:auto;height:230px;margin:0 -18px}
.ref-main .m-teacher-photo:before{background:linear-gradient(0deg,#fff 0%,#fff0 35%)}
.ref-main .m-teacher-head{height:auto;padding:4px 4px 22px}
.ref-main .m-teacher-head .r-eyebrow{font-size:12px}
.ref-main .m-teacher-head h2{font-size:28px}
.ref-main .m-compare{grid-template-columns:1fr;gap:10px}
.ref-main .m-cmp{border-radius:12px;padding-bottom:6px}
.ref-main .m-new{border-width:2px}
.ref-main .m-cmp-head{font-size:17px;padding:11px 0}
.ref-main .m-cmp-row{grid-template-columns:48px 1fr;gap:14px;min-height:74px;margin:0 14px;padding:10px 0;font-size:15px}
.ref-main .m-ci{width:40px;height:40px}
.ref-main .m-cmp-arrow{width:30px;height:40px;transform:rotate(90deg)}
.ref-main .m-ai{min-height:0;padding:36px 22px 0;display:flex;flex-direction:column}
.ref-main .m-ai-copy{width:100%}
.ref-main .m-ai h3{font-size:25px;margin-bottom:14px}
.ref-main .m-ai .m-sub{font-size:16px;margin-bottom:20px}
.ref-main .m-ai-art{position:relative;width:auto;height:230px;margin:10px -22px 0}
.ref-main .m-ai-tab{right:12%;top:20px;width:150px;height:165px;padding:8px;border-radius:16px}
.ref-main .m-ai-tab img{padding:14px;border-radius:9px}
.ref-main .m-ai-books{left:10%;bottom:26px;width:130px}
.ref-main .m-ai-books span{height:30px;line-height:30px;font-size:12px;padding-left:16px}
.ref-main .m-ai-books span:first-child{height:38px;line-height:38px;font-size:20px}
.ref-main .m-ai-books span:nth-child(2){font-size:13px}
.ref-main .m-public{min-height:0;display:block;padding:36px 22px}
.ref-main .m-public h3{font-size:25px}
.ref-main .m-public .m-btn{font-size:15px;padding:13px 20px}
.ref-main .m-public-art{grid-template-columns:1fr;gap:12px;margin-top:26px}
.ref-main .m-pp{height:auto;padding-bottom:18px;border-radius:12px}
.ref-main .m-pp-head{font-size:15px;padding:10px 0}
.ref-main .m-think{gap:34px;padding-top:16px}
.ref-main .m-think li{font-size:15px;gap:8px}
.ref-main .m-think span{width:58px;height:58px}
.ref-main .m-think svg{width:30px;height:30px}
.ref-main .m-think li+li:before{left:-27px;top:27px;width:14px;height:2px}
.ref-main .m-think li+li:after{left:-16px;top:23px;border-width:5px;border-left-width:7px}
.ref-main .m-pp-narrow{display:flex;align-items:center;padding:0 0 0 0}
.ref-main .m-pp-narrow .m-pp-head{flex:1;background:none}
.ref-main .m-essay{width:56px;height:56px;margin:10px 18px}
.ref-main .m-contact{min-height:0;padding:10px 18px 34px}
.ref-main .m-contact-banner{height:auto;min-height:150px;padding:26px 60px 26px 22px;border-radius:14px}
.ref-main .m-contact-banner img{width:60%;opacity:.55}
.ref-main .m-contact-banner:before{background:linear-gradient(90deg,#123b8c 0%,#1a4fb9e6 60%,#2160d466 100%)}
.ref-main .m-contact-copy{gap:8px}
.ref-main .m-contact-copy strong{font-size:23px}
.ref-main .m-contact-copy span{font-size:14px}
.ref-main .m-contact-chev{right:16px;width:32px;height:32px;margin-top:-16px;padding:6px}
.ref-main .m-parent{min-height:0;padding:38px 16px}
.ref-main .m-parent h2{font-size:28px;margin:0 0 20px 4px}
.ref-main .m-parent-grid{grid-template-columns:1fr;gap:14px}
.ref-main .m-pcard{height:auto;padding:22px 18px 0;border-radius:14px}
.ref-main .m-pcard h3{font-size:19px;white-space:normal;margin-bottom:6px}
.ref-main .m-pcard>p,.ref-main .m-pcard-c-copy p{font-size:15px;margin-bottom:16px}
.ref-main .m-pcard-a img{flex:none;width:calc(100% + 12px);margin:0 -6px 6px;height:220px;border-radius:10px}
.ref-main .m-pcard-b{padding-bottom:16px}
.ref-main .m-dash{padding:10px;border-radius:10px;font-size:12px}
.ref-main .m-dash-top{gap:8px;padding-bottom:10px}
.ref-main .m-n{width:24px;height:24px;font-size:13px;border-radius:5px}
.ref-main .m-dash-top b{font-size:14px}
.ref-main .m-dash-top i{width:30px;height:9px}
.ref-main .m-dash-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}
.ref-main .m-dash-nav{grid-column:1/-1;grid-row:auto;display:flex;flex-wrap:wrap;gap:4px}
.ref-main .m-dash-nav li{padding:6px 9px;font-size:12px;border-radius:6px}
.ref-main .m-dash-nav li:before{width:8px;height:8px;margin-right:5px;border-width:1.5px}
.ref-main .m-dash-time,.ref-main .m-dash-con,.ref-main .m-dash-sub,.ref-main .m-dash-focus{grid-row:auto;grid-column:auto}
.ref-main .m-dash-box{padding:10px;border-radius:8px}
.ref-main .m-dash-box>p{font-size:12px;margin-bottom:8px}
.ref-main .m-ring{width:82px;height:82px}
.ref-main .m-ring:before{inset:8px}
.ref-main .m-ring b{font-size:24px}
.ref-main .m-ring small{font-size:10px}
.ref-main .m-dash-con ul{gap:8px}
.ref-main .m-dash-con li,.ref-main .m-dash-sub li{font-size:12px;gap:6px}
.ref-main .m-dash-con i{width:20px;height:20px;border-radius:4px}
.ref-main .m-dash-con i svg{width:13px;height:13px}
.ref-main .m-dash-sub i{width:32px;height:32px;font-size:14px;border-radius:6px}
.ref-main .m-dash-sub i svg{width:19px;height:19px}
.ref-main .m-focus{height:80px}
.ref-main .m-focus span{font-size:11px;gap:4px}
.ref-main .m-focus i{width:22px;max-height:50px}
.ref-main .m-pcard-c{grid-column:auto;height:auto;flex-direction:column;padding:0;margin:0}
.ref-main .m-pcard-c-copy{width:100%;padding:22px 18px 20px}
.ref-main .m-pcard-c img{position:relative;width:100%;height:220px}
.ref-main .m-pcard-c:after{display:none}
.ref-main .m-parent-btn{min-width:0;width:100%;padding:14px 16px;gap:14px;font-size:16px;border-radius:10px}
.ref-main .m-parent-btn>svg:first-child{width:28px;height:28px}
/* 5 advantages */
.ref-main .m-adv-hero{min-height:0;padding:0 0 30px;display:flex;flex-direction:column}
.ref-main .m-adv-hero>img{position:relative;order:-1;width:100%;height:230px}
.ref-main .m-adv-hero:before{width:100%;height:230px;background:linear-gradient(0deg,#fff 0%,#fff0 35%)}
.ref-main .m-adv-hero-copy{padding:6px 22px 0}
.ref-main .m-adv-hero h2{font-size:26px;margin-bottom:12px}
.ref-main .m-adv-hero h2 em{font-size:38px}
.ref-main .m-adv-hero p{font-size:16px}
.ref-main .m-adv-note{position:static;padding:14px 22px 0;font-size:15px;color:var(--muted)}
.ref-main .m-advs{padding:14px 14px 18px;gap:14px}
.ref-main .m-adv,.ref-main .m-adv1,.ref-main .m-adv2,.ref-main .m-adv3,.ref-main .m-adv4,.ref-main .m-adv5{height:auto;display:flex;flex-direction:column;align-items:stretch;padding:24px 18px;border-radius:14px;gap:18px}
.ref-main .m-adv h3{font-size:28px;margin-bottom:8px}
.ref-main .m-adv-copy>p:not(.m-num){font-size:15px}
.ref-main .m-adv2 .m-adv-copy,.ref-main .m-adv4 .m-adv-copy{padding:0}
.ref-main .m-adv2>.m-adv-photo,.ref-main .m-adv4-art{order:2;height:210px;margin:0 -18px -24px;width:auto}
.ref-main .m-adv4-art .m-adv-photo{height:100%}
.ref-main .m-report{height:auto;margin:0}
.ref-main .m-report .m-screen{padding:14px 12px}
.ref-main .m-report-title{font-size:15px;margin-bottom:10px}
.ref-main .m-report-cols{gap:8px}
.ref-main .m-report-cols p{font-size:12.5px;padding:7px 9px}
.ref-main .m-report-cols ul{gap:7px;padding:9px}
.ref-main .m-report-cols li{font-size:11.5px;gap:5px;white-space:normal}
.ref-main .m-report-cols svg{width:14px;height:14px}
.ref-main .m-suggest{margin-top:10px;padding:10px 12px;gap:10px;font-size:12.5px;border-radius:8px}
.ref-main .m-suggest svg{width:24px;height:24px}
.ref-main .m-suggest b{font-size:13.5px}
.ref-main .m-adv1-side{padding:0;flex-direction:row;align-items:flex-end;gap:16px}
.ref-main .m-adv1-side p{font-size:14px}
.ref-main .m-softbars{height:52px;width:110px;padding:0;gap:6px;flex-shrink:0}
.ref-main .m-circles,.ref-main .m-arrows{gap:10px;margin-top:20px;justify-content:space-between}
.ref-main .m-circles li{font-size:13px;gap:8px;flex:1}
.ref-main .m-circles span{width:64px;height:64px}
.ref-main .m-circles svg{width:32px;height:32px}
.ref-main .m-circles .m-solid svg{width:38px;height:38px;padding:8px}
.ref-main .m-arrows li+li:before{left:-9px;top:28px;width:8px;height:8px;border-width:2px 2px 0 0}
.ref-main .m-practice{height:auto;margin:0;transform:none;border-radius:18px}
.ref-main .m-practice .m-screen{padding:18px;display:grid;grid-template-columns:1fr;gap:4px}
.ref-main .m-tag-blue{justify-self:start;font-size:12px;padding:3px 9px;margin:0}
.ref-main .m-practice-q{font-size:14px;margin:6px 0}
.ref-main .m-eqs{font-size:18px;gap:10px;margin-bottom:12px}
.ref-main .m-todo{position:static;grid-template-columns:1fr 1fr;gap:9px}
.ref-main .m-todo li{font-size:13px;gap:6px}
.ref-main .m-todo svg{width:15px;height:15px}
.ref-main .m-24{right:14px;top:14px;font-size:12px;padding:9px 12px;gap:8px;border-radius:10px}
.ref-main .m-24 svg{width:24px;height:24px}
.ref-main .m-adv4 h3{white-space:normal}
.ref-main .m-adv5 .m-adv-copy{margin:0;align-self:stretch}.ref-main .m-adv5 .m-adv-copy>p:not(.m-num){font-size:15px}
.ref-main .m-chatwin{align-self:stretch;height:auto;padding:16px;gap:10px;font-size:14px;border-radius:12px}
.ref-main .m-chat-head{font-size:15px;gap:10px}
.ref-main .m-chat-head span{width:32px;height:32px;font-size:13px}
.ref-main .m-ask{font-size:14px;padding:9px 14px;border-radius:14px 14px 3px 14px}
.ref-main .m-answer{padding:12px 14px;border-radius:9px}
.ref-main .m-math,.ref-main .m-math-inline{font-size:17px;padding-left:12px}
.ref-main .m-source{padding:10px 12px;border-radius:8px}
.ref-main .m-source>p{font-size:12.5px}
.ref-main .m-source-book{gap:10px;padding:8px 10px}
.ref-main .m-source-book svg{width:26px;height:26px}
.ref-main .m-source-book small{font-size:11.5px}
.ref-main .m-adv5-side{padding:0;display:grid;grid-template-columns:72px 1fr;column-gap:16px;align-items:center}
.ref-main .m-adv5-title{grid-column:1/-1;font-size:17px;margin-bottom:10px}
.ref-main .m-books-icon{width:72px;height:72px;margin:0}
.ref-main .m-books-icon svg{width:44px;height:44px}
.ref-main .m-adv5-side>p:last-child{font-size:14px}
/* registration + closing */
.ref-main .m-reg{min-height:0;padding:0 16px 28px}
.ref-main .m-reg-top{height:auto;margin:0 -16px;padding:0 0 22px;display:flex;flex-direction:column}
.ref-main .m-reg-photo{position:relative;order:-1;width:100%;height:200px}
.ref-main .m-reg-top:before{width:100%;height:200px;background:linear-gradient(0deg,#fff 0%,#fff0 35%)}
.ref-main .m-reg-copy{padding:0 22px}
.ref-main .m-mini-brand{gap:7px;margin-bottom:12px}
.ref-main .m-mini-brand img{width:36px;height:36px}
.ref-main .m-mini-brand b{font-size:15px}
.ref-main .m-mini-brand small{font-size:10px}
.ref-main .m-reg h2{font-size:28px}
.ref-main .m-reg-copy>p:last-child{font-size:16px}
.ref-main .m-reg-cards{grid-template-columns:1fr;gap:14px}
.ref-main .m-reg-card,.ref-main .m-reg-card:last-child{grid-template-columns:44px 1fr auto;gap:14px;min-height:0;padding:52px 16px 18px;border-radius:12px}
.ref-main .m-reg-card:last-child{grid-template-columns:44px 1fr}
.ref-main .m-badge{left:16px;top:14px;width:30px;height:30px;font-size:12px;border-width:1.5px}
.ref-main .m-reg-icon,.ref-main .m-reg-card:last-child .m-reg-icon{width:40px;height:40px;margin:0;align-self:start}
.ref-main .m-reg-text,.ref-main .m-reg-card:first-child .m-reg-text,.ref-main .m-reg-card:last-child .m-reg-text{padding:0}
.ref-main .m-reg-text h3,.ref-main .m-reg-card:last-child h3{font-size:17px;margin:0 0 6px}
.ref-main .m-reg-text p{font-size:14px}
.ref-main .m-refund{font-size:13px!important;padding:9px 10px;gap:8px;border-radius:8px}
.ref-main .m-refund svg{width:16px;height:16px}
.ref-main .m-reg-card .m-chev{width:20px;height:20px}
.ref-main .m-close{min-height:0;padding:32px 16px}
.ref-main .m-close h2{font-size:21px;margin-bottom:18px}
.ref-main .m-close-links{grid-template-columns:1fr 1fr;gap:10px}
.ref-main .m-close-links li:last-child{grid-column:1/-1}
.ref-main .m-close-links a{height:auto;min-height:104px;grid-template-rows:42px auto;padding:14px 8px;font-size:14px;border-radius:10px}
.ref-main .m-close-links a>svg:first-child{width:36px;height:36px}
.ref-main .m-close-links small{font-size:11px}
.ref-main .m-close-links .m-chev{width:14px;height:14px}
}

/* menus job: curriculum, solution, academy, score, stories, comparison
   Every selector is scoped to a .ref-KEY page. cqw = full reference-page width. */

/* ---------- common tokens / typography ---------- */
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison){--m-navy:#10224d;--m-blue:#1b6af0;--m-coral:#ff515e;--m-ice:#eff8ff;--m-line:#e2eaf5;--m-soft:#5b6578;color:var(--m-navy);background:#fff}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) :is(h1,h2,h3,h4){color:inherit;margin:0;letter-spacing:-.02em}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) p{margin:0}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) h1 em,
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) h2 em{font-style:normal;color:var(--m-blue)}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hand{font-family:'Nanum Pen Script','Comic Sans MS',cursive;font-weight:400;letter-spacing:0;line-height:1.2}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-button{gap:.6cqw;align-items:center;text-decoration:none;border-radius:.6cqw;font-weight:700;white-space:nowrap}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-button .r-icon{width:1.5cqw;height:1.5cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-chev{width:1.2cqw;height:1.2cqw;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-button.m-sm{font-size:1.3cqw;padding:.95cqw 2.1cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-tag{font-size:1.2cqw;font-weight:700;color:var(--m-blue);margin-bottom:1cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-copy h3,
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-copy h3,
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-copytile h3{font-size:3.4cqw;font-weight:800;line-height:1.15;margin-bottom:1.2cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-quote{font-size:1.55cqw;font-weight:700;line-height:1.45;margin-bottom:1.2cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-desc{font-size:1.35cqw;color:var(--m-soft);line-height:1.6;margin-bottom:2.4cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-photo{display:block;width:100%;height:100%;object-fit:cover}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-chip{display:inline-block;font-size:.95cqw;font-weight:500;border:1px solid #c9d3e2;border-radius:.4cqw;padding:.1cqw .6cqw;color:var(--m-soft);background:#fff;vertical-align:middle}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-panel-title{font-size:1.35cqw;font-weight:800;line-height:1.35}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-panel-title > small:not(.m-chip){display:block;font-size:1.1cqw;font-weight:500;color:var(--m-soft)}

/* hero (shared r-hero, custom heights + native overlays) */
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero h1{line-height:1.12;font-weight:900;margin:1cqw 0 1.6cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero .r-hero-copy{position:relative;z-index:2;padding:6cqw 5.5cqw 4cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-lead{font-size:1.55cqw;margin-bottom:2.6cqw}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-actions{display:flex;gap:1.2cqw;flex-wrap:wrap}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero-note{position:absolute;z-index:2;right:3.6cqw;top:8.4cqw;font-size:2cqw;line-height:1.4;color:var(--m-navy)}
:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero-note:not(.m-hand)::after{content:"";display:block;width:3.4cqw;height:.25cqw;background:var(--m-blue);margin-top:1.6cqw}
:is(.ref-score,.ref-comparison) .m-hero h1 em{color:#6fb3ff}
:is(.ref-score,.ref-comparison) .m-hero-note.m-hand{color:#fff;font-size:3cqw;transform:rotate(-8deg);text-shadow:0 2px 10px rgba(0,0,0,.25)}

/* intro (centered) */
:is(.ref-solution,.ref-score,.ref-comparison) .m-intro{text-align:center}
:is(.ref-solution,.ref-score,.ref-comparison) .m-intro h2{font-size:3.4cqw;font-weight:800;margin:.8cqw 0 1.6cqw}
:is(.ref-solution,.ref-score,.ref-comparison) .m-intro p:not(.r-eyebrow){font-size:1.5cqw;color:#3a4458;line-height:1.7}
:is(.ref-solution,.ref-score,.ref-comparison) .m-intro .r-eyebrow{font-size:1.2cqw}

/* shared native panels: checklist + report */
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check{background:#fff;border-radius:1cqw;padding:1.8cqw 1.8cqw 1.4cqw;box-shadow:0 .6cqw 2.4cqw rgba(20,50,110,.12)}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check ol{list-style:none;margin:1.2cqw 0 0;padding:0;display:grid;gap:.55cqw}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check li{display:grid;grid-template-columns:2.6cqw 1fr auto;align-items:center;gap:1cqw;padding:.5cqw .8cqw;border-radius:.6cqw;background:#f5f8fc;font-size:1.2cqw;font-weight:600}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check li.is-now{background:#eaf2ff;color:var(--m-blue);font-weight:800}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check .m-dot{width:2.3cqw;height:2.3cqw;border-radius:50%;display:grid;place-items:center;font-size:1.1cqw;color:#fff;background:#b8c1cf}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check .is-done .m-dot{background:#22a35a}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check .is-now .m-dot{background:var(--m-blue)}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check .m-ck{width:1.4cqw;height:1.4cqw;fill:none;stroke:#fff;stroke-width:3}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check em{font-style:normal;font-size:1cqw;font-weight:700;padding:.25cqw .8cqw;border-radius:.4cqw;background:#fff;color:#7a8394;border:1px solid #d9dfe8}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check .is-done em{background:#e3f6ea;color:#1b8a4a;border-color:transparent}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check .is-now em{background:var(--m-blue);color:#fff;border-color:transparent}
:is(.ref-solution,.ref-score,.ref-stories) .m-chart{background:#fff;border:1px solid var(--m-line);border-radius:.8cqw;padding:1.2cqw}
:is(.ref-solution,.ref-score,.ref-stories) .m-chart > p:first-child{font-size:1.15cqw;font-weight:800;margin-bottom:.6cqw}
:is(.ref-solution,.ref-score,.ref-stories) .m-bars,:is(.ref-solution,.ref-score,.ref-stories) .m-line{display:block;width:100%;height:auto}
:is(.ref-solution,.ref-score,.ref-stories) .m-bars .t-l{font-size:9px;fill:#5b6578}
:is(.ref-solution,.ref-score,.ref-stories) .m-bars .t-v{font-size:11px;font-weight:800;fill:#10224d}

/* ======================= CURRICULUM ======================= */
.ref-curriculum .r-hero{height:42cqw}
.ref-curriculum .m-hero .r-hero-copy{padding-top:7.4cqw}
.ref-curriculum .m-hero-note{top:8.2cqw;right:3.4cqw}
.ref-curriculum .m-order{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:30.5cqw;padding:4cqw 3.5cqw 4cqw 5.5cqw;background:linear-gradient(180deg,#f3f8ff,#e6f1fd)}
.ref-curriculum .m-order h2{font-size:3.6cqw;font-weight:800;margin-bottom:2.6cqw}
.ref-curriculum .m-order p{font-size:1.4cqw;line-height:1.8;color:#3a4458}
.ref-curriculum .m-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:.6cqw}
.ref-curriculum .m-step{width:15.4cqw;height:15.4cqw;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 .8cqw 2.4cqw rgba(40,90,170,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5cqw}
.ref-curriculum .m-step b{width:4.6cqw;height:4.6cqw;border-radius:50%;display:grid;place-items:center;font-size:1.6cqw;color:var(--m-blue);background:#fff;border:2px solid #cfe0fb;margin-top:-1.2cqw}
.ref-curriculum .m-step.is-on b{background:var(--m-blue);color:#fff;border-color:var(--m-blue)}
.ref-curriculum .m-step strong{font-size:1.5cqw}
.ref-curriculum .m-step span{font-size:1.1cqw;color:var(--m-soft)}
.ref-curriculum .m-step-arrow{color:var(--m-blue)}
.ref-curriculum .m-step-arrow .m-chev{width:2.2cqw;height:2.2cqw}
.ref-curriculum .m-cards{padding:3cqw 2.7cqw 5.7cqw;display:grid;gap:2.5cqw;background:linear-gradient(180deg,#f7f9fc,#fff)}
.ref-curriculum .m-wide{grid-template-columns:37% 63%;min-height:37.8cqw;box-shadow:0 .4cqw 2cqw rgba(20,50,110,.08)}
.ref-curriculum .m-wide .r-copy{padding:4.6cqw 3.2cqw}
.ref-curriculum .m-wide .r-art{display:block}
.ref-curriculum .m-wide .r-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 22%)}
.ref-curriculum .m-wide .m-check{position:absolute;z-index:3;right:2.6cqw;top:2.2cqw;width:31cqw}
.ref-curriculum .m-books{position:absolute;z-index:2;left:6%;bottom:12%;display:flex;flex-direction:column;align-items:flex-start;gap:0;filter:drop-shadow(0 .6cqw .8cqw rgba(0,0,0,.18))}
.ref-curriculum .m-books span{display:block;height:3.1cqw;width:19cqw;border-radius:.3cqw;color:#fff;font-size:1.25cqw;font-weight:700;padding:.75cqw 0 0 9cqw;border-right:1.4cqw solid #f1ede4}
.ref-curriculum .m-books .b0{background:#7d97b8;width:17.4cqw;margin-left:.8cqw}
.ref-curriculum .m-books .b1{background:#335f8f}
.ref-curriculum .m-books .b2{background:#4f7aa8;margin-left:1cqw}
.ref-curriculum .m-books .b3{background:#3f6c63}
.ref-curriculum .m-books .b4{background:#2c4d6e;margin-left:.6cqw}
.ref-curriculum .m-pair{gap:2.5cqw}
.ref-curriculum .m-split{position:relative;overflow:hidden;border-radius:1cqw;background:#fff;min-height:36.5cqw;box-shadow:0 .4cqw 2cqw rgba(20,50,110,.08)}
.ref-curriculum .m-split .m-photo{left:34%;width:66%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.ref-curriculum .m-split .m-copy{position:relative;z-index:3;width:60%;padding:4.6cqw 2.2cqw 3cqw 2.6cqw}
.ref-curriculum .m-split .m-quote{font-size:1.28cqw;letter-spacing:-.02em}
.ref-curriculum .m-split .m-desc{font-size:1.25cqw}
.ref-curriculum .m-grade{background:linear-gradient(120deg,#fff 40%,#eaf3ff)}
.ref-curriculum .m-grade-art{position:absolute;right:2cqw;top:6cqw;bottom:6cqw;width:20cqw;display:flex;align-items:flex-end;gap:1cqw}
.ref-curriculum .m-grade-bars{width:13cqw;height:auto}
.ref-curriculum .m-grade-list{list-style:none;margin:0;padding:.8cqw .6cqw;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:.5cqw;box-shadow:0 .4cqw 1.4cqw rgba(20,50,110,.12);font-size:1cqw;font-weight:700}
.ref-curriculum .m-practice .m-photo{object-position:70% 50%}
.ref-curriculum .m-timer{position:absolute;z-index:2;right:1.2cqw;top:10cqw;width:16.6cqw;padding:1.4cqw 1.2cqw;background:#fff;border:.7cqw solid #1f2530;border-radius:1.2cqw;box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.2);transform:rotate(4deg);text-align:center}
.ref-curriculum .m-timer-time{font-size:3cqw;font-weight:800;letter-spacing:.05em;line-height:1}
.ref-curriculum .m-timer-unit{display:flex;justify-content:space-around;font-size:.6cqw;color:var(--m-soft);margin:.3cqw 0 .8cqw}
.ref-curriculum .m-timer-btn{display:flex;gap:.4cqw;justify-content:center;font-size:.65cqw;font-weight:700}
.ref-curriculum .m-timer-btn > *{padding:.4cqw .6cqw;border-radius:.3cqw;background:#e7ebf1}
.ref-curriculum .m-timer-btn b{background:var(--m-blue);color:#fff}
.ref-curriculum .m-timer-stat{display:grid;grid-template-columns:repeat(5,1fr);gap:.2cqw;margin:1cqw 0 0}
.ref-curriculum .m-timer-stat div{display:flex;flex-direction:column-reverse;align-items:center}
.ref-curriculum .m-timer-stat dd{margin:0;font-size:1.3cqw;font-weight:800}
.ref-curriculum .m-timer-stat dt{font-size:.5cqw;color:var(--m-soft)}
.ref-curriculum .m-timer-stat .g dd{color:#22a35a}.ref-curriculum .m-timer-stat .r dd{color:#e8424c}.ref-curriculum .m-timer-stat .b dd{color:var(--m-blue)}
.ref-curriculum .m-next-light{position:relative;display:grid;grid-template-columns:52% 48%;min-height:39cqw;height:auto;background:linear-gradient(90deg,#f1f7ff 30%,#e3eefc);color:var(--m-navy);overflow:hidden}
.ref-curriculum .m-next-light .r-copy{position:relative;z-index:2;padding:5.6cqw 3cqw 5cqw 5.5cqw;color:var(--m-navy)}
.ref-curriculum .m-next-light h2{font-size:4.4cqw;font-weight:900;line-height:1.18;margin:.8cqw 0 1.6cqw}
.ref-curriculum .m-next-light .r-copy > p:not(.r-eyebrow){font-size:1.5cqw;color:#3a4458;margin-bottom:2.4cqw}
.ref-curriculum .m-next-light .r-eyebrow{color:#5f6f8a}
.ref-curriculum .m-next-light .r-art{position:relative}
.ref-curriculum .m-next-light .r-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#eef5fe 0,rgba(238,245,254,0) 40%)}
.ref-curriculum .m-note-card{position:absolute;z-index:2;left:6%;top:26%;padding:2cqw 2.6cqw;background:rgba(255,255,255,.92);border-radius:.6cqw;font-size:1.7cqw;font-weight:600;line-height:1.7;box-shadow:0 .6cqw 2cqw rgba(20,50,110,.12)}

/* ======================= SOLUTION ======================= */
.ref-solution .r-hero{height:37.4cqw}
.ref-solution .m-hero .r-hero-copy{padding-top:5cqw}
.ref-solution .m-hero h1{font-size:5.6cqw}
.ref-solution .m-hero-note{top:8cqw;right:3.6cqw;font-size:1.75cqw}
.ref-solution .m-hero-note::after{display:none}
.ref-solution .m-intro{padding:4cqw 3.5cqw 2.4cqw;background:linear-gradient(180deg,#fff,#f3f8ff)}
.ref-solution .m-intro::before{content:"";display:block;width:5cqw;height:.3cqw;background:var(--m-blue);margin:0 auto 1.6cqw}
.ref-solution .m-intro h2{color:#173e8f}
.ref-solution .m-cards{padding:0 2.5cqw 2.2cqw;display:grid;gap:1.5cqw;background:#f3f8ff}
.ref-solution .m-sc{position:relative;display:grid;align-items:center;overflow:hidden;border-radius:1cqw;background:#fff;box-shadow:0 .3cqw 1.6cqw rgba(20,50,110,.07)}
.ref-solution .m-sc .r-copy{position:relative;z-index:3;padding:3.2cqw}
.ref-solution .m-sc h3{font-size:3.3cqw}
.ref-solution .m-sc .m-quote{font-size:1.45cqw}
.ref-solution .m-sc .m-desc{margin-bottom:1.8cqw}
.ref-solution .m-sc1{grid-template-columns:38% 31% 31%;min-height:31cqw}
.ref-solution .m-sc1 .m-photo{left:62%;width:38%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.ref-solution .m-sc1 .m-check{position:relative;z-index:3}
.ref-solution .m-sc1 .m-side{position:absolute;z-index:3;right:3cqw;top:3cqw;width:22cqw;font-size:1.65cqw;line-height:1.5}
.ref-solution .m-hbooks{position:absolute;z-index:3;right:0;bottom:3.4cqw;display:grid;gap:.2cqw;justify-items:end}
.ref-solution .m-hbooks span{display:block;width:21cqw;padding:1cqw 1.6cqw;background:linear-gradient(180deg,#3d6aa6,#2b5590);color:#e8f0fb;font-size:1.25cqw;border-radius:.4cqw 0 0 .4cqw;box-shadow:0 .4cqw .8cqw rgba(0,0,0,.18)}
.ref-solution .m-hbooks span + span{width:23cqw}
.ref-solution .m-sc2{grid-template-columns:36% 33% 31%;min-height:30cqw}
.ref-solution .m-left-photo{align-self:stretch;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.ref-solution .m-sc2 .r-copy{padding-left:1cqw}
.ref-solution .m-device{position:relative;z-index:3;background:#1b1f27;border-radius:2cqw;padding:1.1cqw;box-shadow:0 1.2cqw 2.4cqw rgba(0,0,0,.22)}
.ref-solution .m-device-tilt{margin-right:-1.4cqw;transform:rotate(-3deg)}
.ref-solution .m-tab-ui{position:relative;background:#fff;border-radius:1cqw;padding:1.2cqw;font-size:1cqw}
.ref-solution .m-tab-head{display:flex;justify-content:space-between;color:var(--m-soft)}
.ref-solution .m-tab-head b{color:var(--m-navy)}
.ref-solution .m-tab-tabs{display:flex;gap:1.4cqw;border-bottom:1px solid var(--m-line);margin:.8cqw 0 1cqw;color:#8a93a3;font-size:.9cqw}
.ref-solution .m-tab-tabs b{color:var(--m-navy);border-bottom:2px solid var(--m-blue);padding-bottom:.4cqw}
.ref-solution .m-tab-body{display:grid;grid-template-columns:30% 1fr;gap:1cqw;align-items:center}
.ref-solution .m-tab-body svg{background:#f3f6fa;border-radius:.6cqw;padding:.6cqw;width:100%;height:auto}
.ref-solution .m-tab-body .t-s{font-size:8px;fill:#5b6578}
.ref-solution .m-tab-body p{font-size:.95cqw;line-height:1.5}
.ref-solution .m-eq{font-size:1.5cqw!important;font-family:Georgia,serif;font-style:italic;margin-bottom:.5cqw}
.ref-solution .m-play{position:absolute;left:3.6cqw;bottom:1.5cqw;width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--m-blue)}
.ref-solution .m-play::after{content:"";position:absolute;left:.7cqw;top:.5cqw;border:.4cqw solid transparent;border-left:.6cqw solid #fff}
.ref-solution .m-sc3{grid-template-columns:38% 62%;min-height:30.7cqw}
.ref-solution .m-report{position:relative;margin:2cqw 2cqw 2cqw 0;padding:1.8cqw;border-radius:1cqw;background:#fff;box-shadow:0 .6cqw 2.4cqw rgba(20,50,110,.1)}
.ref-solution .m-report .m-panel-title{font-size:1.6cqw}
.ref-solution .m-report-ic{position:absolute;right:1.8cqw;top:1.6cqw;width:3cqw;height:3cqw;border-radius:50%;background:#e7f0fe;color:var(--m-blue);display:grid;place-items:center}
.ref-solution .m-report-ic .r-icon{width:1.6cqw;height:1.6cqw}
.ref-solution .m-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:1.2cqw}
.ref-solution .m-report-grid .m-chart{background:#f5f8fc;border:0}
.ref-solution .m-report-foot{text-align:center;font-size:1.1cqw;color:var(--m-soft);margin-top:1.2cqw}
.ref-solution .m-sc4{grid-template-columns:58% 42%;min-height:25.8cqw}
.ref-solution .m-art4{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:3cqw 2cqw 2cqw 6cqw;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.ref-solution .m-flow{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.6cqw}
.ref-solution .m-flow li:not(.m-flow-arrow){width:10.6cqw;height:11cqw;border-radius:1cqw;background:rgba(255,255,255,.86);border:1px solid #fff;box-shadow:0 .6cqw 1.6cqw rgba(20,50,110,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;font-size:1.45cqw;font-weight:800}
.ref-solution .m-flow .r-icon{width:4cqw;height:4cqw;color:var(--m-blue);stroke-width:2.4}
.ref-solution .m-flow-arrow{width:3cqw;height:2.4cqw;background:linear-gradient(90deg,#69a3ff,#2f7cf6);clip-path:polygon(0 30%,55% 30%,55% 0,100% 50%,55% 100%,55% 70%,0 70%)}
.ref-solution .m-flow-cap{position:relative;z-index:2;font-size:1.2cqw;font-weight:600;margin-top:2.6cqw;padding-left:2.6cqw}
.ref-solution .m-sc5{grid-template-columns:40% 60%;min-height:26cqw}
.ref-solution .m-sc5 .m-photo{left:36%;width:64%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.ref-solution .m-pills{position:relative;z-index:3;justify-self:end;list-style:none;margin:0 3.4cqw 0 0;padding:0;display:grid;gap:1cqw;width:20cqw}
.ref-solution .m-pills li{display:flex;align-items:center;gap:1.8cqw;padding:1.1cqw 2cqw;border-radius:1.4cqw;background:rgba(255,255,255,.9);box-shadow:0 .4cqw 1.4cqw rgba(20,50,110,.12);font-size:1.25cqw;font-weight:700}
.ref-solution .m-pills .r-icon{width:2.4cqw;height:2.4cqw}
.ref-solution .m-sc6{grid-template-columns:55% 45%;min-height:26.2cqw}
.ref-solution .m-art6{position:relative;align-self:stretch;display:flex;align-items:center;padding:2.6cqw 2cqw 0 3.4cqw;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.ref-solution .m-art6 .m-device{width:100%;transform:rotate(-1.5deg);border-radius:2cqw 2cqw 0 0;padding-bottom:0}
.ref-solution .m-word{background:#f6f9fd;border-radius:1cqw 1cqw 0 0;padding:1.4cqw}
.ref-solution .m-word-grid{display:grid;grid-template-columns:62% 1fr;gap:1cqw;margin-top:.8cqw}
.ref-solution .m-word-main{background:#fff;border-radius:.8cqw;padding:1.4cqw;font-size:1cqw}
.ref-solution .m-word-en{font-size:2cqw;font-weight:800}
.ref-solution .m-spk{display:inline-block;width:1.6cqw;height:1.6cqw;color:var(--m-blue);vertical-align:middle}
.ref-solution .m-word-ph{color:var(--m-soft);margin-bottom:.8cqw}
.ref-solution .m-word-ko{font-weight:700;margin-bottom:1.2cqw}
.ref-solution .m-word-ex{font-size:.9cqw}
.ref-solution .m-word-ex span{color:var(--m-soft)}
.ref-solution .m-word-rel{background:#fff;border-radius:.8cqw;padding:1cqw;display:grid;gap:.5cqw;font-size:.9cqw;align-content:start}
.ref-solution .m-word-rel p{font-weight:800}
.ref-solution .m-word-rel span{background:#eef3fa;border-radius:.4cqw;padding:.45cqw .7cqw}
.ref-solution .m-next-sol{display:grid;grid-template-columns:38% 22% 40%;align-items:center;min-height:18.8cqw;height:auto;padding:0;background:linear-gradient(100deg,#1453d8,#2f7cf6 60%,#3d8cff);color:#fff;overflow:hidden}
.ref-solution .m-next-sol .r-copy{padding:3cqw 2cqw 3cqw 5.5cqw;color:#fff}
.ref-solution .m-next-sol h2{font-size:3cqw;font-weight:800;line-height:1.25;margin:.6cqw 0 1cqw}
.ref-solution .m-next-sol .r-copy > p:not(.r-eyebrow){font-size:1.35cqw;opacity:.92}
.ref-solution .m-next-sol .r-eyebrow{color:#cfe2ff}
.ref-solution .m-next-btn{text-align:center}
.ref-solution .m-next-sol .r-art{align-self:end;display:block}
.ref-solution .m-stairs{display:block;width:100%;height:18.8cqw}
.ref-solution .m-stairs .t-st{font-size:12px;font-weight:700;fill:#1d3f87;text-anchor:middle}

/* ======================= ACADEMY ======================= */
.ref-academy .r-hero{height:51cqw}
.ref-academy .m-hero .r-hero-copy{padding-top:8cqw;width:52%}
.ref-academy .m-lead{font-size:1.4cqw;line-height:1.7}
.ref-academy .r-button.outline{background:#fff;color:var(--m-navy);border:1.5px solid #9eb3d4}
.ref-academy .m-hero-map{position:absolute;z-index:2;right:4.6cqw;top:17.6cqw;width:22cqw;height:24cqw}
.ref-academy .m-pill{position:absolute;right:0;top:0;display:flex;align-items:center;gap:.8cqw;padding:1cqw 1.8cqw;border-radius:2cqw;background:#fff;font-size:1.25cqw;font-weight:700;box-shadow:0 .6cqw 1.8cqw rgba(20,50,110,.18)}
.ref-academy .m-pill .r-icon{width:2.4cqw;height:2.4cqw;color:var(--m-blue)}
.ref-academy .m-tile{position:absolute;right:0;top:7cqw;width:17cqw;opacity:.95;filter:drop-shadow(0 .8cqw 1.2cqw rgba(20,50,110,.2))}
.ref-academy .m-bigpin{position:absolute;right:6.2cqw;top:9cqw;width:4.6cqw;filter:drop-shadow(0 .4cqw .6cqw rgba(0,0,0,.25))}
.ref-academy .m-find{position:relative;padding:3.4cqw 1.8cqw 3.6cqw;background:linear-gradient(180deg,#eef6ff,#e3effc)}
.ref-academy .m-find-head{display:grid;grid-template-columns:1fr 36cqw;align-items:center;padding:0 2.5cqw 2.2cqw}
.ref-academy .m-eyebrow-line{display:flex;align-items:center;gap:1.2cqw;font-size:1.15cqw;font-weight:700;letter-spacing:.06em;color:var(--m-blue);margin-bottom:1.2cqw}
.ref-academy .m-eyebrow-line::before{content:"";width:3cqw;height:2px;background:currentColor}
.ref-academy .m-eyebrow-line.rev{flex-direction:row-reverse;justify-content:flex-end}
.ref-academy .m-find h2,.ref-academy .m-how h2{font-size:3.8cqw;font-weight:900}
.ref-academy .m-find-head p:last-child{font-size:1.55cqw;color:#3a4458;margin-top:1cqw}
.ref-academy .m-find-art{width:100%;height:auto}
.ref-academy .m-search{position:relative;z-index:4;background:#fff;border-radius:1cqw;padding:3cqw 2.6cqw 2.6cqw;min-height:49cqw;box-shadow:0 .4cqw 1.6cqw rgba(20,50,110,.06)}
.ref-academy .m-search h3{font-size:2.3cqw;font-weight:800;margin-bottom:2.4cqw}
.ref-academy .m-fields{display:grid;grid-template-columns:19cqw 22cqw 22cqw 1fr;gap:2.4cqw;align-items:end}
.ref-academy .m-field{position:relative;display:grid;gap:.9cqw}
.ref-academy .m-label{font-size:1.3cqw;font-weight:700}
.ref-academy .m-input,.ref-academy .m-dd summary{height:5cqw;border:1px solid #d5dce7;border-radius:.4cqw;padding:0 1.6cqw;font:inherit;font-size:1.2cqw;color:var(--m-navy);background:#fff;width:100%;box-sizing:border-box}
.ref-academy .m-input::placeholder{color:#8a93a3}
.ref-academy .m-caret{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%235b6578'/%3E%3C/svg%3E") no-repeat right 1.4cqw center/1cqw}
.ref-academy .m-dd summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-weight:600}
.ref-academy .m-dd summary::-webkit-details-marker{display:none}
.ref-academy .m-dd summary::after{content:"";border:.5cqw solid transparent;border-bottom:.6cqw solid var(--m-navy);margin-top:-.5cqw}
.ref-academy .m-dd:not([open]) summary::after{border-bottom-color:transparent;border-top:.6cqw solid var(--m-navy);margin:.5cqw 0 0}
.ref-academy .m-dd ul{position:absolute;left:0;right:0;top:100%;z-index:6;list-style:none;margin:.2cqw 0 0;padding:.4cqw 0;background:#fff;border:1px solid #d5dce7;border-radius:.4cqw;box-shadow:0 .8cqw 2cqw rgba(20,50,110,.12)}
.ref-academy .m-dd li a{display:block;padding:.28cqw 1.4cqw;font-size:1.1cqw;color:var(--m-navy);text-decoration:none}
.ref-academy .m-dd li a:hover,.ref-academy .m-dd li.is-on a{background:#e8f1fe}
.ref-academy .m-go{height:5cqw;justify-content:center;background:var(--m-blue);color:#fff;border:0;font:inherit;font-size:1.3cqw;font-weight:700;cursor:pointer}
.ref-academy .m-info{margin:4.4cqw 0 3.4cqw 21.4cqw;font-size:1.15cqw;line-height:1.7;color:var(--m-soft);position:relative;padding-left:3.2cqw}
.ref-academy .m-i{position:absolute;left:0;top:.2cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#8a93a3;color:#fff;font-weight:800;font-family:Georgia,serif;display:grid;place-items:center;font-size:1.3cqw}
.ref-academy .m-chips{margin-left:21.4cqw;display:flex;flex-wrap:wrap;gap:1.2cqw .9cqw;max-width:66cqw}
.ref-academy .m-chip-r{min-width:6.2cqw;padding:.95cqw .8cqw;border-radius:2cqw;background:#eef2f7;color:#3a4458;text-decoration:none;text-align:center;font-size:1.2cqw}
.ref-academy .m-chip-r:hover{background:var(--m-blue);color:#fff}
.ref-academy .m-maprow{display:grid;grid-template-columns:36% 1fr;gap:3cqw;align-items:end;margin-top:3cqw;padding:0 0 0 2.5cqw}
.ref-academy .m-map-copy{padding-bottom:1cqw}
.ref-academy .m-map-copy h2{font-size:3cqw;line-height:1.3;margin-bottom:1.4cqw}
.ref-academy .m-map-copy p:not(.m-eyebrow-line){font-size:1.35cqw;color:#3a4458;line-height:1.7;margin-bottom:2.2cqw}
.ref-academy .m-naver{background:#1fb24a;color:#fff;padding:1.4cqw 3cqw;font-size:1.4cqw}
.ref-academy .m-n{font-size:2cqw;font-weight:900;margin-right:1.4cqw}
.ref-academy .m-map{position:relative;height:39cqw;padding:0;overflow:hidden;border-radius:.8cqw;background:#f3f6f9;border:.6cqw solid #dfe9f6}
.ref-academy .m-mapsvg{position:absolute;inset:0;width:100%;height:100%}
.ref-academy .m-badge{position:absolute;z-index:2;right:1.2cqw;top:1.2cqw}
.ref-academy .m-map-list{position:absolute;z-index:2;left:1.2cqw;top:1.6cqw;width:19cqw;display:grid;gap:.8cqw}
.ref-academy .m-map-q{display:flex;align-items:center;gap:.8cqw;background:#fff;border:1px solid #d5dce7;border-radius:.4cqw;padding:.8cqw 1cqw;font-size:1.1cqw;font-weight:700}
.ref-academy .m-map-q .r-icon{width:1.4cqw;height:1.4cqw}
.ref-academy .m-map-list ul{list-style:none;margin:0;padding:0;display:grid;gap:.7cqw}
.ref-academy .m-map-list li{display:flex;gap:.8cqw;align-items:flex-start;background:#fff;border-radius:.5cqw;padding:.9cqw 1cqw;box-shadow:0 .2cqw .8cqw rgba(20,50,110,.1);font-size:.95cqw;color:var(--m-soft)}
.ref-academy .m-map-list li b{display:block;font-size:1.1cqw;color:var(--m-navy)}
.ref-academy .m-map-list li .r-icon{width:2cqw;height:2cqw;flex:none;fill:currentColor;stroke:#fff}
.ref-academy .m-map-list li.is-r .r-icon{color:#e6363f}
.ref-academy .m-map-list li.is-b .r-icon{color:var(--m-blue)}
.ref-academy .m-zoom{position:absolute;z-index:2;right:1.2cqw;bottom:2cqw;display:grid;background:#fff;border-radius:.4cqw;box-shadow:0 .2cqw .8cqw rgba(0,0,0,.15)}
.ref-academy .m-zoom span{width:3cqw;height:3cqw;display:grid;place-items:center;font-size:1.8cqw}
.ref-academy .m-zoom span + span{border-top:1px solid var(--m-line)}
.ref-academy .m-how{padding:3.6cqw 4.2cqw 2cqw}
.ref-academy .m-how h2{margin-bottom:2.8cqw}
.ref-academy .m-how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 2.4cqw 1fr 2.4cqw 1fr;align-items:center;gap:.6cqw}
.ref-academy .m-how-steps > li:not(.m-how-arrow){position:relative;border:1px solid var(--m-line);border-radius:.6cqw;background:#fff;padding:2.4cqw 2.6cqw;min-height:21.4cqw;box-sizing:border-box}
.ref-academy .m-how-steps b{display:grid;place-items:center;width:5cqw;height:5cqw;border-radius:50%;background:#eaf2ff;color:var(--m-blue);font-size:1.6cqw}
.ref-academy .m-how-ic{position:absolute;left:12cqw;top:2.6cqw;color:var(--m-blue)}
.ref-academy .m-how-ic .r-icon{width:5cqw;height:5cqw;stroke-width:2.2}
.ref-academy .m-how-steps h3{font-size:1.9cqw;font-weight:800;margin:2.2cqw 0 .8cqw}
.ref-academy .m-how-steps p{font-size:1.35cqw;color:var(--m-soft);line-height:1.6}
.ref-academy .m-how-arrow{color:var(--m-blue);display:grid;place-items:center}
.ref-academy .m-how-arrow .m-chev{width:2cqw;height:2cqw}
.ref-academy .m-consult{padding:1.8cqw 1.8cqw 2cqw}
.ref-academy .m-consult-in{position:relative;overflow:hidden;border-radius:1cqw;min-height:28.8cqw;display:flex;align-items:center;background:linear-gradient(90deg,#e8f2ff 40%,#d7e8fc)}
.ref-academy .m-consult-in .r-bg{left:42%;width:58%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%)}
.ref-academy .m-consult .r-copy{position:relative;z-index:2;padding:3.6cqw 3.8cqw}
.ref-academy .m-consult h2{font-size:3.6cqw;font-weight:900;line-height:1.25;margin-bottom:1.2cqw}
.ref-academy .m-consult p{font-size:1.5cqw;color:#3a4458;margin-bottom:2.4cqw}
.ref-academy .m-consult .r-button{padding:1.5cqw 3cqw;font-size:1.5cqw}

/* ======================= SCORE ======================= */
.ref-score .r-hero{height:42.3cqw}
.ref-score .m-hero .r-hero-copy{padding-top:5.8cqw}
.ref-score .m-hero .r-eyebrow{color:#8fc0ff;letter-spacing:.3em}
.ref-score .m-hero-note.m-hand{top:7.6cqw;right:3cqw}
.ref-score .m-intro{padding:4.2cqw 3.5cqw 3cqw}
.ref-score .m-intro h2::after{content:"";display:block;width:4cqw;height:.3cqw;background:var(--m-blue);margin:1.6cqw auto 0}
.ref-score .m-rows{padding:0 3.7cqw 1.4cqw;display:grid;gap:1.2cqw}
.ref-score .m-row{display:grid;gap:1.1cqw;min-height:30.2cqw}
.ref-score .m-r1{grid-template-columns:49.6% 1fr}
.ref-score .m-r2{grid-template-columns:50.4% 1fr}
.ref-score .m-r4{grid-template-columns:44.6% 1fr}
.ref-score .m-r5{grid-template-columns:43% 1fr}
.ref-score .m-tile{position:relative;margin:0;overflow:hidden;border-radius:1cqw;background:linear-gradient(135deg,#f2f8ff,#e6f0fd)}
.ref-score .m-copytile{padding:2.6cqw 2.6cqw 2.4cqw}
.ref-score .m-tag{font-weight:600;font-size:1.3cqw}
.ref-score .m-tag b{font-size:1.65cqw}
.ref-score .m-copytile h3{font-size:3.3cqw}
.ref-score .m-copytile .m-quote{color:var(--m-blue);font-size:1.9cqw}
.ref-score .m-copytile .m-desc{color:#2c3446;font-size:1.4cqw}
.ref-score .r-button.outline{background:#fff;color:var(--m-blue);border:1.5px solid var(--m-blue)}
.ref-score .m-phototile .r-photo{position:absolute;inset:0}
.ref-score .m-phototile figcaption{position:absolute;inset:0}
.ref-score .m-q1{position:absolute;left:4cqw;top:3cqw;font-size:2.3cqw;color:var(--m-navy);transform:rotate(-8deg)}
.ref-score .m-spines{position:absolute;right:0;bottom:1.4cqw;display:grid;gap:.25cqw;justify-items:end}
.ref-score .m-spines i{font-style:normal;display:block;padding:.8cqw 1.8cqw .8cqw 2.4cqw;background:linear-gradient(180deg,#4f77ae,#36609b);color:#fff;font-size:1.3cqw;border-radius:.3cqw 0 0 .3cqw;box-shadow:0 .3cqw .6cqw rgba(0,0,0,.2)}
.ref-score .m-spines i:nth-child(2){background:linear-gradient(180deg,#e8eef6,#cdd9e8);color:#27416d;margin-right:.6cqw}
.ref-score .m-spines i:nth-child(3){background:linear-gradient(180deg,#d6e2f0,#b9cbe2);color:#27416d}
.ref-score .m-lens{position:absolute;left:30%;top:20%;width:17cqw;height:17cqw;border-radius:50%;background:rgba(255,255,255,.82);border:1.3cqw solid #1f232b;display:grid;place-items:center;text-align:center;box-shadow:0 1cqw 2cqw rgba(0,0,0,.25)}
.ref-score .m-lens::after{content:"";position:absolute;width:9cqw;height:2.2cqw;background:#1f232b;border-radius:1cqw;right:-8cqw;bottom:-2.6cqw;transform:rotate(40deg)}
.ref-score .m-lens .m-hand{font-size:2cqw;color:#1f232b;transform:rotate(-10deg)}
.ref-score .m-r3{grid-template-columns:44% 56%;align-items:center;min-height:29cqw}
.ref-score .m-flat{background:none;align-self:stretch}
.ref-score .m-report2{margin:1.4cqw 1.4cqw 1.4cqw 0;padding:1.6cqw;border-radius:1cqw;background:rgba(255,255,255,.75);box-shadow:0 .4cqw 1.6cqw rgba(20,50,110,.08)}
.ref-score .m-report2 .m-panel-title{font-size:1.65cqw}
.ref-score .m-report2-grid{display:grid;grid-template-columns:55% 1fr;gap:1.2cqw;margin-top:1.2cqw}
.ref-score .m-chart-note{font-size:1.05cqw;color:var(--m-soft);margin-top:1cqw;line-height:1.5}
.ref-score .m-chart-note b{color:var(--m-navy)}
.ref-score .m-checktile{padding:1.4cqw;background:linear-gradient(135deg,#eef5ff,#e3edfb)}
.ref-score .m-checktile .m-check{height:100%;box-sizing:border-box;padding:1.4cqw 1.6cqw}
.ref-score .m-checktile .m-check .m-panel-title{font-size:1.65cqw}
.ref-score .m-checktile .m-check li{font-size:1.35cqw;padding:.55cqw 1cqw;background:#fff;border-bottom:1px solid var(--m-line);border-radius:0}
.ref-score .m-checktile .m-check .is-done .m-dot{background:var(--m-blue)}
.ref-score .m-checktile .m-check .is-done em{background:#22a35a;color:#fff}
.ref-score .m-checktile .m-check .is-next .m-dot{background:#e5ebf3;color:var(--m-navy)}
.ref-score .m-c4{padding-right:14cqw}
.ref-score .m-target{position:absolute;right:3cqw;top:6cqw;width:11cqw}
.ref-score .m-q4{position:absolute;right:2.6cqw;top:18.6cqw;font-size:2cqw;transform:rotate(-8deg)}
.ref-score .m-stickies{position:absolute;right:3cqw;top:2.4cqw;display:grid;gap:1cqw;justify-items:start}
.ref-score .m-stickies i{font-style:normal;padding:1cqw 2cqw;font-size:1.3cqw;background:#f8eab2;box-shadow:0 .3cqw .6cqw rgba(0,0,0,.12);transform:rotate(-3deg)}
.ref-score .m-stickies i:nth-child(2){background:#c9ecf5;transform:rotate(-1deg);margin-left:.6cqw}
.ref-score .m-stickies i:nth-child(3){transform:rotate(-4deg);margin-left:1.2cqw}
.ref-score .m-q5{position:absolute;right:2cqw;bottom:2.4cqw;font-size:1.9cqw;transform:rotate(-8deg)}
.ref-score .m-next-sky{display:grid;grid-template-columns:58% 42%;min-height:27.8cqw;height:auto;margin:1cqw 3.4cqw 2cqw;padding:0;border-radius:1cqw;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse 18% 10% at 72% 88%,rgba(255,255,255,.9),transparent 70%),radial-gradient(ellipse 22% 12% at 92% 80%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 30% 14% at 60% 100%,rgba(255,255,255,.75),transparent 70%),linear-gradient(100deg,#0d47b8 0,#1c64d8 45%,#4f9cf0 75%,#8cc4fa)}
.ref-score .m-next-sky .r-copy{padding:3.6cqw 2cqw 3.4cqw 6.6cqw;color:#fff}
.ref-score .m-next-sky .r-eyebrow{color:#cfe2ff}
.ref-score .m-next-sky h2{font-size:3.6cqw;font-weight:900;line-height:1.22;margin:.6cqw 0 1.4cqw}
.ref-score .m-next-sky h2 em{color:#8fd0ff}
.ref-score .m-next-sky .r-copy > p:not(.r-eyebrow){font-size:1.4cqw;margin-bottom:2.2cqw;opacity:.92}
.ref-score .m-next-sky .r-art{display:flex;align-items:flex-end;justify-content:center}
.ref-score .m-sign{width:30cqw;height:auto;display:block}
.ref-score .m-sign text{font-size:17px;font-weight:800;fill:#fff}

/* ======================= STORIES ======================= */
.ref-stories .r-hero{height:49.4cqw}
.ref-stories .m-hero .r-hero-copy{padding-top:7.2cqw;padding-left:4.4cqw}
.ref-stories .m-hero h1{font-size:7.4cqw}
.ref-stories .m-lead{font-size:1.9cqw;font-weight:600}
.ref-stories .m-hero .r-button{background:var(--m-blue);color:#fff;padding:1.6cqw 3.2cqw}
.ref-stories .m-hero-note{color:#fff;top:11cqw;right:5.6cqw;font-size:2cqw;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.ref-stories .m-hero-note::after{background:#fff}
.ref-stories .m-change{padding:5.6cqw 2.6cqw 4.4cqw;background:linear-gradient(180deg,#eff6fe,#e7f1fc)}
.ref-stories .m-change h2{text-align:center;font-size:3.4cqw;font-weight:800;color:#163e8c;margin-bottom:3.4cqw}
.ref-stories .m-change h2::after{content:"";display:block;width:4cqw;height:.3cqw;background:var(--m-blue);margin:1.4cqw auto 0}
.ref-stories .m-stories{gap:1.2cqw}
.ref-stories .m-story{display:flex;flex-direction:column;background:#fff;border-radius:.8cqw;padding:2.6cqw .6cqw 1.6cqw;box-shadow:0 .4cqw 1.6cqw rgba(20,50,110,.07);min-height:47cqw;box-sizing:border-box}
.ref-stories .m-story > :not(.m-story-fig){padding:0 1.8cqw}
.ref-stories .m-story .m-tag{font-size:1.1cqw}
.ref-stories .m-story h3{font-size:2.6cqw;font-weight:800;margin-bottom:1.4cqw}
.ref-stories .m-story .m-quote{font-size:1.55cqw;font-weight:700}
.ref-stories .m-story .m-desc{font-size:1.25cqw;margin-bottom:1.6cqw}
.ref-stories .m-story-fig{margin-top:auto;height:16.6cqw;overflow:hidden}
.ref-stories .m-card-svg{display:block;width:100%;height:100%}
.ref-stories .m-card-svg{object-fit:cover}
.ref-stories .m-story .r-button{margin:2cqw 2cqw 0;justify-content:center;background:#fff;color:var(--m-blue);border:1.5px solid var(--m-blue)}
.ref-stories .m-analysis{display:grid;grid-template-columns:37% 63%;align-items:center;min-height:59cqw;padding:5cqw 0 5cqw 3.4cqw;background:linear-gradient(180deg,#fff,#f2f7fe);overflow:hidden}
.ref-stories .m-an-copy h2{font-size:4.6cqw;font-weight:900;line-height:1.2;margin-bottom:4.4cqw}
.ref-stories .m-an-copy h3{font-size:2.2cqw;font-weight:800;margin-bottom:2cqw}
.ref-stories .m-rings{list-style:none;margin:0 0 3cqw;padding:0 0 3.4cqw;display:flex;gap:1.6cqw;border-bottom:1px solid #cfd8e6;max-width:33cqw}
.ref-stories .m-rings li{display:grid;justify-items:center;gap:.8cqw;font-size:1.6cqw}
.ref-stories .m-rings svg{width:7.4cqw;height:7.4cqw}
.ref-stories .m-an-copy > p{font-size:1.5cqw;line-height:1.7;color:#3a4458}
.ref-stories .m-an-art{position:relative;margin-right:-2cqw}
.ref-stories .m-ipad{display:grid;grid-template-columns:22% 78%;background:#f4f7fb;border:1.4cqw solid #1a1d24;border-right:0;border-radius:3cqw 0 0 3cqw;overflow:hidden;box-shadow:0 2cqw 4cqw rgba(20,40,80,.25);min-height:46cqw;transform:perspective(120cqw) rotateY(-6deg)}
.ref-stories .m-ipad-side{background:#123a78;color:#cfe0ff;padding:2.4cqw 1cqw}
.ref-stories .m-word{color:#fff;font-weight:800;font-size:1.6cqw;text-align:center;margin-bottom:2.6cqw}
.ref-stories .m-ipad-side ul{list-style:none;margin:0;padding:0;display:grid;gap:.6cqw}
.ref-stories .m-ipad-side li{display:flex;align-items:center;gap:.6cqw;font-size:.95cqw;padding:.7cqw .8cqw;border-radius:.4cqw}
.ref-stories .m-ipad-side li.is-on{background:var(--m-blue);color:#fff}
.ref-stories .m-ipad-side .r-icon{width:1.2cqw;height:1.2cqw}
.ref-stories .m-ipad-main{padding:2.4cqw 2cqw}
.ref-stories .m-ipad-title{font-size:1.8cqw;font-weight:800;margin-bottom:1cqw}
.ref-stories .m-ipad-tabs{display:flex;gap:2cqw;background:#fff;border-radius:.6cqw;padding:1cqw 1.4cqw;font-size:1cqw;color:#7a8394;margin-bottom:1.4cqw}
.ref-stories .m-ipad-tabs b{color:var(--m-navy);border-bottom:2px solid var(--m-blue)}
.ref-stories .m-ipad-grid{display:grid;grid-template-columns:1fr 38%;grid-template-rows:auto auto;gap:1.2cqw}
.ref-stories .m-ipad-grid .b{grid-column:1}
.ref-stories .m-diag{grid-column:2;grid-row:1/3;background:#fff;border-radius:.8cqw;padding:1.4cqw;border:1px solid var(--m-line)}
.ref-stories .m-diag > p{font-size:1.15cqw;font-weight:800;margin-bottom:1cqw}
.ref-stories .m-diag ul{list-style:none;margin:0;padding:0;display:grid;gap:.9cqw}
.ref-stories .m-diag li{display:flex;align-items:center;gap:1cqw;font-size:1.05cqw;padding:1.1cqw 1cqw;background:#f4f7fb;border-radius:.5cqw}
.ref-stories .m-diag .r-icon{width:1.8cqw;height:1.8cqw}
.ref-stories .m-diag .g .r-icon{color:#22a35a}.ref-stories .m-diag .o .r-icon{color:#f08a24}.ref-stories .m-diag .b .r-icon{color:var(--m-blue)}
.ref-stories .m-next-diag{position:relative;display:block;min-height:38cqw;height:auto;padding:0;overflow:hidden;background:#eef3f8}
.ref-stories .m-next-diag .r-copy{position:relative;z-index:2;width:50%;min-height:38cqw;box-sizing:border-box;padding:6cqw 6cqw 4cqw 3.6cqw;color:#fff;background:linear-gradient(120deg,#0b2c66,#163f8c);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.ref-stories .m-next-diag .r-eyebrow{color:#8fc0ff;display:flex;align-items:center;gap:1.2cqw}
.ref-stories .m-next-diag .r-eyebrow::after{content:"";width:2.6cqw;height:2px;background:currentColor}
.ref-stories .m-next-diag h2{font-size:3.8cqw;font-weight:900;line-height:1.25;margin:1cqw 0 1.6cqw}
.ref-stories .m-next-diag .r-copy > p:not(.r-eyebrow){font-size:1.5cqw;margin-bottom:3cqw;opacity:.92}
.ref-stories .m-next-diag .r-art{position:absolute;inset:0 0 0 auto;width:67.5cqw;display:block}
.ref-stories .m-shot{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden}
.ref-stories .m-shot .r-photo{position:absolute;inset:0}
.ref-stories .m-screen{position:absolute;left:54.5%;top:25%;width:37%;height:44%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;text-align:center}
.ref-stories .m-screen b{font-size:3.2cqw;font-weight:900;color:#e7343f;font-style:italic;letter-spacing:-.02em}
.ref-stories .m-screen span{font-size:1.3cqw;font-weight:700;color:var(--m-navy)}

/* ======================= COMPARISON ======================= */
.ref-comparison .r-hero{height:39.5cqw}
.ref-comparison .m-hero .r-hero-copy{padding-top:6.4cqw;padding-left:7.2cqw;width:56%}
.ref-comparison .m-hero .r-eyebrow{color:#8fc0ff;letter-spacing:.3em}
.ref-comparison .m-hero-note.m-hand{top:4cqw;right:3cqw;color:var(--m-navy);text-shadow:none;font-size:2.6cqw}
.ref-comparison .m-hero-note.m-hand::after{content:"";display:block;width:11cqw;height:.3cqw;background:#5ea2f5;margin-top:.6cqw;border-radius:1cqw}
.ref-comparison .m-intro{padding:3.6cqw 3.5cqw 3.4cqw}
.ref-comparison .m-intro p:not(.r-eyebrow){font-size:1.4cqw}
.ref-comparison .m-cards{padding:0 3.2cqw 3.4cqw;display:grid;gap:2.2cqw;background:linear-gradient(180deg,#f6f9fd,#eef4fb)}
.ref-comparison .m-cc{grid-template-columns:35% 65%;min-height:33.4cqw;border-radius:1cqw;box-shadow:0 .4cqw 1.6cqw rgba(20,50,110,.07)}
.ref-comparison .m-cc .r-copy{padding:3.2cqw 2cqw 3cqw 3.6cqw}
.ref-comparison .m-cc h3{font-size:3.2cqw}
.ref-comparison .m-cc .m-quote{font-size:1.75cqw}
.ref-comparison .r-button.outline{background:#fff;color:var(--m-navy);border:1.5px solid var(--m-navy)}
.ref-comparison .m-cc .r-art{display:block;position:relative}
.ref-comparison .m-cc1 .r-art::before,.ref-comparison .m-cc3 .r-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 18%)}
.ref-comparison .m-bubble{position:absolute;z-index:2;left:8%;top:9%;padding:1.6cqw 2.2cqw;border-radius:50%;background:#fff;font-size:1.25cqw;text-align:center;line-height:1.5;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.1)}
.ref-comparison .m-bubble::after{content:"";position:absolute;left:62%;bottom:-1.6cqw;width:1.2cqw;height:1.2cqw;border-radius:50%;background:#fff}
.ref-comparison .m-scribble{position:absolute;z-index:2;left:37%;top:8%;width:6cqw}
.ref-comparison .m-cc1 .m-q1{position:absolute;z-index:2;right:4%;top:8%;color:var(--m-navy);font-size:2.1cqw;transform:rotate(-6deg)}
.ref-comparison .m-books{position:absolute;z-index:2;right:0;bottom:3%;display:grid;gap:.15cqw;justify-items:end;filter:drop-shadow(0 .5cqw .8cqw rgba(0,0,0,.2))}
.ref-comparison .m-books span{display:block;width:17cqw;padding:.85cqw 0 .85cqw 6cqw;box-sizing:border-box;background:linear-gradient(180deg,#9aa3ae,#7c8693);color:#fff;font-size:1.6cqw;font-weight:700;border-radius:.3cqw 0 0 .3cqw}
.ref-comparison .m-books .b2,.ref-comparison .m-books .b4{background:linear-gradient(180deg,#8a939f,#6c7581)}
.ref-comparison .m-cc2 .r-art{display:flex;align-items:center;padding:1.6cqw 2.4cqw 1.6cqw 0}
.ref-comparison .m-cmp{display:grid;grid-template-columns:1fr 3.4cqw 1fr;align-items:center;width:100%;background:#f6f9fd;border-radius:1cqw;padding:1.4cqw}
.ref-comparison .m-cmp-box{background:#fff;border-radius:.8cqw;overflow:hidden;box-shadow:0 .4cqw 1.2cqw rgba(20,50,110,.08);padding-bottom:1.6cqw}
.ref-comparison .m-cmp-box h4{font-size:1.6cqw;font-weight:800;text-align:center;padding:.9cqw;color:#fff;background:#8a9099;margin:0 1.2cqw;border-radius:.5cqw .5cqw 0 0}
.ref-comparison .m-cmp-box.new{border:2px solid var(--m-blue)}
.ref-comparison .m-cmp-box.new h4{background:var(--m-blue);margin:0;border-radius:0}
.ref-comparison .m-cmp-box.old{background:#f2f3f5}
.ref-comparison .m-cmp-ic{display:block;width:12cqw;margin:1.8cqw auto 1.4cqw}
.ref-comparison .m-cmp-box ul{list-style:none;margin:0;padding:0 1.6cqw;display:grid;gap:.8cqw}
.ref-comparison .m-cmp-box li{display:flex;align-items:center;gap:.7cqw;font-size:1.15cqw;font-weight:600}
.ref-comparison .m-cmp-box .m-ck{width:1.7cqw;height:1.7cqw;flex:none;border-radius:50%;padding:.25cqw;box-sizing:border-box;fill:none;stroke:#fff;stroke-width:3.4;background:#7d848e}
.ref-comparison .m-cmp-box.new .m-ck{background:var(--m-blue)}
.ref-comparison .m-cmp-arrow{display:grid;place-items:center;color:#1d3f87}
.ref-comparison .m-cmp-arrow .m-chev{width:2.6cqw;height:2.6cqw}
.ref-comparison .m-cc3{min-height:31.2cqw}
.ref-comparison .m-notes{position:absolute;z-index:2;right:3%;top:8%;list-style:none;margin:0;padding:0;display:grid;gap:1cqw}
.ref-comparison .m-notes li{display:flex;align-items:center;gap:1cqw;padding:1cqw 1.6cqw;background:#fff;font-size:1.2cqw;font-weight:600;box-shadow:0 .4cqw 1cqw rgba(0,0,0,.12);transform:rotate(-3deg)}
.ref-comparison .m-notes li:nth-child(2){transform:rotate(-1deg);margin-left:1cqw}
.ref-comparison .m-notes li:nth-child(3){transform:rotate(-3deg);margin-left:.4cqw}
.ref-comparison .m-notes .r-icon{width:2.2cqw;height:2.2cqw;color:#e7a52b}
.ref-comparison .m-notes li:nth-child(3) .r-icon{color:#22a35a}
.ref-comparison .m-q3{position:absolute;z-index:2;right:4%;bottom:10%;font-size:2.3cqw;transform:rotate(-8deg)}
.ref-comparison .m-cc4 .r-art{display:grid;grid-template-columns:57% 43%;align-items:center}
.ref-comparison .m-note-photo{position:relative;align-self:stretch;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent)}
.ref-comparison .m-q4{position:absolute;z-index:2;left:24%;top:18%;font-size:2.6cqw;color:#1d3f87;transform:rotate(-14deg);background:rgba(255,255,255,.75);padding:.4cqw 1cqw}
.ref-comparison .m-oflow{list-style:none;margin:0 2cqw 0 0;padding:0;display:grid;gap:2.6cqw}
.ref-comparison .m-oflow li{position:relative;display:flex;align-items:center;gap:1.4cqw;padding:1cqw 1.6cqw 1cqw 1cqw;background:#fff;border-radius:4cqw;box-shadow:0 .4cqw 1.4cqw rgba(20,50,110,.1)}
.ref-comparison .m-oflow li + li::before{content:"";position:absolute;left:2.9cqw;top:-2.2cqw;width:1cqw;height:1.8cqw;background:var(--m-blue);clip-path:polygon(35% 0,65% 0,65% 55%,100% 55%,50% 100%,0 55%,35% 55%)}
.ref-comparison .m-oflow .r-icon{width:4cqw;height:4cqw;padding:.9cqw;box-sizing:border-box;border-radius:50%;background:#e4effd;color:var(--m-blue)}
.ref-comparison .m-oflow p{font-size:1.1cqw;color:var(--m-soft)}
.ref-comparison .m-oflow b{display:block;font-size:1.35cqw;color:var(--m-navy)}
.ref-comparison .m-next-city{position:relative;display:grid;grid-template-columns:50% 50%;min-height:34.7cqw;height:auto;padding:0;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse 14% 7% at 52% 18%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 12% 6% at 86% 30%,rgba(255,255,255,.8),transparent 70%),radial-gradient(ellipse 18% 8% at 68% 46%,rgba(255,255,255,.6),transparent 70%),linear-gradient(100deg,#0b3c9c 0,#1a5fcf 40%,#4c95ec 70%,#86bff5)}
.ref-comparison .m-skyline{position:absolute;left:30%;right:0;bottom:0;width:70%;height:12cqw}
.ref-comparison .m-next-city .r-copy{position:relative;z-index:2;padding:5cqw 2cqw 4cqw 6.4cqw;color:#fff}
.ref-comparison .m-next-city .r-eyebrow{color:#cfe2ff}
.ref-comparison .m-next-city h2{font-size:3.8cqw;font-weight:900;line-height:1.25;margin:.8cqw 0 1.6cqw}
.ref-comparison .m-next-city .r-copy > p:not(.r-eyebrow){font-size:1.5cqw;margin-bottom:2.6cqw;opacity:.92}
.ref-comparison .m-qn{position:absolute;z-index:2;left:51%;top:47%;font-size:2.4cqw;color:#0d2f6e;transform:rotate(-10deg)}
.ref-comparison .m-next-city .r-art{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:flex-end;padding-right:4cqw}
.ref-comparison .m-sign{width:28cqw;height:auto;display:block}
.ref-comparison .m-sign .w path{fill:#f4f6f9;stroke:#cdd5df;stroke-width:1.5}
.ref-comparison .m-sign text{font-size:17px;font-weight:800;fill:#10224d}

/* ======================= RESPONSIVE (<=700px) ======================= */
@media (max-width:700px){
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison){font-size:16px}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-hero{height:auto;min-height:0;display:flex;flex-direction:column}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-hero .r-hero-photo{position:relative;height:240px;width:100%}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero .r-hero-copy{width:auto;padding:24px 20px 28px}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero h1{font-size:40px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) h2{font-size:28px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) h3{font-size:22px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) h4{font-size:18px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) :is(p,li,dt,dd,span,a,input,button,summary,small,em,b,i,figcaption,text){font-size:max(13px,1em)}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) :is(.m-lead,.m-quote,.m-desc,.m-tag,.m-panel-title,.m-intro p,.m-order p){font-size:16px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-tag{font-size:14px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hand{font-size:24px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-button,:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-button.m-sm{font-size:15px;padding:12px 20px;border-radius:8px;gap:6px}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-chev,:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-button .r-icon{width:16px;height:16px}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero-note{position:static;order:3;padding:0 20px 20px;font-size:18px!important;color:var(--m-navy)!important;transform:none!important;text-shadow:none!important}
  :is(.ref-score,.ref-comparison) .m-hero-note{color:#fff!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .m-hero-note::after{width:40px!important;height:3px!important;margin-top:8px!important}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-section,:is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-intro{padding:40px 16px!important}
  /* generic panels */
  :is(.ref-curriculum,.ref-solution,.ref-score) .m-check{padding:16px;border-radius:12px}
  :is(.ref-curriculum,.ref-solution,.ref-score) .m-check li{grid-template-columns:28px 1fr auto;gap:10px;padding:8px 10px;font-size:15px!important}
  :is(.ref-curriculum,.ref-solution,.ref-score) .m-check .m-dot{width:26px;height:26px;font-size:13px}
  :is(.ref-curriculum,.ref-solution,.ref-score) .m-check .m-ck{width:16px;height:16px}
  :is(.ref-curriculum,.ref-solution,.ref-score) .m-check em{font-size:12px!important;padding:3px 8px}
  :is(.ref-solution,.ref-score,.ref-stories) .m-chart{padding:12px;border-radius:10px}
  :is(.ref-solution,.ref-score,.ref-stories) .m-chart > p:first-child{font-size:15px}
  /* curriculum */
  .ref-curriculum .m-order{grid-template-columns:1fr;gap:28px}
  .ref-curriculum .m-steps{justify-content:center;gap:4px}
  .ref-curriculum .m-step{width:26vw;height:26vw;max-width:150px;max-height:150px;gap:2px;min-width:0}
  .ref-curriculum .m-step b{width:36px;height:36px;font-size:14px;margin-top:0}
  .ref-curriculum .m-step strong{font-size:14px}
  .ref-curriculum .m-step span{font-size:10px!important;padding:0 4px;line-height:1.3}
  .ref-curriculum .m-step-arrow .m-chev{width:14px;height:14px}
  .ref-curriculum .m-cards{gap:20px}
  .ref-curriculum .m-pair{grid-template-columns:1fr;gap:20px}
  .ref-curriculum .m-wide{grid-template-columns:1fr}
  .ref-curriculum .m-wide .r-copy{padding:28px 20px}
  .ref-curriculum .m-wide .r-art{min-height:520px}
  .ref-curriculum .m-wide .m-check{left:16px;right:16px;top:16px;width:auto}
  .ref-curriculum .m-books{left:16px;bottom:16px}
  .ref-curriculum .m-books span{height:34px;width:200px;font-size:14px!important;padding:8px 0 0 100px;border-right-width:14px}
  .ref-curriculum .m-books .b0{width:184px}
  .ref-curriculum .m-split{min-height:0;display:flex;flex-direction:column}
  .ref-curriculum .m-split .m-copy{width:auto;order:1;padding:28px 20px 20px}
  .ref-curriculum .m-split .m-photo{position:relative;order:2;left:0;width:100%;height:220px;-webkit-mask-image:none;mask-image:none}
  .ref-curriculum .m-grade-art{position:relative;order:2;inset:auto;width:auto;height:200px;margin:0 20px 20px;gap:12px}
  .ref-curriculum .m-grade-bars{width:auto;height:100%}
  .ref-curriculum .m-grade-list{font-size:12px;padding:8px}
  .ref-curriculum .m-timer{position:relative;order:3;right:auto;top:auto;margin:-120px auto 20px;width:240px;padding:16px;border-width:8px;transform:none}
  .ref-curriculum .m-timer-time{font-size:36px}
  .ref-curriculum .m-timer-unit span,.ref-curriculum .m-timer-btn > *{font-size:10px!important}
  .ref-curriculum .m-timer-stat dd{font-size:16px!important}
  .ref-curriculum .m-timer-stat dt{font-size:9px!important}
  .ref-curriculum .m-next-light{grid-template-columns:1fr}
  .ref-curriculum .m-next-light .r-copy{padding:40px 20px}
  .ref-curriculum .m-next-light .r-art{min-height:240px}
  .ref-curriculum .m-note-card{font-size:16px!important;padding:16px 20px}
  /* solution */
  .ref-solution .m-cards{gap:16px}
  .ref-solution .m-sc{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .ref-solution .m-sc .r-copy{order:1;padding:28px 20px 20px}
  .ref-solution .m-sc .m-photo{position:relative;order:3;left:0;width:100%;height:220px;-webkit-mask-image:none;mask-image:none}
  .ref-solution .m-sc1 .m-check{order:2;margin:0 16px 16px}
  .ref-solution .m-sc1 .m-side{position:static;order:4;width:auto;padding:16px 20px 0;font-size:18px!important}
  .ref-solution .m-hbooks{position:static;order:5;padding:12px 0 20px}
  .ref-solution .m-hbooks span{width:auto!important;font-size:14px!important;padding:10px 16px}
  .ref-solution .m-left-photo{order:3;height:200px;-webkit-mask-image:none;mask-image:none}
  .ref-solution .m-device-tilt{order:2;margin:0 16px 20px;transform:none}
  .ref-solution .m-device{border-radius:20px;padding:10px}
  .ref-solution .m-tab-ui,.ref-solution .m-tab-body p,.ref-solution .m-tab-tabs{font-size:13px!important}
  .ref-solution .m-tab-ui{padding:14px;border-radius:12px}
  .ref-solution .m-tab-tabs{gap:12px}
  .ref-solution .m-eq{font-size:18px!important}
  .ref-solution .m-play{width:22px;height:22px;left:30px;bottom:16px}
  .ref-solution .m-report{order:2;margin:0 16px 20px;padding:16px}
  .ref-solution .m-report-grid{grid-template-columns:1fr;gap:12px}
  .ref-solution .m-report-ic{width:36px;height:36px;right:16px;top:14px}
  .ref-solution .m-report-ic .r-icon{width:18px;height:18px}
  .ref-solution .m-report-foot{font-size:13px}
  .ref-solution .m-art4{order:2;padding:24px 16px;-webkit-mask-image:none;mask-image:none}
  .ref-solution .m-flow{gap:6px;justify-content:center}
  .ref-solution .m-flow li:not(.m-flow-arrow){width:27vw;height:27vw;font-size:14px!important;gap:8px}
  .ref-solution .m-flow .r-icon{width:32px;height:32px}
  .ref-solution .m-flow-arrow{width:18px;height:16px}
  .ref-solution .m-flow-cap{font-size:13px!important;padding:0;text-align:center;margin-top:16px}
  .ref-solution .m-pills{order:2;width:auto;margin:0 16px 20px;justify-self:auto}
  .ref-solution .m-pills li{font-size:15px!important;padding:12px 16px;border-radius:16px;gap:14px}
  .ref-solution .m-pills .r-icon{width:24px;height:24px}
  .ref-solution .m-art6{order:2;padding:20px 16px 0;-webkit-mask-image:none;mask-image:none}
  .ref-solution .m-word{padding:14px}
  .ref-solution .m-word-grid{grid-template-columns:1fr}
  .ref-solution .m-word-main,.ref-solution .m-word-rel{padding:14px;font-size:14px}
  .ref-solution .m-word-en{font-size:24px!important}
  .ref-solution .m-spk{width:16px;height:16px}
  .ref-solution .m-word-rel span{font-size:13px!important;padding:6px 10px}
  .ref-solution .m-next-sol{grid-template-columns:1fr}
  .ref-solution .m-next-sol .r-copy{padding:40px 20px 16px}
  .ref-solution .m-next-btn{text-align:left;padding:0 20px 20px}
  /* academy */
  .ref-academy .m-hero .r-hero-copy{width:auto}
  .ref-academy .m-hero-map{display:none}
  .ref-academy .m-find-head{grid-template-columns:1fr;padding:0 4px 20px;gap:16px}
  .ref-academy .m-find-art{max-width:260px}
  .ref-academy .m-eyebrow-line{font-size:13px;gap:10px;margin-bottom:10px}
  .ref-academy .m-eyebrow-line::before{width:28px}
  .ref-academy .m-find-head p:last-child{font-size:16px}
  .ref-academy .m-search{padding:24px 16px;min-height:0;border-radius:12px}
  .ref-academy .m-search h3{margin-bottom:16px}
  .ref-academy .m-fields{grid-template-columns:1fr;gap:16px}
  .ref-academy .m-label{font-size:14px}
  .ref-academy .m-input,.ref-academy .m-dd summary,.ref-academy .m-go{height:48px;font-size:15px;padding:0 14px;border-radius:6px}
  .ref-academy .m-caret{background-size:10px;background-position:right 14px center}
  .ref-academy .m-dd summary::after{border-width:6px}
  .ref-academy .m-dd ul{position:static;display:grid;grid-template-columns:repeat(3,1fr);margin-top:6px;box-shadow:none}
  .ref-academy .m-dd li a{font-size:14px;padding:8px 12px}
  .ref-academy .m-info,.ref-academy .m-chips{margin-left:0;max-width:none}
  .ref-academy .m-info{margin:24px 0;font-size:14px;padding-left:34px}
  .ref-academy .m-i{width:24px;height:24px;font-size:14px}
  .ref-academy .m-chips{gap:8px}
  .ref-academy .m-chip-r{min-width:64px;padding:8px 12px;font-size:14px;border-radius:20px}
  .ref-academy .m-maprow{grid-template-columns:1fr;padding:0;margin-top:32px;gap:20px}
  .ref-academy .m-naver{padding:14px 20px}
  .ref-academy .m-n{font-size:20px;margin-right:10px}
  .ref-academy .m-map{height:auto;min-height:440px;border-width:6px;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start}
  .ref-academy .m-map-list{position:relative;left:auto;top:auto;width:auto;margin:16px 16px 0;gap:8px}
  .ref-academy .m-map-q{font-size:14px;padding:10px 12px}
  .ref-academy .m-map-q .r-icon{width:18px;height:18px}
  .ref-academy .m-map-list li{font-size:13px;padding:10px 12px;gap:10px}
  .ref-academy .m-map-list li b{font-size:15px}
  .ref-academy .m-map-list li .r-icon{width:22px;height:22px}
  .ref-academy .m-badge{font-size:12px;right:12px;top:-28px;position:absolute}
  .ref-academy .m-zoom span{width:32px;height:32px;font-size:18px}
  .ref-academy .m-zoom{right:12px;bottom:12px}
  .ref-academy .m-how-steps{grid-template-columns:1fr;gap:8px}
  .ref-academy .m-how-steps > li:not(.m-how-arrow){min-height:0;padding:20px 20px 20px 92px;border-radius:10px}
  .ref-academy .m-how-steps b{position:absolute;left:20px;top:20px;width:48px;height:48px;font-size:16px}
  .ref-academy .m-how-ic{left:auto;right:20px;top:20px}
  .ref-academy .m-how-ic .r-icon{width:36px;height:36px}
  .ref-academy .m-how-steps h3{margin:0 0 6px}
  .ref-academy .m-how-steps p{font-size:15px}
  .ref-academy .m-how-arrow{transform:rotate(90deg);height:20px}
  .ref-academy .m-how-arrow .m-chev{width:18px;height:18px}
  .ref-academy .m-consult{padding:16px}
  .ref-academy .m-consult-in{flex-direction:column;align-items:stretch;border-radius:12px}
  .ref-academy .m-consult-in .r-bg{position:relative;left:0;width:100%;height:220px;order:2;-webkit-mask-image:none;mask-image:none}
  .ref-academy .m-consult .r-copy{padding:28px 20px}
  .ref-academy .m-consult p{font-size:16px;margin-bottom:20px}
  /* score */
  .ref-score .m-rows{padding:0 16px 20px;gap:16px}
  .ref-score .m-row{grid-template-columns:1fr!important;min-height:0;gap:16px}
  .ref-score .m-r2 .m-copytile,.ref-score .m-r4 .m-copytile{order:-1}
  .ref-score .m-copytile{padding:28px 20px;border-radius:12px}
  .ref-score .m-c4{padding-right:20px}
  .ref-score .m-target{position:relative;right:auto;top:auto;width:96px;display:block;margin-top:20px}
  .ref-score .m-q4{position:absolute;right:20px;bottom:40px;top:auto}
  .ref-score .m-phototile{height:300px;border-radius:12px}
  .ref-score .m-q1{left:18px;top:16px}
  .ref-score .m-spines i{font-size:14px!important;padding:8px 16px}
  .ref-score .m-lens{width:180px;height:180px;border-width:12px;left:50%;top:50%;transform:translate(-60%,-55%)}
  .ref-score .m-lens::after{width:90px;height:22px;right:-80px;bottom:-24px}
  .ref-score .m-lens .m-hand{font-size:20px!important}
  .ref-score .m-r3{padding:0}
  .ref-score .m-report2{margin:0 16px 20px;padding:16px}
  .ref-score .m-report2-grid{grid-template-columns:1fr}
  .ref-score .m-chart-note{font-size:14px}
  .ref-score .m-checktile{padding:12px}
  .ref-score .m-stickies{right:16px;top:16px;gap:8px}
  .ref-score .m-stickies i{font-size:14px!important;padding:8px 14px}
  .ref-score .m-q5{right:16px;bottom:16px}
  .ref-score .m-next-sky{grid-template-columns:1fr;margin:8px 16px 24px;border-radius:12px}
  .ref-score .m-next-sky .r-copy{padding:36px 20px 8px}
  .ref-score .m-next-sky .r-art{padding:0 20px}
  .ref-score .m-sign{width:min(280px,80%)}
  /* stories */
  .ref-stories .m-stories{grid-template-columns:1fr 1fr;gap:12px}
  .ref-stories .m-story{min-height:0;padding:20px 0 16px;border-radius:10px}
  .ref-stories .m-story > :not(.m-story-fig){padding:0 14px}
  .ref-stories .m-story h3{font-size:19px!important;margin-bottom:8px}
  .ref-stories .m-story .m-quote,.ref-stories .m-story .m-desc{font-size:14px!important}
  .ref-stories .m-story-fig{height:130px}
  .ref-stories .m-story .r-button{margin:14px 14px 0;padding:10px 8px;font-size:13px}
  .ref-stories .m-analysis{grid-template-columns:1fr;padding:40px 16px!important;gap:28px}
  .ref-stories .m-an-copy h2{margin-bottom:24px}
  .ref-stories .m-an-copy h3{font-size:19px!important;margin-bottom:14px}
  .ref-stories .m-rings{gap:12px;max-width:none;justify-content:space-between;padding-bottom:20px;margin-bottom:20px}
  .ref-stories .m-rings svg{width:64px;height:64px}
  .ref-stories .m-rings li{font-size:14px;gap:6px}
  .ref-stories .m-an-copy > p{font-size:16px}
  .ref-stories .m-an-art{margin:0;overflow-x:auto}
  .ref-stories .m-ipad{grid-template-columns:1fr;border-width:10px;border-right:10px solid #1a1d24;border-radius:20px;min-height:0;transform:none}
  .ref-stories .m-ipad-side{padding:14px}
  .ref-stories .m-word{font-size:18px!important;margin-bottom:10px}
  .ref-stories .m-ipad-side ul{grid-template-columns:repeat(2,1fr);gap:4px}
  .ref-stories .m-ipad-side li{font-size:13px!important;padding:6px 8px;gap:6px}
  .ref-stories .m-ipad-side .r-icon{width:14px;height:14px}
  .ref-stories .m-ipad-main{padding:14px}
  .ref-stories .m-ipad-title{font-size:18px}
  .ref-stories .m-ipad-tabs{flex-wrap:wrap;gap:8px 14px;font-size:13px;padding:10px}
  .ref-stories .m-ipad-grid{grid-template-columns:1fr;gap:12px}
  .ref-stories .m-diag{grid-column:auto;grid-row:auto;padding:14px}
  .ref-stories .m-diag > p{font-size:15px}
  .ref-stories .m-diag li{font-size:14px!important;padding:10px;gap:10px}
  .ref-stories .m-diag .r-icon{width:20px;height:20px}
  .ref-stories .m-next-diag .r-copy{width:auto;min-height:0;padding:40px 20px 32px;clip-path:none}
  .ref-stories .m-next-diag .r-eyebrow::after{width:28px}
  .ref-stories .m-next-diag .r-art{position:relative;width:auto}
  .ref-stories .m-screen{gap:4px}
  .ref-stories .m-screen b{font-size:22px!important}
  .ref-stories .m-screen span{font-size:11px!important}
  /* comparison */
  .ref-comparison .m-cards{padding:0 16px 32px;gap:16px}
  .ref-comparison .m-cc{grid-template-columns:1fr;min-height:0;border-radius:12px}
  .ref-comparison .m-cc .r-copy{order:1;padding:28px 20px 20px}
  .ref-comparison .m-cc .r-art{order:2;min-height:300px}
  .ref-comparison .m-cc2 .r-art,.ref-comparison .m-cc4 .r-art{min-height:0}
  .ref-comparison .m-bubble{font-size:13px!important;padding:12px 16px}
  .ref-comparison .m-bubble::after{width:10px;height:10px;bottom:-14px}
  .ref-comparison .m-scribble{width:44px}
  .ref-comparison .m-books span{width:160px;font-size:15px!important;padding:7px 0 7px 60px}
  .ref-comparison .m-cc2 .r-art{padding:0 16px 20px}
  .ref-comparison .m-cmp{grid-template-columns:1fr;gap:10px;padding:12px}
  .ref-comparison .m-cmp-arrow{transform:rotate(90deg)}
  .ref-comparison .m-cmp-arrow .m-chev{width:22px;height:22px}
  .ref-comparison .m-cmp-box{padding-bottom:16px;border-radius:10px}
  .ref-comparison .m-cmp-box h4{padding:10px;margin:0;border-radius:0}
  .ref-comparison .m-cmp-ic{width:110px;margin:14px auto}
  .ref-comparison .m-cmp-box ul{padding:0 16px;gap:8px}
  .ref-comparison .m-cmp-box li{font-size:15px!important;gap:8px}
  .ref-comparison .m-cmp-box .m-ck{width:18px;height:18px;padding:3px}
  .ref-comparison .m-notes{right:12px;top:12px;gap:8px}
  .ref-comparison .m-notes li{font-size:13px!important;padding:8px 12px;gap:8px}
  .ref-comparison .m-notes .r-icon{width:20px;height:20px}
  .ref-comparison .m-cc4 .r-art{grid-template-columns:1fr}
  .ref-comparison .m-note-photo{height:240px;-webkit-mask-image:none;mask-image:none}
  .ref-comparison .m-oflow{margin:20px 16px;gap:26px}
  .ref-comparison .m-oflow li{gap:14px;padding:10px 16px 10px 10px;border-radius:40px}
  .ref-comparison .m-oflow li + li::before{left:30px;top:-22px;width:12px;height:18px}
  .ref-comparison .m-oflow .r-icon{width:44px;height:44px;padding:10px}
  .ref-comparison .m-oflow p{font-size:14px!important}
  .ref-comparison .m-oflow b{font-size:16px!important}
  .ref-comparison .m-next-city{grid-template-columns:1fr}
  .ref-comparison .m-next-city .r-copy{padding:40px 20px 12px}
  .ref-comparison .m-qn{position:static;padding:0 20px;color:#fff;transform:none}
  .ref-comparison .m-next-city .r-art{justify-content:center;padding:12px 20px 0}
  .ref-comparison .m-sign{width:min(260px,80%)}
  .ref-comparison .m-skyline{left:0;width:100%;height:80px}
  /* mobile readability + dark hero copy band */
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-hero::before{display:none}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-stories) .m-hero{background:linear-gradient(180deg,#f3f8ff,#fff)}
  :is(.ref-score,.ref-comparison) .m-hero{background:#10224d;color:#fff}
  :is(.ref-score,.ref-comparison) .m-hero .r-hero-copy{color:#fff}
  :is(.ref-curriculum,.ref-solution,.ref-academy,.ref-score,.ref-stories,.ref-comparison) .r-next .r-copy > p:not(.r-eyebrow),
  .ref-academy .m-map-copy p:not(.m-eyebrow-line),.ref-academy .m-consult p{font-size:16px!important}
  :is(.ref-curriculum,.ref-solution,.ref-score,.ref-stories) .m-panel-title small{font-size:13px!important}
  .ref-score .m-tag b{font-size:16px!important}
  .ref-score .m-intro h2::after{width:40px;height:3px;margin-top:12px}
  .ref-solution .m-word-ex{font-size:13px!important}
  .ref-solution .m-word-ex b{font-size:13px!important}
  .ref-solution .m-stairs{height:150px}
  .ref-solution .m-stairs .t-st{font-size:14px}
  .ref-curriculum .m-grade-list{white-space:nowrap}
  .ref-comparison .m-books span{width:130px;padding-left:48px}
  .ref-stories .m-story .m-quote,.ref-stories .m-story .m-desc{word-break:keep-all}
}

.ref-comparison .m-next-sky,.ref-score .m-next-sky{background:linear-gradient(90deg,#103f85ee,#135ac470 55%,#155bc415),url('/navi-tutor-center8/assets/ref-20261009/next-city-hq.webp') center/cover}.ref-comparison .m-skyline{display:none}.ref-comparison .m-sign{filter:drop-shadow(.4cqw .6cqw .5cqw #173b7344)}.ref-score .m-sign{filter:drop-shadow(.4cqw .6cqw .5cqw #173b7344)}
.ref-solution .m-sc1 .m-photo{left:38%;width:62%;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}.ref-solution .m-hbooks span{background:none;box-shadow:none;border-radius:0;padding:.6cqw 1cqw;text-align:center;color:#a9c1df}.ref-solution .m-hbooks{bottom:2.2cqw;gap:1.3cqw}
@media(max-width:700px){.ref-solution .m-sc1 .m-photo{left:0;width:100%;mask-image:none;-webkit-mask-image:none}.ref-solution .m-hbooks span{background:#305b86;color:#fff}.ref-comparison .m-skyline{display:none}}

@media(min-width:701px){.ref-main .m-hero h1{font-size:5.7cqw}.ref-main .m-adv4{height:34.5cqw}.ref-main .m-adv4 .m-circles{margin-top:2.2cqw}}
.ref-main .m-reference-character{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:701px){.ref-main .m-hero .r-hero-photo{left:0;width:100%;object-position:center}.ref-main .m-hero:before{background:linear-gradient(90deg,#f7fafea8 0%,#f7fafe80 23%,#f7fafe00 45%)}.ref-main .m-bookstack span{background:none!important;box-shadow:none;padding-left:2.5cqw;text-align:left;font-size:1.25cqw;height:2.75cqw;line-height:2.75cqw}.ref-main .m-bookstack{left:23.5cqw;bottom:1.8cqw;width:19cqw;filter:none}.ref-main .m-bookstack span:nth-child(3){color:#f3f8f6}}
/* Keep people in the reference's clear photographic area, beside native product panels. */
@media(min-width:701px){
.ref-detail-solution-output .r-hero .r-hero-photo{left:-12%;width:100%;object-position:center}
.ref-detail-curriculum-past .r-hero .r-hero-photo{left:-30%;width:100%;object-position:center}
.ref-detail-solution-connected-training .r-hero .r-hero-photo{left:-16%;width:100%;object-position:center}
.ref-detail-curriculum-practice .r-hero .r-hero-photo{left:-22%;width:100%;object-position:center}
}
/* Reference typography is larger than the earlier generic subpage copy. */
@media(min-width:701px){
:is(.ref-curriculum,.ref-solution,.ref-score,.ref-stories,.ref-comparison) .m-tag{font-size:1.5cqw}
:is(.ref-curriculum,.ref-solution,.ref-score,.ref-stories,.ref-comparison) .m-desc{font-size:1.7cqw;line-height:1.55}
:is(.ref-curriculum,.ref-solution,.ref-score,.ref-stories,.ref-comparison) .m-quote{font-size:1.9cqw}
:is(.ref-curriculum,.ref-solution,.ref-score,.ref-stories,.ref-comparison) .r-button.m-sm{font-size:1.45cqw;padding:1cqw 2.1cqw}
:is(.ref-solution,.ref-score,.ref-comparison) .m-intro h2{font-size:3.8cqw}
:is(.ref-solution,.ref-score,.ref-comparison) .m-intro p:not(.r-eyebrow){font-size:1.7cqw}
.ref-score .m-copytile .m-desc{font-size:1.75cqw}
.ref-score .m-copytile .m-quote{font-size:2.15cqw}
.ref-comparison .m-cc h3{font-size:3.4cqw}
.ref-comparison .m-cc .m-quote{font-size:2.1cqw}
.ref-comparison .r-button.outline{color:#0767ff;border-color:#0767ff}
.ref-solution .m-sc .m-quote{font-size:1.8cqw}
:is(.ref-curriculum,.ref-solution,.ref-score) .m-check li{font-size:1.45cqw}
:is(.ref-curriculum,.ref-solution,.ref-score,.ref-stories) .m-panel-title{font-size:1.8cqw}
.ref-solution .m-report .m-panel-title{font-size:1.8cqw}
}
.reference-page .da-hero:before{display:none}
@media(min-width:701px){.ref-detail-curriculum-past .r-hero .r-hero-photo{left:-20%}.ref-detail-curriculum-past .da-veil{background:linear-gradient(90deg,#f1f7ffff 0%,#f1f7fff2 20%,#f1f7ff30 35%,transparent 43%)}.ref-detail-solution-output .da-veil{background:linear-gradient(90deg,#f1f7ffff 0%,#f1f7ffe0 23%,#f1f7ff15 42%,transparent 50%)}}
.ref-score .m-score-tablet{position:absolute;left:3cqw;top:3cqw;width:31cqw;height:23cqw;background:#162133;padding:1cqw;border-radius:1.7cqw;transform:rotate(-8deg);box-shadow:0 1cqw 1.4cqw #17325350}.ref-score .m-score-screen{height:100%;background:white;border-radius:.8cqw;overflow:hidden}.ref-score .m-score-toolbar{padding:.7cqw 1cqw;color:white;background:#2b65a4;font-size:.8cqw}.ref-score .m-score-lesson{display:grid;grid-template-columns:73% 27%;padding:1cqw;gap:.6cqw;font-size:1cqw}.ref-score .m-score-lesson p{font-size:.85cqw;line-height:1.65;margin:1cqw 0}.ref-score .m-score-formula{font-size:1.5cqw!important;color:#2857a0}.ref-score .m-score-video img{width:100%;height:6cqw;object-fit:cover;object-position:left}.ref-score .m-score-video span{font-size:.7cqw;display:block;text-align:center}.ref-score .m-score-control{position:absolute;bottom:1.5cqw;left:2cqw;right:2cqw;font-size:.75cqw;color:#4477b4}.ref-score .m-r5 figcaption{z-index:2;pointer-events:none}.ref-score .m-r5 .m-q5{max-width:18cqw}.ref-score .m-r5 .r-photo{object-position:center}
@media(max-width:700px){.ref-score .m-score-tablet{left:16px;top:30px;width:230px;height:215px;padding:9px;border-radius:14px}.ref-score .m-score-toolbar{font-size:9px;padding:6px 9px}.ref-score .m-score-lesson{font-size:10px;padding:9px;gap:7px}.ref-score .m-score-lesson p{font-size:9px;line-height:1.7;margin:10px 0}.ref-score .m-score-formula{font-size:16px!important}.ref-score .m-score-video img{height:62px}.ref-score .m-score-video span{font-size:8px}.ref-score .m-score-control{font-size:8px;bottom:13px;left:20px;right:20px}.ref-score .m-r5 .m-q5{max-width:140px}.ref-score .m-r5 .m-stickies{right:4px;top:8px}.ref-score .m-r5 .m-stickies i{font-size:11px!important;padding:6px 8px}}
/* Final reference review: original photographic composition and proportional controls. */
@media(min-width:701px){
:is(.ref-detail-curriculum-past,.ref-detail-solution-output,.ref-detail-solution-connected-training,.ref-detail-curriculum-practice) .r-hero .r-hero-photo{left:0;inset:0;width:100%;object-position:center}
:is(.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-curriculum-grade,.ref-detail-curriculum-classic) .r-hero .r-hero-photo{object-fit:fill;object-position:center}
.ref-detail-solution-tools .r-hero .r-hero-photo{height:calc(var(--u)*350)}
.reference-page .r-hero .r-fitted-screen{position:absolute;left:0;top:0;border:0;padding:0;background:none;box-shadow:none;border-radius:0;transform-origin:0 0;z-index:3;overflow:visible}
.reference-page .r-fitted-screen>.da-scr{height:100%;border-radius:0}
.ref-detail-score-cause .r-fitted-screen{height:calc(var(--u)*250)}
.ref-detail-curriculum-classic .r-fitted-screen{height:calc(var(--u)*261)}
.ref-detail-curriculum-grade .r-fitted-screen{height:calc(var(--u)*165)}
.ref-detail-curriculum-grade .r-fitted-screen>.cg-lec{height:100%}
.ref-detail-curriculum-grade .r-fitted-screen .cg-video{min-height:0;height:100%}
.ref-detail-solution-tools .r-fitted-screen{height:calc(var(--u)*264)}
:is(.ref-detail-score-cause,.ref-detail-curriculum-classic,.ref-detail-curriculum-grade) .da-veil{background:linear-gradient(90deg,#f1f7ffa0,transparent 37%)}
.ref-detail-score-cause .sc-books span{background:none;box-shadow:none;color:#244660}
.ref-detail-score-cause .sc-card h2{padding-right:calc(var(--u)*48);font-size:calc(var(--u)*18)}
.ref-main .m-ai-tab{transform:none;right:2cqw;top:5.6cqw;width:22cqw;height:24cqw}
.ref-main .m-ai-tab img{padding:.5cqw}
.ref-main .m-ai-books{z-index:3;right:18cqw;bottom:1.8cqw}
.ref-main .m-q2-tab{margin:2.3cqw 0 0 -3cqw;height:31cqw;transform:rotate(1.4deg)}
.ref-curriculum .m-pair .m-desc{font-size:1.7cqw;line-height:1.55}
.ref-curriculum .m-pair .m-quote{font-size:1.9cqw;line-height:1.4}
.ref-curriculum .m-grade-list{font-size:1.5cqw;padding:.5cqw .8cqw}
.ref-curriculum .m-grade-list li{border-bottom:1px solid #e1e8f1;padding:.3cqw 0}
.ref-curriculum .m-next-light{display:block;background:#f7fafe}
.ref-curriculum .m-next-light .r-copy{width:52%;min-height:39cqw}
.ref-curriculum .m-next-light .r-art{position:absolute;inset:0;width:100%}
.ref-curriculum .m-next-light .r-art img{object-position:center;width:100%;height:100%}
.ref-curriculum .m-next-light .r-art:before{display:none}
.ref-curriculum .m-next-light .m-note-card{left:66%;right:auto;top:38%;width:24%;transform:rotate(-3deg);background:none;box-shadow:none;font-size:1.6cqw;padding:0;color:#304869}
.ref-academy .m-find-art{width:100%;height:21cqw;object-fit:contain}
.ref-comparison .m-oflow .r-icon{width:6.3cqw;height:6.3cqw;padding:1.2cqw;background:#e1efff}
.ref-comparison .m-oflow p{font-size:1.3cqw}
.ref-comparison .m-oflow b{font-size:1.6cqw}
.ref-comparison .m-next-city{background:linear-gradient(90deg,#103f85ef,#135ac466 65%,transparent),url('/navi-tutor-center8/assets/ref-20261009/next-city-hq.webp') center/cover}
.ref-score .m-next-sky{background-size:cover,100% 205%;background-position:center,center top}
.ref-stories .m-hero-note{right:2.4cqw;left:auto;width:14cqw;font-size:1.5cqw}
.ref-solution .m-stairs{padding-right:2cqw;height:20cqw;overflow:visible}
.ref-comparison .m-cc1 .m-books.gray{width:20cqw;height:20cqw;right:0;bottom:0;gap:0;filter:none;display:flex;flex-direction:column;justify-content:center}
.ref-comparison .m-book-prop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.ref-comparison .m-cc1 .m-books.gray span{width:100%;background:none;box-shadow:none;border:0;padding:.55cqw 0 .55cqw 7cqw;font-size:1.5cqw;color:#263746}
}
@media(min-width:701px){
body.reference-restored .announcement a{display:inline}
.ref-detail-solution-connected-training .r-hero:before{background:linear-gradient(90deg,#fffffff7,#ffffffde 27%,transparent 43%)}
.ref-detail-curriculum-practice .r-hero:before{background:linear-gradient(90deg,#fffffff2,#ffffffd0 23%,transparent 42%)}
.ref-detail-curriculum-practice .r-hero .r-hero-photo{object-fit:fill}
.ref-detail-curriculum-past .r-hero .r-hero-photo{object-fit:fill}
.ref-main .m-ai-books{left:auto;right:18cqw}
.ref-detail-solution-output .so-device-logo{position:absolute;left:58%;top:30%;width:21%;height:48%;object-fit:contain;transform:rotate(6deg);z-index:2}
}
@media(min-width:701px) and (max-width:1000px){body.reference-restored .announcement{height:26px;min-height:26px;font-size:9px;gap:20px}body.reference-restored .announcement a{font-size:8px}body.reference-restored .header-inner{min-height:50px;height:50px;padding:5px 18px}}
@media(max-width:700px){
:is(.ref-detail-score-cause,.ref-detail-solution-tools,.ref-detail-curriculum-grade,.ref-detail-curriculum-classic) .r-hero .r-hero-photo{display:none}
.ref-detail-solution-output .so-device-logo{display:none}
}
@media(min-width:701px){
.ref-curriculum .m-hero .r-hero-photo{object-fit:fill;object-position:center}
.ref-curriculum .m-wide .m-books{width:22cqw;height:21cqw;display:flex;justify-content:center;isolation:isolate;filter:drop-shadow(0 .6cqw .7cqw #122f4825)}
.ref-curriculum .m-wide .m-book-prop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.ref-curriculum .m-wide .m-books span{background:none;border:0;box-shadow:none;border-radius:0;margin:0;width:18cqw;height:3.4cqw;padding:.7cqw 0 0 8cqw;font-size:1.3cqw;text-align:center}
.ref-curriculum .m-wide .m-books .b2{color:#24486a}
.ref-score .m-r1 .m-spines{width:19cqw;height:12cqw;bottom:.3cqw;gap:0;display:flex;flex-direction:column;justify-content:center}
.ref-score .m-r1 .m-spines i{background:none;box-shadow:none;border-radius:0;margin:0;padding:.8cqw .7cqw;font-size:1.3cqw;text-align:center;height:4cqw;color:#284363}
.ref-score .m-r1 .m-spines i:first-child{color:#f0f8ff}
}
@media(max-width:700px){.ref-curriculum .m-wide .m-book-prop{display:none}}
@media(max-width:700px){.ref-score .m-r1 .m-spines{width:120px;height:92px;bottom:3px;display:flex;flex-direction:column;gap:0;justify-content:center}.ref-score .m-r1 .m-spines i{background:none;box-shadow:none;border-radius:0;margin:0;padding:7px 5px;font-size:12px!important;line-height:16px;text-align:center;color:#284363}.ref-score .m-r1 .m-spines i:first-child{color:#f2f8ff}}

/* Center8 main · approved Oct 7/8 feedback. Appended LAST after main.css/corrections.css.
   Scoped to .ref-main; new blocks use .f8-. New sections use max-width grids + clamped sizes, not the cqw canvas. */

/* ── 1 · modest compaction of the existing student intro/questions/flow (cqw composition kept) */
@media(min-width:701px){
.ref-main .m-hero{height:43cqw}
.ref-main .m-hero .r-hero-copy{padding-top:6cqw}
.ref-main .m-hero h1{font-size:4.8cqw}
.ref-main .m-lead{font-size:2.4cqw}
.ref-main .m-parent{min-height:0;padding-block:4cqw}
.ref-main .m-parent h2{font-size:4cqw;margin-bottom:2.4cqw}
.ref-main .m-pcard{height:auto;min-height:42cqw}
.ref-main .m-pcard-a img{height:28cqw;max-height:28cqw}
.ref-main .m-pcard h3,.ref-main .m-pcard-c h3{font-size:2.2cqw}
.ref-main .m-pcard>p,.ref-main .m-pcard-c-copy p{font-size:1.8cqw}
.ref-main .m-pcard-c{height:26cqw}
.ref-main .m-public,.ref-main .m-ai{min-height:0}
.ref-main .m-public h3{font-size:3.8cqw}
.ref-main .m-intro{min-height:0;padding:4.4cqw 6.2cqw 1.8cqw}
.ref-main .m-intro h2{font-size:4.8cqw}
.ref-main .m-q1{min-height:0}
.ref-main .m-q1 h3,.ref-main .m-q2 h3,.ref-main .m-q3 h3{font-size:3.6cqw}
.ref-main .m-state-btns a{height:4.3cqw}
.ref-main .m-q2{min-height:0;padding-top:3.2cqw}
.ref-main .m-q2 h3{margin-bottom:3cqw}
.ref-main .m-q3{min-height:0;padding:3.6cqw 6.2cqw}
.ref-main .m-q3 .m-sub{margin-bottom:2.4cqw}
.ref-main .m-talk{height:17cqw}
.ref-main .m-center{margin-top:2.4cqw}
.ref-main .m-flow{min-height:0;padding:4cqw 4cqw 2.4cqw}
.ref-main .m-flow-head{margin-bottom:3.6cqw}
.ref-main .m-steps li{height:16.4cqw;padding-top:3.8cqw}
.ref-main .m-steps svg{margin-bottom:1.2cqw}
/* 5대 차별점 hero: same photo/copy, shorter band */
.ref-main .m-adv-hero{min-height:24cqw;padding:4cqw 0 3cqw 4.4cqw}
.ref-main .m-adv-hero h2{font-size:4.2cqw;margin-bottom:1.4cqw}
.ref-main .m-adv-hero h2 em{font-size:5.8cqw}
.ref-main .m-adv-hero p{font-size:1.85cqw}
.ref-main .m-adv-note{top:4cqw;font-size:1.75cqw}
}

/* ── 4 · qualitative qualifier on the teacher/director comparison */
.ref-main .f8-qual{display:flex;flex-wrap:wrap;align-items:center;gap:.6em .8em;max-width:40cqw;margin:1.8cqw 0 0;font-size:1.55cqw;line-height:1.5;color:#2b3a52}
.ref-main .f8-qual b{padding:.3em .9em;border-radius:999px;background:var(--blue);color:#fff;font-size:.92em;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
@media(min-width:701px){.ref-main .m-teacher-head{height:auto;min-height:31.4cqw;padding:7cqw 0 2.4cqw}}

/* ── 3/5 · real product screens + learning-guide video (after m-flow) */
.ref-main .f8-product{padding:clamp(40px,5cqw,72px) clamp(18px,4cqw,56px);background:#fff}
.ref-main .f8-wrap{max-width:1180px;margin:0 auto}
.ref-main .f8-head{margin:0 0 clamp(20px,2.6cqw,36px)}
.ref-main .f8-head .m-eyeline{font-size:clamp(12px,1.2cqw,15px);gap:12px;margin:0 0 10px}
.ref-main .f8-head .m-eyeline:after{width:44px;height:2px}
.ref-main .f8-head h2{font-size:clamp(26px,3.4cqw,42px);line-height:1.2;margin:0 0 8px}
.ref-main .f8-head>p:last-child{margin:0;font-size:clamp(16px,1.5cqw,19px);line-height:1.6;color:#2b3a52}
.ref-main .f8-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8cqw,24px)}
.ref-main .f8-shot figure{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 26px #1b3d700f}
.ref-main .f8-shot-frame{display:flex;flex-direction:column;gap:10px;padding:clamp(12px,1.3cqw,18px);background:var(--ice);border-bottom:1px solid var(--line)}
.ref-main .f8-shot-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center;background:#fff;border:1px solid #e3ebf6;border-radius:8px}
.ref-main .f8-tag{display:inline-flex;align-self:flex-start;align-items:center;margin:0;padding:4px 11px;border-radius:999px;background:#fff0f1;color:#c42d39;font-size:13px;line-height:1.4;font-weight:750;letter-spacing:-.01em}
.ref-main .f8-shot figcaption{padding:clamp(14px,1.5cqw,20px) clamp(16px,1.6cqw,22px) clamp(18px,1.8cqw,24px)}
.ref-main .f8-shot h3{font-size:clamp(18px,1.7cqw,22px);line-height:1.3;color:var(--navy);margin:0 0 6px}
.ref-main .f8-shot figcaption p{margin:0;font-size:16px;line-height:1.6;color:#3b4a62}
.ref-main .f8-shot-note{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.ref-main .f8-more{margin:16px 0 0}
.ref-main .f8-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);font-size:16px;font-weight:750}
.ref-main .f8-more a:hover{background:var(--ice)}
.ref-main .f8-more .m-chev{width:16px;height:16px}
.ref-main .f8-video{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,3cqw,40px);align-items:center;margin-top:clamp(28px,3.6cqw,48px);padding:clamp(18px,2.6cqw,36px);background:linear-gradient(135deg,var(--navy),#163b80);border-radius:16px;color:#fff}
.ref-main .f8-video .f8-tag{background:#ffffff1f;color:#fff}
.ref-main .f8-video h3{font-size:clamp(20px,2.2cqw,28px);line-height:1.3;color:#fff;margin:10px 0 8px}
.ref-main .f8-video-copy>p:last-child{margin:0;font-size:clamp(16px,1.45cqw,18px);line-height:1.65;color:#dfe8f7}
.ref-main .f8-video-frame{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0b1834}
.ref-main .f8-video video{display:block;width:100%;height:100%;object-fit:contain;background:#0b1834}
.ref-main .f8-video video a{color:#fff;text-decoration:underline}

/* ── 1 · 5대 차별점: concise 5-card overview (replaces five long demo panels) */
.ref-main .f8-advs{padding:clamp(20px,2.4cqw,36px) clamp(16px,3cqw,44px) clamp(32px,4cqw,56px);background:#eef5fd}
.ref-main .f8-adv-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2cqw,18px)}
.ref-main .f8-adv{display:flex;flex-direction:column;padding:clamp(18px,1.9cqw,28px) clamp(14px,1.6cqw,24px);background:#fff;border:1px solid var(--line);border-radius:clamp(10px,1.1cqw,16px);box-shadow:0 8px 22px #1b3d700f}
.ref-main .f8-adv-icon{display:grid;place-items:center;width:clamp(44px,4.4cqw,60px);height:clamp(44px,4.4cqw,60px);margin:0 0 clamp(12px,1.2cqw,18px);border-radius:50%;background:#e5effd;color:var(--blue)}
.ref-main .f8-adv-icon svg{width:55%;height:55%;stroke-width:1.7}
.ref-main .f8-fill svg{stroke:none}
.ref-main .f8-adv .m-num{font-size:clamp(13px,1.15cqw,16px);gap:8px;margin:0 0 6px}
.ref-main .f8-adv .m-num:after{width:18px;height:2px}
.ref-main .f8-adv h3{font-size:clamp(18px,1.75cqw,24px);line-height:1.3;color:var(--blue);margin:0 0 8px;letter-spacing:-.05em}
.ref-main .f8-adv-desc{margin:0 0 10px;font-size:clamp(15px,1.25cqw,17px);line-height:1.55;font-weight:600;color:var(--ink)}
.ref-main .f8-adv-note{margin:0 0 14px;font-size:clamp(14px,1.1cqw,15px);line-height:1.55;color:var(--muted)}
.ref-main .f8-adv-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;min-height:36px;font-size:clamp(14px,1.1cqw,15px);font-weight:750;color:var(--blue)}
.ref-main .f8-adv-link .m-chev{width:16px;height:16px}
.ref-main .f8-video-caption{font-size:14px;line-height:1.5;color:#dfe8f7;margin-top:12px}
.ref-main .f8-adv:hover{box-shadow:0 0 0 2px #1264ff40,0 8px 22px #1b3d7018}

/* ── 2 · 본사 상담 안내 inside existing #contact-phone */
.ref-main #contact-phone{scroll-margin-top:96px}
.ref-main .f8-hq{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;max-width:880px;margin:0 auto clamp(16px,1.8cqw,24px);padding:clamp(14px,1.6cqw,22px) clamp(16px,2.4cqw,32px);background:#ffffff14;border:1px solid #ffffff33;border-radius:14px}
.ref-main .f8-hq-label{margin:0;font-size:clamp(16px,1.4cqw,18px);font-weight:800;color:#fff}
.ref-main .f8-hq-tel{display:inline-flex;align-items:center;gap:10px;padding:8px 22px;border-radius:999px;background:var(--coral);color:#fff;font-size:clamp(24px,2.6cqw,34px);font-weight:900;line-height:1.2;letter-spacing:.01em;box-shadow:0 8px 18px #ff515e40}
.ref-main .f8-hq-tel:hover{filter:brightness(.95)}
.ref-main .f8-hq-tel svg{width:.9em;height:.9em;stroke-width:2}
.ref-main .f8-hq-note{flex-basis:100%;margin:0;font-size:16px;line-height:1.55;color:#dbe5f7}

/* ── 701–1000: 3 + 2 card rows instead of five narrow columns */
@media(min-width:701px) and (max-width:1000px){
.ref-main .f8-adv-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.ref-main .f8-adv{grid-column:span 2}
.ref-main .f8-adv:nth-child(4){grid-column:2/span 2}
.ref-main .f8-qual{font-size:15px;max-width:44cqw}
}

/* ── MOBILE ≤700: single column, no overlays, 16px body */
@media(max-width:700px){
.ref-main .m-intro{padding:30px 22px 4px}
.ref-main .m-q1{padding:20px 22px 28px}
.ref-main .m-q1-photo{height:210px}
.ref-main .m-q2{padding:28px 22px}
.ref-main .m-q3{padding:30px 22px}
.ref-main .m-flow{padding:32px 18px 26px}
.ref-main .m-state-q,.ref-main .m-warn,.ref-main .m-cmp-row,.ref-main .m-flow-head p,.ref-main .m-pcard>p,.ref-main .m-pcard-c-copy p{font-size:16px}
.ref-main .m-adv-hero>img,.ref-main .m-adv-hero:before{height:180px}
.ref-main .m-adv-hero{padding-bottom:22px}
.ref-main .f8-qual{max-width:none;margin:14px 0 0;font-size:16px}
.ref-main .f8-qual b{font-size:14px}
.ref-main .f8-product{padding:36px 18px}
.ref-main .f8-shots{grid-template-columns:1fr;gap:16px}
.ref-main .f8-shot figure{display:grid;grid-template-columns:42% 58%;align-items:stretch}
.ref-main .f8-shot-frame{padding:10px;justify-content:center;border-bottom:0;border-right:1px solid var(--line)}
.ref-main .f8-shot-frame img{aspect-ratio:16/10}
.ref-main .f8-shot .f8-tag{font-size:11px;padding:3px 6px}
.ref-main .f8-shot figcaption{padding:14px 12px}
.ref-main .f8-shot figcaption p{font-size:15px;line-height:1.5}
.ref-main .f8-shot h3{font-size:18px}
.ref-main .m-flow-head{margin-bottom:22px}
.ref-main .m-steps{gap:17px}
.ref-main .m-steps li{padding-block:14px}
.ref-main .m-steps p{margin:4px 0 0}
.ref-main .m-pcard-c img{height:160px}
.ref-main .m-pcard-a img{height:175px}
.ref-main .m-teacher-photo{height:180px}
.ref-main .m-ai-art{height:180px}
.ref-main .f8-shot figure{border-radius:12px}
.ref-main .f8-video{grid-template-columns:1fr;padding:20px 16px;border-radius:14px}
.ref-main .f8-advs{padding:16px 14px 28px}
.ref-main .f8-adv-grid{grid-template-columns:1fr;gap:12px}
.ref-main .f8-adv{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:18px 16px;border-radius:12px}
.ref-main .f8-adv>:not(.f8-adv-icon){grid-column:2}
.ref-main .f8-adv-icon{grid-row:1/span 3;width:48px;height:48px;margin:0}
.ref-main .f8-adv .m-num{font-size:14px}
.ref-main .f8-adv h3{font-size:20px}
.ref-main .f8-adv-desc{font-size:16px}
.ref-main .f8-adv-note{font-size:15px}
.ref-main .f8-adv-link{justify-self:start;min-height:44px;font-size:15px}
.ref-main .f8-hq{padding:16px;gap:10px}
.ref-main .f8-hq-label{flex-basis:100%}
.ref-main .f8-hq-tel{font-size:26px;padding:10px 22px}
}
.ref-main .f8-shot-frame a{display:block;width:100%;border-radius:8px}
.ref-main .f8-shot-frame a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
/* Place actual interface captures in the corresponding existing content cards. */
.ref-main .f8-inline-screen{margin:0;padding:14px;border-radius:14px;border:1px solid #dce8f6;background:#fff;box-shadow:0 10px 24px #14306410}
.ref-main .f8-inline-screen img{display:block;width:100%;height:auto;object-fit:contain}
.ref-main .f8-inline-screen figcaption{font-size:14px;line-height:1.6;color:#55657e;margin-top:12px}
.ref-main .m-q2-actual{align-self:center;margin-top:24px}
.ref-main .m-talk-art.f8-real-screen{padding:12px;background:#eaf3ff}
.ref-main .m-talk-art.f8-real-screen img{display:block;width:100%;height:auto;object-fit:contain}
.ref-main .f8-parent-screen{margin-top:auto;margin-bottom:18px;padding:12px;box-shadow:none}
.ref-main .f8-video{margin-top:0}
@media(min-width:701px){.ref-main .m-pcard{min-height:0}.ref-main .m-pcard-a img{height:24cqw;max-height:24cqw}.ref-main .f8-video-frame{max-width:620px}}
@media(max-width:700px){.ref-main .m-q2-actual{margin-top:20px}.ref-main .f8-parent-screen{margin-top:12px}.ref-main .m-public-art{grid-template-columns:1.5fr 1fr}.ref-main .m-public-art .m-pp{min-height:150px}.ref-main .f8-inline-screen figcaption{font-size:14px}}
/* Decorative spine labels were measured against the taller original hero. */
.ref-main .m-bookstack{display:none}

/* Approved main sizing: preserve every layout coordinate at 80% of its original size. */
main.reference-page.ref-main{zoom:.8;width:100vw;max-width:1440px;margin-inline:auto}
body.reference-restored .site-header #main-menu>ul>li>a{font-size:17px}
body.reference-restored .site-header .dropdown a{font-size:15px}
@media(min-width:1101px){
 body.reference-restored .site-header .header-inner{gap:16px;padding-inline:24px}
 body.reference-restored .site-header #main-menu>ul{gap:12px}
}
@media(max-width:1100px){
 body.reference-restored .site-header .header-inner{flex-wrap:wrap;gap:10px;padding:10px 16px;min-height:70px}
 body.reference-restored .site-header .header-cta{margin-left:auto;font-size:13px;padding:11px 14px}
 body.reference-restored .site-header .center8-header-phone{display:none}
 body.reference-restored .site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;order:4;width:36px;height:40px;padding:7px;border:0;background:transparent}
 body.reference-restored .site-header #main-menu{display:none;order:5;flex-basis:100%}
 body.reference-restored .site-header #main-menu.open{display:block}
 body.reference-restored .site-header #main-menu>ul{display:block;padding:8px 0}
 body.reference-restored .site-header #main-menu>ul>li>a{font-size:18px;padding:14px 0}
 body.reference-restored .site-header #main-menu>ul>li>a:after{bottom:7px}
 body.reference-restored .site-header .dropdown{position:static;display:grid!important;min-width:0;box-shadow:none;border:0;background:#f2f7ff;border-radius:8px;margin:0 0 8px;padding:6px 10px}
 body.reference-restored .site-header .dropdown a{font-size:15px;padding:11px 12px}
}

/* Shared type roles; values are rendered through the existing 80% main scale. */
main.ref-main{
 --type-display:clamp(36px,4.2cqw,60px);
 --type-section:clamp(30px,3.1cqw,44px);
 --type-topic:clamp(26px,2.4cqw,34px);
 --type-card:clamp(22px,1.7cqw,24px);
 --type-body:clamp(18px,1.55cqw,20px);
 --type-caption:clamp(16.25px,1.3cqw,17.5px);
 --type-label:clamp(15px,1.15cqw,16.25px);
}
main.ref-main .ty8-display{font-size:var(--type-display)!important;line-height:1.22;letter-spacing:-.055em}
main.ref-main .ty8-section{font-size:var(--type-section)!important;line-height:1.28;letter-spacing:-.045em}
main.ref-main .ty8-topic{font-size:var(--type-topic)!important;line-height:1.3;letter-spacing:-.04em}
main.ref-main .ty8-card{font-size:var(--type-card)!important;line-height:1.4;letter-spacing:-.035em;white-space:normal}
main.ref-main .ty8-body{font-size:var(--type-body)!important;line-height:1.65;letter-spacing:-.025em}
main.ref-main .ty8-caption{font-size:var(--type-caption)!important;line-height:1.6;letter-spacing:-.02em}
main.ref-main .ty8-label{font-size:var(--type-label)!important;line-height:1.5;letter-spacing:.015em}
main.ref-main :is(h1,h2,h3) :is(em,strong,span){font-size:inherit!important;line-height:inherit}
main.ref-main .m-lead{font-size:var(--type-card)!important;line-height:1.55}
main.ref-main :is(.m-btn,.m-parent-btn,.m-state-btns a,.f8-more a,.f8-adv-link){font-size:var(--type-body)!important}
main.ref-main :is(.m-talk-copy>span,.m-steps p,.m-cmp-row,.m-close-links a){font-size:var(--type-caption)!important;line-height:1.6}
main.ref-main :is(.m-contact-banner b,.m-talk-copy strong,.m-state-title,.m-cmp-head){font-size:var(--type-card)!important;line-height:1.4}
main.ref-main .m-hero-note,main.ref-main .m-subjects{font-size:var(--type-body)!important}
/* Natural card heights accommodate the common title/body scale. */
main.ref-main .m-talk{height:auto;min-height:17cqw}
main.ref-main .m-talk-copy{padding-block:18px}
main.ref-main .m-pcard-c{height:auto;min-height:26cqw}
main.ref-main .m-flow-head{flex-wrap:wrap}
main.ref-main .m-flow-head p{flex:1 1 360px}
main.ref-main .f8-adv h3{min-height:2.8em}
@media(max-width:700px){
 main.ref-main .m-hero{height:auto}
 main.ref-main .m-steps h3{font-size:var(--type-card)!important;white-space:normal}
 main.ref-main .m-talk{min-height:135px}
 main.ref-main .f8-adv h3{min-height:0}
 main.ref-main .m-pcard-c{min-height:0}
}
body.reference-restored .site-header .brand strong{font-family:var(--font);font-size:23px;font-weight:800;letter-spacing:-.045em;color:var(--navy)}
@media(max-width:700px){body.reference-restored .site-header .brand strong{font-size:20px}}

/* Subpages share the same displayed type hierarchy as the 80% homepage. */
body.reference-restored main.reference-page:not(.ref-main){
 --type-display:clamp(28.8px,3.36cqw,48px);
 --type-section:clamp(24px,2.48cqw,35.2px);
 --type-topic:clamp(20.8px,1.92cqw,27.2px);
 --type-card:clamp(17.6px,1.36cqw,19.2px);
 --type-body:clamp(14.4px,1.24cqw,16px);
 --type-caption:clamp(13px,1.04cqw,14px);
 --type-label:clamp(12px,.92cqw,13px);
}
body.reference-restored main.reference-page:not(.ref-main) .ty8-display{font-size:var(--type-display)!important;line-height:1.22;letter-spacing:-.055em}
body.reference-restored main.reference-page:not(.ref-main) .ty8-section{font-size:var(--type-section)!important;line-height:1.28;letter-spacing:-.045em}
body.reference-restored main.reference-page:not(.ref-main) .ty8-topic{font-size:var(--type-topic)!important;line-height:1.3;letter-spacing:-.04em}
body.reference-restored main.reference-page:not(.ref-main) .ty8-card{font-size:var(--type-card)!important;line-height:1.4;letter-spacing:-.035em;white-space:normal}
body.reference-restored main.reference-page:not(.ref-main) .ty8-body{font-size:var(--type-body)!important;line-height:1.65;letter-spacing:-.025em}
body.reference-restored main.reference-page:not(.ref-main) .ty8-caption{font-size:var(--type-caption)!important;line-height:1.6;letter-spacing:-.02em}
body.reference-restored main.reference-page:not(.ref-main) .ty8-label{font-size:var(--type-label)!important;line-height:1.5;letter-spacing:.015em}
body.reference-restored main.reference-page:not(.ref-main) :is(.ty8-display,.ty8-section,.ty8-topic,.ty8-card) :is(em,strong,b,span){font-size:inherit!important;line-height:inherit}
body.reference-restored main.reference-page:not(.ref-main) :is(.r-button,.da-btn,.do-btn){font-size:var(--type-body)!important;line-height:1.4}
body.reference-restored main.reference-page:not(.ref-main) :is(.r-hero-copy,.da-hcopy,.do-hcopy){max-width:100%}