@font-face{font-family:PD;src:url(assets/middle-pc-037/asset-2e91915fab54df71.otf);font-weight:700}
.m037{--ink:#10283d;--accent:#2866cb;--soft:#eaf0f8;--paper:#f6f7f9}
.m037 *{box-sizing:border-box}
.m037 button{font:inherit;cursor:pointer}
.m037 button:focus-visible{outline:3px solid #d59b40;outline-offset:4px}
.m037 button{touch-action:manipulation}
.m037 .stage{width:var(--stage-w,1120px);height:840px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center;background:var(--paper);overflow:hidden;box-shadow:0 24px 100px #0004}
.m037 .top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #dce3ed;background:#fff}
.m037 .brand{font-family:PD,sans-serif;font-size:13px;letter-spacing:1.4px;display:flex;align-items:center;gap:12px}
.m037 .brand:before{content:'W';display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--accent);color:white;font-size:18px}
.m037 .top button{background:transparent;border:1px solid #d5dfea;border-radius:24px;padding:9px 18px;font-size:12px;color:var(--ink)}
.m037 .top button:last-child{background:var(--ink);color:white;border-color:var(--ink)}
.m037 .progress{height:3px;background:#e5ebf2}
.m037 .progress i{display:block;height:100%;background:var(--accent);transition:width .45s}
.m037 .page-host{height:699px;position:relative}
.m037 .page{height:100%;display:grid;grid-template-columns:43% 57%;padding:42px 48px 34px;gap:0;animation:enter .5s cubic-bezier(.16,1,.3,1) both}
.m037 .copy{padding-right:38px;display:flex;flex-direction:column;min-width:0;position:relative}
.m037 .eyebrow{color:var(--accent);font-family:PD,sans-serif;font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:12px;margin-bottom:24px}
.m037 .eyebrow:before{content:'';width:28px;height:3px;background:var(--accent)}
.m037 :is(h1,h2){font-family:PD,sans-serif;font-size:35px;line-height:1.3;letter-spacing:-1.5px;margin:0 0 22px;text-wrap:balance}
.m037 .intro{font-size:16px;line-height:1.85;color:#516476;margin:0}
.m037 .explain{margin-top:auto;padding:23px 0 0;border-top:1px solid #cdd8e5}
.m037 .explain h3{font-family:PD,sans-serif;font-size:17px;line-height:1.45;margin:0 0 12px}
.m037 .explain p{font-size:14px;line-height:1.9;color:#516476;margin:0}
.m037 .visual{min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:26px;background:linear-gradient(145deg,#e7eef7,#edf3f7 55%,#e2ecee);border-radius:32px;overflow:hidden;border:1px solid #dbe5ef}
.m037 .photo{width:100%;height:100%;object-fit:cover;border-radius:23px}
.m037 .photoSlide .visual{padding:0;border:0}
.m037 .photoSlide .visual:after{content:'';position:absolute;inset:0;border:1px solid #ffffff44;border-radius:32px;pointer-events:none}
.m037 .photoSlide .photo{border-radius:22px;height:auto;max-height:100%;object-fit:contain}
.m037 .photoSlide .visual{background:linear-gradient(145deg,#dce5ef,#ecf1f6);padding:18px}
.m037 .photoSlide:first-child{}
.m037 .cover{background:#10283d;color:white}
.m037 .cover .eyebrow{color:#9cbee8}
.m037 .cover .eyebrow:before{background:#9cbee8}
.m037 .cover .intro,.m037 .cover .explain p{color:#c7d5e4}
.m037 .cover .explain{border-color:#496075}
.m037 .cover :is(h1,h2){font-size:40px}
.m037 .screenWrap{min-height:0;display:flex;align-items:center;justify-content:center;gap:18px;flex:1}
.m037 .screen{max-width:100%;max-height:505px;object-fit:contain;box-shadow:0 16px 30px #16334b18;border-radius:15px;border:5px solid white;background:white}
.m037 .screenNote{font-family:PD,sans-serif;font-size:15px;line-height:1.7;margin:20px 0 0;padding:15px 18px;border-left:3px solid var(--accent);background:#ffffffab;border-radius:0 12px 12px 0}
.m037 .flow{display:flex;flex-direction:column;gap:0;width:100%;position:relative}
.m037 .flow .step{position:relative;background:#fff;border:1px solid #d9e3ed;border-radius:20px;min-height:115px;padding:22px 20px 20px 95px;box-shadow:0 6px 16px #17344b05}
.m037 .step .icon{position:absolute;left:24px;top:27px;width:47px;height:47px;border-radius:15px;background:var(--soft);display:grid;place-items:center;font-family:PD,sans-serif;font-size:22px;color:var(--accent)}
.m037 .step b{display:block;font-family:PD,sans-serif;font-size:20px;line-height:1.5}
.m037 .step small{display:block;font-size:14px;line-height:1.6;color:#627383;margin-top:4px}
.m037 .arrow{height:23px;align-self:flex-start;margin-left:44px;color:var(--accent);font-size:22px;line-height:23px;transform:rotate(90deg)}
.m037 .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.m037 .tile{background:#fff;padding:24px 20px;border-radius:20px;border:1px solid #dbe5ed;font-family:PD,sans-serif;font-size:23px}
.m037 .tile small{display:block;font-family:'Malgun Gothic',sans-serif;font-size:14px;line-height:1.6;color:#647789;margin-top:9px}
.m037 .tile .icon{font-size:28px;display:block;color:var(--accent);margin-bottom:10px}
.m037 .base{background:var(--ink);color:white;border-radius:17px;padding:20px 14px;text-align:center;font-size:14px;line-height:1.65;margin-top:20px}
.m037 .roleCenter{width:125px;height:125px;background:var(--accent);border:10px solid #ffffffbb;box-shadow:0 0 0 1px #c9d8e7;border-radius:50%;display:grid;place-items:center;align-self:center;margin:18px;font-family:PD,sans-serif;font-size:18px;color:white}
.m037 .reportFrame{width:100%;height:530px;flex:1;min-height:0;border:0;border-radius:16px;background:#f4f3ee;box-shadow:0 15px 30px #172f3718;pointer-events:none}
.m037 .reportLabel{font-family:'Malgun Gothic',sans-serif;font-size:12px;letter-spacing:1px;color:#697c81;margin:0 0 12px;flex:none}
.m037 .openReport{background:var(--ink);color:white;border:0;border-radius:13px;padding:13px 18px;font-size:13px;margin-top:17px}
.m037 .cardDeck{display:flex;gap:12px;justify-content:center;padding:36px 4px}
.m037 .pictureCard{background:white;border:1px solid #dbe3ed;border-radius:20px;padding:30px 12px;flex:1;text-align:center;box-shadow:0 15px 25px #0f1b2e12;transform:rotate(-6deg)}
.m037 .pictureCard:nth-child(2){transform:translateY(-20px) rotate(2deg)}
.m037 .pictureCard:nth-child(3){transform:rotate(7deg)}
.m037 .pictureCard span{font-size:58px;display:block;margin-bottom:15px}
.m037 .pictureCard strong{font-family:PD,sans-serif;font-size:22px}
.m037 .bigcount{font-size:68px;color:var(--accent);text-align:center;line-height:1.2;margin:30px 0}
.m037 .bigcount b{font-weight:400;font-variant-numeric:tabular-nums}
.m037 .bigcount small{display:block;font-size:14px;color:#536176;margin-top:14px}
.m037 .levelPills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.m037 .levelPills span{padding:20px 12px;background:white;border-radius:15px;text-align:center;font-size:16px}
.m037 .miniLabel{font-size:12px;color:#536176;text-align:center;margin-top:14px}
.m037 .wave{height:75px;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:18px}
.m037 .wave i{width:7px;background:var(--accent);border-radius:9px;height:var(--h);animation:wave 1.3s ease-in-out infinite alternate;animation-delay:var(--d)}
.m037 .controls{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-top:1px solid #dce3ed;background:#fff}
.m037 .navGroup{display:flex;align-items:center;gap:18px}
.m037 .controls button{border:1px solid #ccd8e5;background:white;color:var(--ink);padding:10px 21px;border-radius:25px;font-size:13px}
.m037 .controls #next{background:var(--ink);border-color:var(--ink);color:white}
.m037 .controls button:disabled{opacity:.25;cursor:default}
.m037 #count{font-size:13px;font-variant-numeric:tabular-nums;min-width:64px;text-align:center}
.m037 .hint{font-size:11px;color:#6c7b8b}
.m037 .sectionLabel{font-family:PD,sans-serif;font-size:11px;letter-spacing:1px;color:#68809b}
.m037 .menu{width:min(900px,92vw);max-height:88vh;border:0;border-radius:24px;padding:28px;background:var(--paper);color:var(--ink)}
.m037 dialog::backdrop{background:#10283dd9;backdrop-filter:blur(8px)}
.m037 .menu h3{font-family:PD,sans-serif;font-size:23px}
.m037 .menu nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:62vh;overflow:auto}
.m037 .menu button{padding:12px;text-align:left;background:white;border:1px solid #d6dfeb;border-radius:12px;color:var(--ink)}
.m037 .close{float:right;padding:10px 18px;margin-bottom:16px}
.m037 .reportModal{border:0;padding:18px;background:#f4f3ee;width:min(810px,96vw);height:94vh;border-radius:22px}
.m037 .reportModal iframe{width:100%;height:calc(100% - 62px);border:0}
.m037 .reportModal .close{border:0;border-radius:20px;background:var(--ink);color:white}
.m037 .reportModal h3{font-size:18px;margin:8px}
.m037 .reveal{animation:rise .6s .08s ease both}
.m037 .visual svg{width:100%;height:auto}
.m037 .sixNetwork{position:relative}
.m037 .sixNetwork .tile{min-height:126px}
.m037 .sixNetwork .tile:nth-child(even){background:#faffff}
.m037 .connection{height:32px;text-align:center;color:var(--accent);font-size:25px}
.m037 .visual .flow.compact .step{min-height:85px;padding-top:14px;padding-bottom:14px}
.m037 .visual .flow.compact .icon{top:19px}
.m037 .visual .flow.compact .arrow{height:17px}
.m037 .reportSlide .visual{background:#e8e9df;border-color:#dedfd4}
.m037 .reportSlide .reportLabel{color:#496659}
.m037 .rewardSlide .screen{max-height:480px;max-width:49%;border-width:3px}
.m037 .phase{font-family:PD,sans-serif;display:block;color:var(--accent);font-size:12px;margin-bottom:12px}
.m037 .balanceGraphic{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px}
.m037 .balanceGraphic span{padding:18px 12px;border-radius:14px;background:white;font-size:15px}
.m037 .portraitNotice{display:none}
@keyframes enter{from{opacity:0;transform:translateX(var(--shift,30px))}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes wave{to{height:14px}}
@media(orientation:portrait){.m037 .portraitNotice{display:block;position:fixed;bottom:12px;left:0;right:0;text-align:center;color:#bccbdd;font-size:12px;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.m037 *,.m037 *::before,.m037 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.m037 .page.journey{grid-template-columns:1fr 1fr;grid-template-rows:22px 132px 260px 1fr;gap:16px 30px;padding-top:30px;padding-bottom:28px}
.m037 .journey .copy,.m037 .photoSpread .copy,.m037 .closing .copy{display:contents}
.m037 .journey .eyebrow{grid-column:1/-1;grid-row:1;margin:0}
.m037 .journey :is(h1,h2){grid-column:1;grid-row:2;font-size:32px;margin:0;align-self:center}
.m037 .journey .intro{grid-column:2;grid-row:2;align-self:center;padding-left:24px;border-left:2px solid #b4c9df}
.m037 .journey .visual{grid-column:1/-1;grid-row:3;padding:22px 26px;height:260px;border-radius:23px}
.m037 .journey .explain{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:28% 1fr;gap:24px;align-items:center;margin:0;padding-top:16px}
.m037 .journey .explain h3{margin:0}
.m037 .journey .explain p{font-size:14px;line-height:1.8}
.m037 .journey .flow{flex-direction:row;gap:12px}
.m037 .journey .step{flex:1;padding:24px 18px;min-width:0;text-align:center;min-height:180px}
.m037 .journey .step .icon{position:static;margin:0 auto 10px}
.m037 .journey .arrow{margin:0;align-self:center;transform:none}
.m037 .journey .step b{font-size:21px}
.m037 .journey .step small{font-size:14px}
.m037 .page.paperGallery{grid-template-columns:59% 41%;gap:0;background:#eeeee7}
.m037 .paperGallery .visual{grid-column:1;grid-row:1;margin-right:34px;background:#dfe5da;padding:18px 23px;border:0;box-shadow:inset 0 0 0 1px #ced9ce}
.m037 .paperGallery .copy{grid-column:2;grid-row:1;padding:12px 0 8px 4px}
.m037 .paperGallery :is(h1,h2){font-size:32px}
.m037 .paperGallery .eyebrow{color:#469d82}
.m037 .paperGallery .eyebrow:before{background:#469d82}
.m037 .paperGallery .reportLabel{letter-spacing:2px}
.m037 .paperGallery .explain{border-color:#bccdc4}
.m037 .page.appShowcase{grid-template-columns:56% 44%;background:#edf2f9}
.m037 .appShowcase .visual{grid-row:1;grid-column:1;margin-right:34px;padding:32px;background:linear-gradient(150deg,#d3e2f6,#e3eff0);border-radius:38px 38px 14px 38px}
.m037 .appShowcase .copy{grid-row:1;grid-column:2;padding:12px 0 12px 0}
.m037 .appShowcase :is(h1,h2){font-size:33px}
.m037 .appShowcase .screen{max-height:470px;border-width:7px;border-radius:18px;box-shadow:0 22px 38px #183b6129}
.m037 .appShowcase .screenNote{background:transparent;border:0;padding:0;margin-top:20px;font-size:16px}
.m037 .page.photoSpread{grid-template-columns:35% 29% 36%;grid-template-rows:20px 290px 1fr;gap:18px 0;padding:27px 48px 30px}
.m037 .photoSpread .eyebrow{grid-column:1/-1;grid-row:1;margin:0}
.m037 .photoSpread .visual{grid-column:1/-1;grid-row:2;padding:0;height:290px;border-radius:20px;background:#dce4eb}
.m037 .photoSpread .photo{height:100%;width:100%;object-fit:contain;border-radius:0}
.m037 .photoSpread :is(h1,h2){grid-column:1;grid-row:3;font-size:30px;margin:12px 20px 0 0;align-self:start}
.m037 .photoSpread .intro{grid-column:2;grid-row:3;font-size:15px;margin:16px 25px 0 10px}
.m037 .photoSpread .explain{grid-column:3;grid-row:3;margin:14px 0 0;padding:0 0 0 24px;border-top:0;border-left:1px solid #c3d1df;align-self:start}
.m037 .photoSpread .explain h3{font-size:16px}
.m037 .photoSpread .explain p{font-size:13px;line-height:1.85}
.m037 .page.opening{grid-template-columns:45% 55%;padding:0;background:#10283d;position:relative}
.m037 .opening .copy{padding:42px 18px 34px 48px;z-index:1}
.m037 .opening :is(h1,h2){font-size:43px;line-height:1.28;letter-spacing:-2px}
.m037 .opening .intro{font-size:17px}
.m037 .opening .explain{margin-right:24px;padding-top:18px}
.m037 .opening .explain h3{font-size:17px}
.m037 .opening .explain p{font-size:14px}
.m037 .opening .visual{border-radius:0;padding:0 24px;background:#193950;position:relative}
.m037 .opening .visual:before{content:'ONE WAY';font-family:PD,sans-serif;position:absolute;top:22px;left:22px;font-size:65px;color:#ffffff0d;letter-spacing:-4px}
.m037 .opening .photo{border-radius:28px;box-shadow:0 30px 70px #0004;width:100%;height:auto;object-fit:contain}
.m037 .opening .visual:after{border:0;border-radius:0}
.m037 .page.closing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:28px 160px 80px 1fr;gap:12px 40px;background:#10283d;color:white;padding:32px 55px}
.m037 .closing .eyebrow{grid-column:1/-1;grid-row:1;justify-content:center;margin:0}
.m037 .closing :is(h1,h2){grid-column:1/-1;grid-row:2;text-align:center;font-size:42px;line-height:1.23;margin:0}
.m037 .closing .intro{grid-column:1/-1;grid-row:3;text-align:center;max-width:720px;justify-self:center;color:#c7d5e4}
.m037 .closing .visual{grid-column:1;grid-row:4;background:transparent;border:0;border-radius:0;padding:0;height:100%}
.m037 .closing .explain{grid-column:2;grid-row:4;align-self:center;margin:0;padding:28px;border:1px solid #486178;border-radius:24px}
.m037 .closing .flow .step{padding:10px 15px 10px 65px;min-height:65px;background:#19374e;border:0;color:white}
.m037 .closing .step .icon{top:12px;left:15px;width:37px;height:37px;font-size:17px;background:#284c68;color:#c2daed}
.m037 .closing .step b{font-size:17px}
.m037 .closing .step small{font-size:12px;color:#bdd1e1}
.m037 .closing .arrow{height:12px;line-height:12px;font-size:17px;margin-left:28px;color:#8cadce}
.m037 .page.feature{background:#f4f2eb}
.m037 .feature .visual{background:linear-gradient(145deg,#e9e6d8,#f5f2e9);border-color:#e0ddcf}
.m037 .feature .eyebrow{color:#847031}
.m037 .feature .eyebrow:before{background:#ac9250}
.m037 .feature .bigcount{color:#8b7135}
.m037 .feature .explain{border-color:#d5cfbe}
.m037 .step .icon svg{width:31px;height:31px}
.m037 .flow .step{animation:stepIn .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--order,0)*.22s + .15s)}
.m037 .flow .step .icon svg{stroke-dasharray:260;stroke-dashoffset:260;animation:inkDraw 1.15s ease forwards;animation-delay:calc(var(--order,0)*.22s + .3s)}
.m037 .flow .arrow{animation:connectIn .4s ease both;animation-delay:calc(var(--order,0)*.22s + .45s)}
.m037 .network{height:430px;position:relative;width:100%;flex:none}
.m037 .networkLines{position:absolute;inset:0;width:100%;height:100%!important;overflow:visible}
.m037 .trace{fill:none;stroke:#7a9fc5;stroke-width:2;stroke-dasharray:800;stroke-dashoffset:800;animation:inkDraw 1.6s .3s ease forwards}
.m037 .networkCore{position:absolute;width:122px;height:122px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--ink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;border:8px solid #eff5fa;box-shadow:0 0 0 1px #bbcedf;animation:coreIn .8s ease both}
.m037 .networkCore b{font-family:PD,sans-serif;font-size:14px;text-align:center;line-height:1.6}
.m037 .networkCore svg{width:32px;height:32px}
.m037 .networkNode{position:absolute;width:43%;height:150px;background:#fff;border:1px solid #d4e0eb;border-radius:22px;padding:18px;text-align:center;box-shadow:0 8px 18px #153f5a08;animation:stepIn .6s ease both;animation-delay:calc(var(--order)*.18s + .15s)}
.m037 .node0{left:0;top:0}
.m037 .node1{right:0;top:0}
.m037 .node2{left:0;bottom:0}
.m037 .node3{right:0;bottom:0}
.m037 .nodeIcon{display:block;width:37px;height:37px;margin:0 auto 8px;color:var(--accent)}
.m037 .nodeIcon svg{width:100%;height:100%}
.m037 .networkNode b{display:block;font-family:PD,sans-serif;font-size:19px}
.m037 .networkNode small{display:block;font-size:12px;color:#617789;margin-top:6px}
.m037 .connectedBase{animation:stepIn .5s .95s both}
.m037 .screenWrap{animation:screenIn .75s cubic-bezier(.16,1,.3,1) both}
.m037 .screenNote{animation:stepIn .6s .4s both}
.m037 .photoSlide .photo{animation:photoIn 1s cubic-bezier(.16,1,.3,1) both}
.m037 .grid .tile,.m037 .levelPills span{animation:stepIn .6s both;animation-delay:calc(var(--order,0)*.12s)}
.m037 .grid .tile:nth-child(2),.m037 .levelPills span:nth-child(2){--order:1}
.m037 .grid .tile:nth-child(3),.m037 .levelPills span:nth-child(3){--order:2}
.m037 .grid .tile:nth-child(4),.m037 .levelPills span:nth-child(4){--order:3}
.m037 .levelPills span:nth-child(5){--order:4}
.m037 .levelPills span:nth-child(6){--order:5}
.m037 .pictureCard{animation:cardIn .9s ease both}
.m037 .pictureCard:nth-child(2){animation-delay:.15s}
.m037 .pictureCard:nth-child(3){animation-delay:.3s}
.m037 .balanceGraphic{animation:stepIn .7s .4s both}
.m037 .explain{animation:stepIn .6s .18s both}
@keyframes stepIn{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes inkDraw{to{stroke-dashoffset:0}}
@keyframes connectIn{from{opacity:0}to{opacity:1}}
@keyframes coreIn{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@keyframes screenIn{from{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes photoIn{from{opacity:0;scale:1.04}to{opacity:1;scale:1}}
@keyframes cardIn{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.m037 *,.m037 *::before,.m037 *::after{animation:none!important;transition:none!important}
.m037 .trace,.m037 .step .icon svg{stroke-dashoffset:0!important}}
.m037 .actualScreens{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:100%}
.m037 .actualScreen{min-width:0;flex:1;background:#fff;padding:9px;border-radius:19px;box-shadow:0 20px 35px #132f541c;animation:screenIn .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--order)*.23s + .14s)}
.m037 .actualScreen img{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:10px}
.m037 .doubleScreen .actualScreen:first-child{flex:1.5}
.m037 .doubleScreen .actualScreen:nth-child(2){flex:.95}
.m037 .doubleScreen .actualScreen img{height:438px}
.m037 .screenTakeaway{position:absolute;bottom:25px;right:38px;background:#132c4a;color:white;border-radius:16px;padding:11px 16px;box-shadow:0 10px 25px #10283d29}
.m037 .screenTakeaway b{font-size:27px;font-weight:400;margin-right:6px}
.m037 .screenTakeaway span{font-size:12px}
.m037 .doubleScreen{padding-bottom:28px}
.m037 .tripleScreen{align-items:flex-start;gap:10px}
.m037 .tripleScreen .actualScreen{position:relative;padding:9px 7px 7px;margin-top:22px}
.m037 .tripleScreen .actualScreen img{height:445px}
.m037 .screenStep{display:block;font-family:PD,sans-serif;font-size:12px;color:#2866cb;padding:4px 6px 10px}
.m037 .staffScreen{width:100%;height:100%;display:grid;place-items:center}
.m037 .staffScreen img{width:100%;max-height:100%;object-fit:contain;box-shadow:0 18px 38px #1330501d;border:8px solid white;border-radius:18px;animation:screenIn .7s ease both}
.m037 .page.recordScreens,.m037 .page.cardScreens{background:#f4f2eb}
.m037 .page.cardScreens .visual,.m037 .page.recordScreens .visual{background:linear-gradient(145deg,#e9e6d8,#f5f2e9)}
@media(prefers-reduced-motion:reduce){.m037 .actualScreen,.m037 .staffScreen img{animation:none!important}}
.m037 .recordStage{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:center;width:100%;height:100%}
.m037 .recordTabs{display:flex;flex-direction:column;gap:11px}
.m037 .recordTabs button{background:#fff;color:#294967;border:1px solid #d3dde7;padding:15px 10px;border-radius:16px;display:flex;gap:10px;align-items:center;font-family:PD,sans-serif;font-size:15px;text-align:left}
.m037 .recordTabs button span{font-size:12px;color:#7a90a6}
.m037 .recordTabs button[aria-selected="true"]{background:#132e4b;color:#fff;border-color:#132e4b;box-shadow:0 8px 20px #122f4b2b}
.m037 .recordTabs button[aria-selected="true"] span{color:#9ebbd8}
.m037 .recordScreenFrame{height:100%;min-height:0;display:grid;place-items:center;background:#fff;border:8px solid #fff;border-radius:19px;box-shadow:0 16px 32px #162c4721;overflow:hidden}
.m037 .recordFocus{max-height:100%;max-width:100%;object-fit:contain;display:block}
.m037 .recordFocus.changing{animation:screenIn .42s ease both}
.m037 .staffEvidence{height:100%;width:100%;display:grid;grid-template-rows:170px 1fr;gap:17px;min-height:0}
.m037 .staffEvidenceHead,.m037 .staffEvidenceLog{background:#fff;border:1px solid #dce3ed;border-radius:20px;padding:12px 17px;overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:0 12px 23px #1b3a5512}
.m037 .staffEvidence span{font-family:PD,sans-serif;font-size:14px;color:#334e68;line-height:1.5;margin-bottom:5px}
.m037 .staffEvidence img{width:100%;height:calc(100% - 22px);object-fit:contain;object-position:center;display:block}
.m037 .staffFocusNote{font-size:13px;line-height:1.55;color:#334e68;background:#f2f7fb;border-radius:9px;padding:8px 10px;margin:6px 0 0}
.m037 .staffFocusNote strong{color:#2866cb;margin-right:5px}
.m037 .staffEvidenceLog img{height:calc(100% - 88px)}
.m037 .staffEvidenceHead{animation:screenIn .6s .08s both}
.m037 .staffEvidenceLog{animation:screenIn .6s .26s both}
@media(prefers-reduced-motion:reduce){.m037 .recordFocus.changing,.m037 .staffEvidenceHead,.m037 .staffEvidenceLog{animation:none!important}}
.m037 .page.pronFocus{grid-template-columns:34% 66%}
.m037 .pronFocus .copy{padding-right:22px}
.m037 .pronFocus :is(h1,h2){font-size:31px}
.m037 .pronFocus .visual{margin-right:0;padding:24px}
.m037 .pronFocus .staffEvidence{grid-template-rows:165px 1fr}
.m037 .pronFocus .staffEvidenceLog img{object-position:center;width:100%}
.m037 .page.pronFocus{grid-template-columns:62% 38%}
.m037 .pronFocus .copy{padding-right:12px}
.m037 .pronFocus :is(h1,h2){font-size:29px}
.m037 .pronFocus .intro{font-size:15px}
.m037 .pronFocus .explain p{font-size:13px}
.m037 .pronFocus .visual{margin-right:30px;padding:24px}
.m037 .pronFocus .staffEvidence{grid-template-rows:172px 1fr}
.m037 .pronFocus .staffEvidenceHead img{width:100%;object-fit:contain}
.m037 .pronFocus .staffEvidenceLog{padding:17px 20px}
.m037 .staffRows{display:flex;flex-direction:column;gap:0;flex:1}
.m037 .staffRow{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:start;padding:18px 0;border-bottom:1px solid #dce7ef;color:#233f58}
.m037 .staffRow:last-child{border-bottom:0}
.m037 .staffRow b{font-family:PD,sans-serif;font-size:16px;white-space:nowrap}
.m037 .staffRow p{font-family:'Malgun Gothic',sans-serif;font-size:15px;line-height:1.55;margin:0;overflow-wrap:anywhere}
.m037 .page.diagnosticLayout{grid-template-columns:40% 60%;background:#f4f7f5}
.m037 .diagnosticLayout .visual{background:#e6f0e9;border:0;padding:28px}
.m037 .diagnosticBoard{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:22px;color:#153b2d}
.m037 .diagnosticBoard .dbTop{background:#fff;border-radius:20px;padding:25px 30px;font:700 25px PD,sans-serif;box-shadow:0 12px 28px #16382c12}
.m037 .diagnosticBoard .dbMeter{display:grid;align-content:center;gap:18px;background:#fff;border-radius:25px;padding:26px 30px}
.m037 .dbMeter .dbLine{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:22px;font:700 18px PD,sans-serif}
.m037 .dbLine i{height:20px;border-radius:20px;background:#e8efea;position:relative;display:block;overflow:hidden}
.m037 .dbLine i:before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--fill);border-radius:20px;background:#70a889;animation:meterIn .9s .18s ease both;transform-origin:left}
.m037 .dbLine.focus i:before{background:#d6a74e}
.m037 .diagnosticBoard .dbResult{background:#173e30;color:white;border-radius:22px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;font:700 24px PD,sans-serif}
.m037 .dbResult strong{font-size:32px;color:#fae2a1}
@keyframes meterIn{from{scale:0 1}to{scale:1 1}}
.m037 .page.fourLinkLayout{display:grid;grid-template-columns:35% 65%;background:#ecf2ef}
.m037 .fourLinkLayout .copy{padding-right:22px}
.m037 .fourLinkLayout :is(h1,h2){font-size:31px}
.m037 .fourLinkLayout .visual{background:#e0ebe3;border:0;padding:25px}
.m037 .fourMap{height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:18px;padding:28px}
.m037 .fourMap:before,.m037 .fourMap:after{content:'';position:absolute;background:#9abdac;z-index:0}
.m037 .fourMap:before{width:2px;top:15%;bottom:15%;left:50%}
.m037 .fourMap:after{height:2px;left:15%;right:15%;top:50%}
.m037 .fourMap .fmCard{position:relative;z-index:1;background:#fff;border:1px solid #d5e4da;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 14px 25px #1a4b3210;animation:stepIn .55s ease both;animation-delay:calc(var(--order)*.13s)}
.m037 .fmCard b{font:700 32px PD,sans-serif;color:#0f6547}
.m037 .fmCard span{font-size:16px;line-height:1.6;color:#5a7569;margin-top:12px}
.m037 .fourMap .fmCore{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#14533b;border:8px solid #e0ebe3;color:#fff;border-radius:50%;width:132px;height:132px;display:grid;place-items:center;text-align:center;font:700 19px/1.35 PD,sans-serif;box-shadow:0 0 0 1px #9abdac}
.m037 .page.staircaseLayout{grid-template-columns:45% 55%;background:#f6f3ec}
.m037 .staircaseLayout .visual{background:#eee8d9;border:0;padding:30px}
.m037 .startSteps{height:100%;display:flex;align-items:end;gap:17px;padding:35px 0 55px;position:relative}
.m037 .startSteps .startStep{flex:1;background:#fff;border:1px solid #d9d2bf;border-radius:22px 22px 10px 10px;padding:20px 15px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 22px #4a402013;animation:stepIn .6s ease both;animation-delay:calc(var(--order)*.16s)}
.m037 .startStep:nth-child(1){height:45%}
.m037 .startStep:nth-child(2){height:65%}
.m037 .startStep:nth-child(3){height:85%}
.m037 .startStep em{font:700 13px PD,sans-serif;color:#a2803d;font-style:normal}
.m037 .startStep b{font:700 25px PD,sans-serif;color:#344b3c}
.m037 .startStep small{font-size:13px;line-height:1.5;color:#68796c}
.m037 .startSteps .stepsNote{position:absolute;bottom:0;left:0;right:0;text-align:center;font:700 17px PD,sans-serif;color:#8b6d32}
.m037 .page.practiceLayout{grid-template-columns:36% 64%;background:#edf3f9}
.m037 .practiceLayout .copy{padding-right:25px}
.m037 .practiceLayout :is(h1,h2){font-size:31px}
.m037 .practiceLayout .visual{background:#dbe8f8;padding:21px}
.m037 .practiceEvidence{height:100%;display:grid;grid-template-columns:1fr 150px;gap:14px;min-height:0}
.m037 .practiceEvidence .peScreen{min-height:0;background:#fff;border:8px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 35px #173f6920;display:grid;place-items:center}
.m037 .peScreen img{max-width:100%;max-height:100%;object-fit:contain}
.m037 .practiceEvidence .peRail{display:flex;flex-direction:column;justify-content:center;gap:13px}
.m037 .peRail span{background:#fff;border-radius:16px;padding:17px 10px;text-align:center;font:700 16px PD,sans-serif;color:#245a9d;box-shadow:0 6px 12px #173f6910}
.m037 .page.teacherLayout{grid-template-columns:58% 42%;background:#f5f1e9}
.m037 .teacherLayout .visual{grid-column:1;grid-row:1;margin-right:30px;padding:0;border:0;background:#d8d3ca}
.m037 .teacherLayout .copy{grid-column:2;grid-row:1;padding:13px 0 8px 8px}
.m037 .teacherLayout :is(h1,h2){font-size:31px}
.m037 .teacherLayout .photo{width:100%;height:100%;object-fit:cover;border-radius:28px;animation:photoIn .8s ease both}
.m037 .teacherLayout .explain{border-color:#d7cec0}
.m037 .page.comparisonLayout{grid-template-columns:38% 62%;background:#f4f6f3}
.m037 .comparisonLayout .visual{padding:22px;background:#e7eee8}
.m037 .twoWays{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:17px}
.m037 .twoWays .way{background:#fff;border-radius:24px;padding:28px 22px;display:flex;flex-direction:column;box-shadow:0 12px 28px #173f3212}
.m037 .way b{font:700 25px PD,sans-serif}
.m037 .way .wayBars{margin:auto 0;display:flex;flex-direction:column;gap:16px}
.m037 .wayBars i{display:block;height:25px;background:#d8e0dd;border-radius:20px;width:var(--w)}
.m037 .way.need{background:#155c42;color:white}
.m037 .way.need .wayBars i{background:#e3bf6c}
.m037 .way.need .wayBars i:nth-child(2){background:#7bc7a0}
.m037 .way small{font-size:15px;line-height:1.7;color:#62756d}
.m037 .way.need small{color:#d5eee0}
.m037 .page.paperPairLayout{grid-template-columns:31% 69%;background:#f0f0e8}
.m037 .paperPairLayout .copy{padding-right:21px}
.m037 .paperPairLayout :is(h1,h2){font-size:30px}
.m037 .paperPairLayout .visual{background:#dfe4d9;padding:20px;border:0}
.m037 .paperPair{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}
.m037 .paperPair .paperSide{display:flex;flex-direction:column;min-width:0;min-height:0;gap:8px}
.m037 .paperSide label{font:700 15px PD,sans-serif;color:#49604b}
.m037 .paperSide .sheet{flex:1;min-height:0;background:#fff;border:8px solid #fff;box-shadow:0 13px 24px #1c31231d;border-radius:12px;overflow:hidden}
.m037 .paperSide .sheet img{height:100%;width:100%;object-fit:contain;display:block}
.m037 .blankPaper{padding:20px;background:#fff;height:100%;font:700 12px PD,sans-serif;color:#243a2e}
.m037 .blankPaper h4{margin:0 0 12px;font-size:19px}
.m037 .blankPaper .blankHead{display:grid;grid-template-columns:repeat(4,1fr);background:#eaf0eb;padding:8px 2px;text-align:center}
.m037 .blankPaper .blankRow{height:35px;border-bottom:1px solid #dbe4dd;display:grid;grid-template-columns:repeat(4,1fr)}
.m037 .blankRow i{border-right:1px solid #e0e6df}
.m037 .blankRow i:last-child{border:0}
.m037 .page.gradedLayout{grid-template-columns:35% 65%;background:#f1f3ef}
.m037 .gradedLayout .copy{padding-right:24px}
.m037 .gradedLayout .visual{padding:20px;background:#e3eae2}
.m037 .gradedEvidence{height:100%;display:grid;grid-template-rows:1fr auto;gap:10px;min-height:0}
.m037 .gradedEvidence img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border:8px solid white;border-radius:16px;background:white;box-shadow:0 14px 26px #1c31231a}
.m037 .gradedEvidence small{font:700 15px PD,sans-serif;color:#426447;text-align:center}
.m037 .page.appShowcase.reverse{grid-template-columns:43% 57%}
.m037 .appShowcase.reverse .copy{grid-column:1;grid-row:1;padding-right:28px}
.m037 .appShowcase.reverse .visual{grid-column:2;grid-row:1;margin-right:0;margin-left:15px}
.m037 .page.paperGallery.reverse{grid-template-columns:42% 58%}
.m037 .paperGallery.reverse .copy{grid-column:1;grid-row:1;padding-right:28px}
.m037 .paperGallery.reverse .visual{grid-column:2;grid-row:1;margin-right:0;margin-left:20px}
.m037 .rewardSlide .visual{padding:20px}
.m037 .rewardPair{display:flex;align-items:center;justify-content:center;gap:12px;height:100%;width:100%}
.m037 .rewardPhone{width:calc(50% - 6px);height:94%;background:#fff;border:7px solid #fff;border-radius:18px;box-shadow:0 17px 32px #17334e18;display:grid;place-items:center;overflow:hidden}
.m037 .rewardPhone img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;border:0;border-radius:0}
@media(prefers-reduced-motion:reduce){.m037 .dbLine i:before,.m037 .fmCard,.m037 .startStep,.m037 .teacherLayout .photo{animation:none!important}}
.m037 .page.dualityLayout{grid-template-columns:36% 64%;background:#edf2f4}
.m037 .dualityLayout .visual{background:#dce8ed;padding:24px}
.m037 .dualityLayout :is(h1,h2){font-size:34px}
.m037 .mvPillars{height:100%;display:grid;grid-template-columns:1fr 34px 1fr;grid-template-rows:1fr auto;align-items:stretch;gap:10px}
.m037 .mvPillar{border-radius:24px;padding:31px 23px;display:flex;flex-direction:column;box-shadow:0 15px 30px #122c3c18;animation:stepIn .6s both}
.m037 .mvPillar small{font:700 12px PD,sans-serif;letter-spacing:1.3px}
.m037 .mvPillar b{font:700 27px/1.3 PD,sans-serif;margin:36px 0 20px}
.m037 .mvPillar p{font-size:16px;line-height:1.9;margin:0}
.m037 .mvPillar i{font:700 14px PD,sans-serif;font-style:normal;border-top:1px solid #ffffff55;margin-top:auto;padding-top:20px}
.m037 .mvPillar.teach{background:#153c62;color:#fff}
.m037 .mvPillar.system{background:#fff;color:#173d44;animation-delay:.15s}
.m037 .mvPillar.system i{border-color:#d4e2e0;color:#23775f}
.m037 .mvTimes{display:grid;place-items:center;font:700 36px PD,sans-serif;color:#4e7778}
.m037 .mvPillarResult{grid-column:1/-1;background:#c8dfda;border-radius:13px;padding:15px 20px;color:#234e4a;font:700 16px PD,sans-serif;display:flex;justify-content:space-between}
.m037 .mvPillarResult span{font-size:24px}
.m037 .page.grammarSheetLayout{grid-template-columns:35% 65%;background:#f1f2ed}
.m037 .grammarSheetLayout .visual{background:#e2e9df;padding:24px}
.m037 .mvGrammar{height:100%;display:grid;grid-template-columns:1fr 122px;gap:13px;min-height:0}
.m037 .mvGrammarStack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:11px;min-height:0}
.m037 .mvGrammar figure{margin:0;min-height:0;display:grid;grid-template-rows:1fr auto;background:#fff;border:7px solid #fff;border-radius:13px;box-shadow:0 12px 20px #1a382519;overflow:hidden;animation:stepIn .5s calc(var(--order)*.11s) both}
.m037 .mvGrammar img{width:100%;height:100%;min-height:0;object-fit:contain}
.m037 .mvGrammar figcaption{font:700 13px PD,sans-serif;padding:8px;text-align:center;background:#edf2eb;color:#366049}
.m037 .mvGrammarLead{background:#2e674e;border-radius:14px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}
.m037 .mvGrammarLead strong{font:700 66px PD,sans-serif}
.m037 .mvGrammarLead span{font:700 15px/1.5 PD,sans-serif}
.m037 .page.syntaxLayout{grid-template-columns:40% 60%;background:#f4f4ef}
.m037 .syntaxLayout .visual{background:#e8ebe3;padding:26px}
.m037 .mvSyntax{height:100%;background:#fff;border-radius:25px;padding:32px;display:flex;flex-direction:column;box-shadow:0 16px 30px #26382114}
.m037 .mvSyntaxHead{font:700 17px PD,sans-serif;color:#4e6952}
.m037 .mvSentence{display:flex;align-items:end;gap:8px;margin:auto 0 22px;white-space:nowrap;font:700 25px PD,sans-serif}
.m037 .mvSentence span{border-bottom:5px solid;padding:0 2px 12px;animation:stepIn .55s both}
.m037 .mvSentence .subj{border-color:#287b65}
.m037 .mvSentence .verb{border-color:#d49140;animation-delay:.1s}
.m037 .mvSentence .obj{border-color:#426db7;animation-delay:.2s}
.m037 .mvSentence .mod{border-color:#8f70af;animation-delay:.3s}
.m037 .mvSyntaxTags{display:flex;gap:8px;flex-wrap:wrap}
.m037 .mvTag{background:#eff3f1;color:#365c4c;padding:10px 13px;border-radius:20px;font:700 14px PD,sans-serif}
.m037 .mvTag em{font-style:normal;color:#b27633;margin-right:7px}
.m037 .mvSyntaxBottom{border-top:1px solid #d5dfd4;margin-top:auto;padding-top:22px;color:#536e58;font-size:16px}
.m037 .mvSyntaxBottom b{color:#1d674f}
.m037 .page.journey:has(.mvLesson){background:#f3f1e9}
.m037 .journey .mvLesson{grid-column:1/-1;grid-row:3}
.m037 .mvLesson{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr auto;gap:16px;height:100%;padding:8px 4px}
.m037 .mvLessonStep{background:#fff;padding:27px;border-radius:23px;border-top:7px solid #255e91;box-shadow:0 15px 25px #283e4b12;display:flex;flex-direction:column;animation:stepIn .55s calc(var(--order)*.14s) both}
.m037 .mvLessonStep:nth-child(2){border-color:#579177}
.m037 .mvLessonStep:nth-child(3){border-color:#cb9d50}
.m037 .mvLessonStep em{font-style:normal;color:#8ca0a8;font:700 18px PD,sans-serif}
.m037 .mvLessonStep b{font:700 34px PD,sans-serif;margin:auto 0 14px}
.m037 .mvLessonStep span{font-size:15px;color:#62747d;line-height:1.6}
.m037 .mvLessonReturn{grid-column:1/-1;text-align:right;color:#376653;font:700 16px PD,sans-serif}
.m037 .staircaseLayout .mvStart{height:100%;display:flex;flex-direction:column;gap:14px}
.m037 .mvStartAxis{font:700 18px PD,sans-serif;background:#325d46;color:#fff;padding:20px;border-radius:17px}
.m037 .mvStartRow{flex:1;background:#fff;padding:19px 21px;border-radius:18px;display:grid;grid-template-columns:155px 1fr;align-content:center;gap:8px 15px;box-shadow:0 10px 20px #1d3b2410;animation:stepIn .55s calc(var(--order)*.13s) both}
.m037 .mvStartRow b{font:700 20px PD,sans-serif;color:#1c5944}
.m037 .mvStartRow span{font-size:14px;color:#587065;align-self:center}
.m037 .mvStartRow i{grid-column:1/-1;display:block;width:var(--w);height:8px;border-radius:6px;background:#9bc9ab}
.m037 .mvStartFoot{text-align:right;font-size:11px;color:#748474}
.m037 .page.ladderLayout{grid-template-columns:38% 62%;background:#f0f5ef}
.m037 .ladderLayout .visual{background:#deeadf;padding:27px}
.m037 .mvLadder{height:100%;display:grid;grid-template-rows:1fr auto;gap:18px}
.m037 .mvLadderTrack{display:flex;align-items:flex-end;gap:12px}
.m037 .mvLadderRung{flex:1;background:#fff;border-radius:18px 18px 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 24px #173d2418;animation:stepIn .55s calc(var(--order)*.12s) both}
.m037 .mvLadderRung:nth-child(1){height:55%}
.m037 .mvLadderRung:nth-child(2){height:68%}
.m037 .mvLadderRung:nth-child(3){height:82%}
.m037 .mvLadderRung:nth-child(4){height:100%;background:#286a4e;color:white}
.m037 .mvLadderRung small{font:700 13px PD,sans-serif;opacity:.65}
.m037 .mvLadderRung b{font:700 20px PD,sans-serif;text-align:center}
.m037 .mvLadderRung span{font-size:13px}
.m037 .mvLadderCheck{background:#fff;border-radius:15px;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;color:#286a4e}
.m037 .mvLadderCheck b{font:700 19px PD,sans-serif}
.m037 .page.examCardLayout{grid-template-columns:36% 64%;background:#eff3f8}
.m037 .examCardLayout .visual{padding:22px;background:#dce7f2}
.m037 .mvExam{height:100%;display:flex;flex-direction:column;justify-content:center;gap:15px}
.m037 .mvExamCard{position:relative;width:100%;aspect-ratio:7/3;overflow:hidden;border-radius:20px;box-shadow:0 20px 35px #19386122}
.m037 .mvExamCard img{width:100%;height:100%;object-fit:cover;display:block}
.m037 .mvExamOverlay{position:absolute;inset:10% 40% 10% 6%;display:flex;flex-direction:column;color:white;pointer-events:none;text-shadow:0 2px 8px #001c41aa}
.m037 .mvExamOverlay>span{font:700 11px PD,sans-serif;letter-spacing:.6px}
.m037 .mvExamOverlay strong{font:700 32px PD,sans-serif;margin:auto 0 0}
.m037 .mvExamOverlay p{font:700 14px PD,sans-serif;margin:4px 0 0;color:#d9e9f6}
.m037 .mvExamCaption{text-align:right;color:#466685;font:700 13px PD,sans-serif}
.m037 .page.scopeLayout{grid-template-columns:34% 66%;background:#f2f4ed}
.m037 .scopeLayout .visual{background:#e1e9db;padding:23px}
.m037 .mvScope{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:14px}
.m037 .mvScopeTop{display:flex;justify-content:space-between;align-items:center;background:#245f4a;color:white;padding:18px 22px;border-radius:18px}
.m037 .mvScopeTop span{font:700 23px PD,sans-serif}
.m037 .mvScopeTop b{font-size:13px}
.m037 .mvScopeGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:13px}
.m037 .mvScopeCell{background:#fff;border-radius:19px;padding:21px;box-shadow:0 12px 22px #203d2312;display:flex;flex-direction:column;animation:stepIn .55s calc(var(--order)*.1s) both}
.m037 .mvScopeCell small{font:700 14px PD,sans-serif;color:#92b09a}
.m037 .mvScopeCell b{font:700 27px PD,sans-serif;margin:auto 0 9px}
.m037 .mvScopeCell span{font-size:14px;color:#617369}
.m037 .mvScopeBottom{text-align:right;color:#477d58;font:700 13px PD,sans-serif}
.m037 .page.sixSheetLayout{grid-template-columns:35% 65%;background:#f3f3ec}
.m037 .sixSheetLayout .visual{background:#e6e9dc;padding:22px}
.m037 .mvSix{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:12px}
.m037 .mvSixSpine{background:#254b61;color:#fff;padding:18px 22px;border-radius:15px;font:700 19px PD,sans-serif}
.m037 .mvSixGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px}
.m037 .mvSixCell{background:#fff;border:1px solid #dbe2dd;border-radius:15px;padding:20px;display:flex;flex-direction:column;box-shadow:0 10px 18px #1e362217;animation:stepIn .45s calc(var(--order)*.08s) both}
.m037 .mvSixCell small{color:#64848d;font:700 14px PD,sans-serif}
.m037 .mvSixCell b{font:700 24px PD,sans-serif;margin:auto 0}
.m037 .mvSixCell i{width:75%;height:5px;background:#c4d7cd;border-radius:5px}
.m037 .mvSixArrow{text-align:right;color:#477264;font:700 15px PD,sans-serif}
.m037 .page.sheetLayout{grid-template-columns:31% 69%;background:#f6f5ee}
.m037 .sheetLayout .visual{background:#e6e8df;padding:19px}
.m037 .page.sheetLayout.reverse{grid-template-columns:62% 38%}
.m037 .sheetLayout.reverse .copy{grid-column:2;grid-row:1;padding:10px 0 10px 26px}
.m037 .sheetLayout.reverse .visual{grid-column:1;grid-row:1;margin-right:16px}
.m037 .mvTranslation,.m037 .mvReorder{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:13px;min-height:0}
.m037 .mvSheet{min-height:0;background:#fff;border-radius:13px;border:1px solid #d9dfd9;box-shadow:0 13px 25px #2038271b;display:grid;grid-template-rows:auto 1fr auto;padding:20px;animation:stepIn .55s both}
.m037 .mvSheet:nth-child(2){animation-delay:.16s}
.m037 .mvSheetHead{border-bottom:2px solid #2f7052;padding-bottom:15px;display:flex;flex-direction:column;gap:5px}
.m037 .mvSheetHead span{font:700 10px PD,sans-serif;letter-spacing:1.2px;color:#8aa099}
.m037 .mvSheetHead b{font:700 24px PD,sans-serif}
.m037 .mvSheetBody{padding-top:22px;min-height:0}
.m037 .mvSheetBody .en{font:700 18px/1.7 PD,sans-serif;color:#244556}
.m037 .mvSheetFoot{font-size:12px;color:#648474;border-top:1px solid #dce4dc;padding-top:12px}
.m037 .mvBlank{display:grid;gap:29px;margin-top:35px}
.m037 .mvBlank i,.m037 .mvOrderLine{display:block;border-bottom:1px solid #9ab8a7;height:20px}
.m037 .mvWordChips{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}
.m037 .mvWordChips span{border-radius:7px;background:#e8efe8;padding:10px 8px;font:700 13px PD,sans-serif}
.m037 .mvOrderLine{margin-top:40px}
.m037 .page.writeLayout{grid-template-columns:38% 62%;background:#f1f5f1}
.m037 .writeLayout .visual{background:#dfeadf;padding:25px}
.m037 .mvWrite{height:100%;background:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;box-shadow:0 17px 32px #1d452619}
.m037 .mvWriteLead{font:700 19px PD,sans-serif;color:#2a6c51}
.m037 .mvWriteMeaning{background:#edf4eb;border-left:5px solid #5f9877;padding:20px 16px;font:700 22px PD,sans-serif;margin-top:30px}
.m037 .mvWriteLines{display:flex;flex-direction:column;gap:36px;margin:auto 0}
.m037 .mvWriteLines i{height:1px;border-bottom:1px solid #a8c4ad}
.m037 .mvWriteSteps{display:flex;gap:8px;justify-content:center}
.m037 .mvWriteSteps .mvTag{font-size:12px}
.m037 .mvReorderBoard{height:100%;background:#fff;border-radius:20px;box-shadow:0 13px 26px #1c38221a;padding:22px 25px;display:flex;flex-direction:column;gap:13px}
.m037 .mvReorderHeader{display:flex;gap:14px;align-items:center}
.m037 .mvReorderHeader small{font:700 13px PD,sans-serif;color:#fff;background:#2a7256;border-radius:14px;padding:10px 12px;white-space:nowrap}
.m037 .mvReorderHeader b{font:700 19px PD,sans-serif;color:#295346}
.m037 .mvReorderSentence{padding:20px;background:#f0f5f0;border-radius:12px;font:700 21px PD,sans-serif;white-space:nowrap}
.m037 .mvReorderSentence i{display:inline-block;width:65px;border-bottom:2px solid #7dae8b;margin:0 5px}
.m037 .mvReorderDivider{text-align:center;color:#71967c;font:700 13px PD,sans-serif}
.m037 .mvReorderChips{display:flex;gap:8px;flex-wrap:wrap}
.m037 .mvReorderChips span{background:#e7edf4;border:1px solid #b8ccda;padding:11px;border-radius:9px;font:700 14px PD,sans-serif;animation:stepIn .48s both}
.m037 .mvReorderChips span:nth-child(2){animation-delay:.1s}
.m037 .mvReorderChips span:nth-child(3){animation-delay:.2s}
.m037 .mvReorderChips span:nth-child(4){animation-delay:.3s}
.m037 .mvReorderSlots{display:flex;gap:8px;margin-top:auto}
.m037 .mvReorderSlots i{height:38px;flex:1;border:2px dashed #a9bea7;border-radius:7px}
.m037 .mvReorderDisclaimer{text-align:right;color:#739184;font-size:11px}
.m037 .mvEssayNote small{font-size:11px;color:#c1e3cf}
.m037 .page.timelineLayout{grid-template-columns:40% 60%;background:#f2f4f6}
.m037 .timelineLayout .visual{background:#dfe8ee;padding:23px}
.m037 .mvChecks{height:100%;display:flex;flex-direction:column;justify-content:center}
.m037 .mvChecksTrack{display:flex;align-items:center;gap:7px}
.m037 .mvCheck{height:260px;flex:1;background:#fff;border-radius:20px;padding:25px 16px;box-shadow:0 13px 24px #182f4015;display:flex;flex-direction:column;animation:stepIn .55s calc(var(--order)*.15s) both}
.m037 .mvCheck:nth-child(2){height:335px;background:#245c83;color:#fff}
.m037 .mvCheck:nth-child(3){height:410px;background:#235d4e;color:#fff}
.m037 .mvCheck strong{font:700 43px PD,sans-serif}
.m037 .mvCheck b{font:700 21px PD,sans-serif;margin:auto 0 12px}
.m037 .mvCheck span{font-size:13px;line-height:1.6}
.m037 .mvChecks p{text-align:right;font-size:13px;color:#537081;margin:16px 0 0}
.m037 .page.choiceLayout{grid-template-columns:34% 66%;background:#f4f5ee}
.m037 .choiceLayout .visual{background:#e5e9dc;padding:20px}
.m037 .mvChoice{height:100%}
.m037 .mvChoice .mvSheet{height:100%;padding:20px 32px}
.m037 .mvQuestion{font:700 16px PD,sans-serif}
.m037 .mvChoice .en{margin:10px 0 17px!important}
.m037 .mvChoice ol{padding-left:22px;margin:0;display:grid;gap:5px;font:700 13px PD,sans-serif;color:#36544b}
.m037 .mvChoice li{padding-left:6px}
.m037 .mvChoice li:nth-child(2){background:#e7f2e8;border-radius:4px}
.m037 .page.essayLayout{grid-template-columns:36% 64%;background:#f3f5f1}
.m037 .essayLayout .visual{background:#e2ebdf;padding:20px}
.m037 .mvEssay{height:100%;display:grid;grid-template-columns:1fr 160px;gap:14px}
.m037 .mvEssayPaper{background:#fff;border-radius:12px;padding:21px 24px;box-shadow:0 15px 27px #28452918}
.m037 .mvEssayPaperHead{font:700 18px PD,sans-serif;color:#306d51;border-bottom:2px solid #558c65;padding-bottom:12px;margin-bottom:10px}
.m037 .mvEssayLine{display:grid;grid-template-columns:34px 1fr;align-items:end;height:42px}
.m037 .mvEssayLine span{font:700 13px PD,sans-serif;color:#8da798}
.m037 .mvEssayLine i{border-bottom:1px solid #c6d6c8}
.m037 .mvEssayNote{background:#2b6b54;color:#fff;border-radius:16px;padding:24px 17px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.m037 .mvEssayNote strong{font:700 31px PD,sans-serif}
.m037 .mvEssayNote span{font-size:14px;line-height:1.8}
.m037 .page.rubricLayout{grid-template-columns:37% 63%;background:#f1f4f4}
.m037 .rubricLayout .visual{background:#e0e9e8;padding:22px}
.m037 .mvRubric{height:100%;display:flex;flex-direction:column;gap:14px}
.m037 .mvRubricHead{background:#1a5360;color:#fff;border-radius:15px;padding:18px;font:700 21px PD,sans-serif}
.m037 .mvRubricGrid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:13px}
.m037 .mvRubricGrid>div{background:#fff;border-radius:17px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 22px #1c3c3f15}
.m037 .mvRubricGrid small{font:700 14px PD,sans-serif;color:#659283}
.m037 .mvRubricGrid b{font:700 27px PD,sans-serif}
.m037 .mvRubricGrid span{font-size:15px;color:#687b77}
.m037 .mvRubricBars{display:flex;flex-direction:column;gap:11px;margin:auto 0}
.m037 .mvRubricBars i{display:block;height:19px;border-radius:10px;background:#b6d8c6;width:95%}
.m037 .mvRubricBars i:nth-child(2){width:75%}
.m037 .mvRubricBars i:nth-child(3){width:58%}
.m037 .mvRubricBars.meaning i{background:#b5d0df}
.m037 .mvRubric p{margin:0;text-align:right;font-size:13px;color:#51776e}
.m037 .page.loopLayout{grid-template-columns:39% 61%;background:#f1f4ef}
.m037 .loopLayout .visual{background:#e0eadf;padding:25px}
.m037 .mvLoop{height:100%;display:grid;grid-template-rows:1fr auto}
.m037 .mvLoopRing{position:relative;border:3px dashed #8ebda0;border-radius:50%;width:380px;height:380px;margin:auto;animation:stepIn .7s both}
.m037 .mvLoopNode{position:absolute;background:#fff;border:1px solid #d4e4d6;border-radius:17px;padding:18px;min-width:155px;box-shadow:0 12px 22px #2044291d;display:flex;flex-direction:column;gap:9px;animation:stepIn .55s calc(var(--order)*.15s) both}
.m037 .mvLoopNode small{color:#719e7e;font:700 14px PD,sans-serif}
.m037 .mvLoopNode b{font:700 18px PD,sans-serif}
.m037 .mvLoopNode.n0{top:-17px;left:110px}
.m037 .mvLoopNode.n1{right:-35px;bottom:45px}
.m037 .mvLoopNode.n2{left:-35px;bottom:45px}
.m037 .mvLoopCore{position:absolute;inset:100px;display:grid;place-items:center;text-align:center;border-radius:50%;background:#285e49;color:#fff;font:700 22px/1.45 PD,sans-serif}
.m037 .mvLoop p{text-align:center;color:#517d58;font-size:13px}
.m037 .page.systemLoopLayout{grid-template-columns:39% 61%;background:#eff3f7}
.m037 .systemLoopLayout .visual{background:#dde9ee;padding:26px}
.m037 .mvSystem{height:100%;display:grid;grid-template-rows:1fr auto 1fr auto;gap:12px;text-align:center}
.m037 .mvSystemHead,.m037 .mvSystemFoot{border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.m037 .mvSystemHead{background:#1d526e;color:#fff}
.m037 .mvSystemFoot{background:#fff;color:#1c5948}
.m037 .mvSystemHead b,.m037 .mvSystemFoot b{font:700 28px PD,sans-serif}
.m037 .mvSystemHead span,.m037 .mvSystemFoot span{font-size:15px}
.m037 .mvSystemArrows{display:flex;justify-content:space-around;color:#4b746d;font:700 13px PD,sans-serif}
.m037 .mvSystemArrows i{font-style:normal}
.m037 .mvSystemResult{background:#c3dfd2;border-radius:14px;padding:15px;color:#1a5446;font-size:14px}
.m037 .mvSystemResult strong{font-family:PD,sans-serif}
.m037 .journey .mvConsult{grid-column:1/-1;grid-row:3}
.m037 .mvConsult{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr;gap:14px}
.m037 .mvConsultTop{grid-column:1/-1;background:#254e69;color:#fff;padding:14px 18px;border-radius:13px;font:700 19px PD,sans-serif}
.m037 .mvConsultRow{background:#fff;border-radius:20px;padding:25px;display:flex;flex-direction:column;border-top:5px solid #5b93ab;box-shadow:0 12px 23px #1a3d4312;animation:stepIn .5s calc(var(--order)*.13s) both}
.m037 .mvConsultRow em{font:700 17px PD,sans-serif;color:#6996a5;font-style:normal}
.m037 .mvConsultRow b{font:700 25px PD,sans-serif;margin:auto 0 14px}
.m037 .mvConsultRow span{font-size:14px;color:#657c80}
.m037 .mvExamCard,.m037 .mvSyntax,.m037 .mvWrite,.m037 .mvChoice .mvSheet,.m037 .practiceEvidence .peScreen{animation:photoIn .75s ease both}
.m037 .mvExamOverlay strong{animation:stepIn .6s .18s both}
.m037 .mvExamOverlay p{animation:stepIn .6s .32s both}
.m037 .mvWordChips span{animation:stepIn .45s both}
.m037 .mvWordChips span:nth-child(2){animation-delay:.09s}
.m037 .mvWordChips span:nth-child(3){animation-delay:.18s}
.m037 .mvWordChips span:nth-child(4){animation-delay:.27s}
.m037 .mvEssayLine i{animation:lineReveal .5s both;transform-origin:left}
.m037 .mvEssayLine:nth-child(2) i{animation-delay:.05s}
.m037 .mvEssayLine:nth-child(3) i{animation-delay:.1s}
.m037 .mvEssayLine:nth-child(4) i{animation-delay:.15s}
.m037 .mvEssayLine:nth-child(5) i{animation-delay:.2s}
.m037 .mvEssayLine:nth-child(6) i{animation-delay:.25s}
.m037 .mvEssayLine:nth-child(7) i{animation-delay:.3s}
.m037 .mvEssayLine:nth-child(8) i{animation-delay:.35s}
.m037 .mvEssayLine:nth-child(9) i{animation-delay:.4s}
.m037 .mvEssayLine:nth-child(10) i{animation-delay:.45s}
.m037 .mvEssayLine:nth-child(11) i{animation-delay:.5s}
.m037 .mvRubricBars i{animation:lineReveal .65s both;transform-origin:left}
.m037 .mvRubricBars i:nth-child(2){animation-delay:.12s}
.m037 .mvRubricBars i:nth-child(3){animation-delay:.24s}
.m037 .mvSystemHead,.m037 .mvSystemFoot{animation:stepIn .6s both}
.m037 .mvSystemFoot{animation-delay:.23s}
.m037 .mvScopeTop,.m037 .mvSixSpine,.m037 .mvRubricHead{animation:stepIn .55s both}
@keyframes lineReveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.m037 .page.middlePage26 .recordStage{grid-template-columns:128px 1fr}
.m037 .middlePage29 .reportFrame{height:100%}
@media(prefers-reduced-motion:reduce){.m037 .mvPillar,.m037 .mvGrammar figure,.m037 .mvSentence span,.m037 .mvLessonStep,.m037 .mvStartRow,.m037 .mvLadderRung,.m037 .mvScopeCell,.m037 .mvSixCell,.m037 .mvSheet,.m037 .mvCheck,.m037 .mvLoopRing,.m037 .mvLoopNode,.m037 .mvConsultRow,.m037 .mvExamCard,.m037 .mvSyntax,.m037 .mvWrite,.m037 .mvChoice .mvSheet,.m037 .practiceEvidence .peScreen,.m037 .mvExamOverlay strong,.m037 .mvExamOverlay p,.m037 .mvWordChips span,.m037 .mvReorderChips span,.m037 .mvEssayLine i,.m037 .mvRubricBars i,.m037 .mvSystemHead,.m037 .mvSystemFoot,.m037 .mvScopeTop,.m037 .mvSixSpine,.m037 .mvRubricHead{animation:none!important}}
.m037 .opening .photoBackdrop{display:none}
.m037 .opening .photo{position:relative;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;box-shadow:none}
.m037 .opening .visual{padding:0;background:#193950}
.m037 .mvScopeCell{gap:6px}
.m037 .mvScopeCell b{margin:12px 0 0}
.m037 .mvScopeEvidence{margin-top:auto;padding:11px 12px;border-top:1px solid #e0e9e1;background:#f3f7f2;border-radius:9px;display:flex;flex-direction:column;gap:5px}
.m037 .mvScopeEvidence em{font-style:normal;font-size:11px;color:#708477}
.m037 .mvScopeEvidence strong{font:700 13px PD,sans-serif;color:#235e47}
.m037 .mvSixCell{gap:8px}
.m037 .mvSixCell b{margin:5px 0 0;font-size:21px}
.m037 .mvSixCell p{margin:0;color:#5c756f;font-size:12px;line-height:1.35}
.m037 .mvSixCell i{margin-top:auto}
.m037 .mvRubricGrid>div{padding:19px;gap:11px}
.m037 .mvRubricGrid b{font-size:23px}
.m037 .mvRubricExample{margin-top:auto;padding:16px;background:#edf5ee;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:142px}
.m037 .mvRubricExample.meaning{background:#edf3f8}
.m037 .mvRubricExample em{font-style:normal;font-size:11px;color:#65786b}
.m037 .mvRubricExample strong{font:700 17px PD,sans-serif;line-height:1.4}
.m037 .mvRubricExample u{text-decoration-color:#d56666;text-decoration-thickness:3px}
.m037 .mvRubricExample p{font-size:12px;text-align:left;color:#526e5e;line-height:1.5}
.m037 .page.wordReviewLayout{grid-template-columns:37% 63%;background:#f3f5f2}
.m037 .wordReviewLayout .visual{background:#e0e9e3;padding:26px}
.m037 .mvWordReview{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}
.m037 .mvWordReviewHeader{padding:22px 25px;background:#194d42;color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:10px}
.m037 .mvWordReviewHeader small{font-size:12px;letter-spacing:1px;color:#c8e5d5}
.m037 .mvWordReviewHeader b{font:700 26px PD,sans-serif}
.m037 .mvWordReviewRail{flex:1;display:grid;grid-template-rows:repeat(3,1fr);gap:13px}
.m037 .mvWordReviewRail>div{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;align-content:center;gap:5px 17px;padding:16px 22px;background:white;border-radius:16px;box-shadow:0 9px 20px #123a2f12;animation:stepIn .55s both}
.m037 .mvWordReviewRail>div:nth-child(2){animation-delay:.12s}
.m037 .mvWordReviewRail>div:nth-child(3){animation-delay:.24s}
.m037 .mvWordReviewRail em{grid-row:1/3;font:700 27px PD,sans-serif;font-style:normal;color:#519b77;align-self:center}
.m037 .mvWordReviewRail strong{font:700 21px PD,sans-serif}
.m037 .mvWordReviewRail span{font-size:13px;color:#63776b}
.m037 .mvWordReviewFoot{color:#235b49;font:700 14px PD,sans-serif;text-align:right}
@media(prefers-reduced-motion:reduce){.m037 .mvWordReviewRail>div{animation:none!important}}
.m037 .mvGrammarCard{margin:0;min-height:0;min-width:0;display:grid;grid-template-rows:1fr auto;background:#fff;border:0;border-radius:13px;padding:6px;box-shadow:0 12px 20px #1a382519;overflow:hidden;animation:stepIn .5s calc(var(--order)*.11s) both;color:#366049}
.m037 .mvGrammarCard img{width:100%;height:100%;min-height:0;object-fit:contain}
.m037 .mvGrammarCard span{font:700 13px PD,sans-serif;padding:8px;text-align:center;background:#edf2eb;border-radius:7px}
.m037 .mvGrammarCard:focus-visible{outline:4px solid #e2a54e;outline-offset:2px}
.m037 .mvGrammarZoom{max-width:min(94vw,1300px);max-height:93vh;border:0;border-radius:16px;background:#fff;padding:40px 16px 16px;box-shadow:0 30px 100px #0005}
.m037 .mvGrammarZoom::backdrop{background:#0b1d30d9}
.m037 .mvGrammarZoom img{display:block;max-width:100%;max-height:calc(93vh - 60px);object-fit:contain}
.m037 .mvGrammarClose{position:absolute;right:12px;top:9px;background:#153c62;color:white;border:0;border-radius:8px;padding:5px 12px;font-size:12px}
.m037 .mvSentence{display:flex;flex-wrap:wrap;align-content:center;align-items:flex-end;gap:15px 9px;white-space:normal;font-size:20px;line-height:1.45;min-height:175px}
.m037 .mvSentence span{display:inline-block;white-space:nowrap;padding-bottom:5px;border-bottom-width:4px}
.m037 .mvSentence u{text-decoration-color:#b5cad1;text-decoration-thickness:2px;text-underline-offset:4px}
.m037 .mvScopeGrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px}
.m037 .mvScopeCell{padding:12px;gap:3px}
.m037 .mvScopeCell b{font-size:19px;margin:4px 0 0}
.m037 .mvScopeCell span{font-size:11px;line-height:1.4}
.m037 .mvScopeEvidence{padding:7px 8px;gap:2px}
.m037 .mvScopeEvidence em{font-size:9px}
.m037 .mvScopeEvidence strong{font-size:10px;line-height:1.3}
.m037 .mvScopeCell mark{background:#d5ead9;color:#175a38;border-radius:7px;padding:4px 7px;font:700 11px PD,sans-serif;width:max-content;max-width:100%}
.m037 .mvSixCell{padding:13px;gap:6px}
.m037 .mvSixCell b{font-size:20px;margin:2px 0 0}
.m037 .mvSixExample{font:700 11px/1.4 PD,sans-serif;color:#244e56;margin:3px 0 0;overflow-wrap:anywhere}
.m037 .mvSixAnswer{display:block;margin-top:auto;color:#78958b;font-size:10px;line-height:1.3}
.m037 .mvSixCell i{display:none}
.m037 .mvActualWrite .mvWriteMeaning{font-size:19px;margin-top:18px;padding:17px}
.m037 .mvHandwriting{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:13px;position:relative;border-bottom:1px solid #b8cabf}
.m037 .mvHandLine{font:22px/1.55 'Segoe Print','Comic Sans MS',cursive;white-space:nowrap;overflow:hidden;width:0;color:#31495b;border-right:2px solid #c18b48}
.m037 .mvHandLine.one{animation:mvTypeOne 1.8s steps(47,end) .2s forwards,mvCursor .6s step-end 3}
.m037 .mvHandLine.two{animation:mvTypeTwo 1.8s steps(47,end) 2.1s forwards,mvCursor .6s step-end 3 2.1s}
.m037 .mvHandLine.three{animation:mvTypeThree 1.4s steps(22,end) 4s forwards,mvCursor .6s step-end 2 4s}
.m037 .mvHandCorrection{min-height:54px;display:flex;gap:12px;align-items:center;opacity:0;animation:stepIn .5s 5.6s forwards;font:700 17px PD,sans-serif;color:#b45148}
.m037 .mvHandCorrection span{text-decoration:line-through}
.m037 .mvHandCorrection b{font-size:28px}
.m037 .mvHandCorrection strong{font:700 20px PD,sans-serif}
.m037 .mvHandCorrection em{margin-left:auto;font-size:14px;font-style:normal;border:2px solid #b45148;border-radius:50%;padding:5px}
.m037 .mvWriteFoot{font-size:11px;color:#769382;text-align:right;margin-top:12px}
@keyframes mvTypeOne{to{width:100%}}
@keyframes mvTypeTwo{to{width:100%}}
@keyframes mvTypeThree{to{width:100%}}
@keyframes mvCursor{50%{border-color:transparent}}
.m037 .mvExamQuestion{height:100%;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 16px 32px #20382720}
.m037 .mvExamQuestionHead{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #d9e3e7;padding-bottom:10px}
.m037 .mvExamQuestionHead small{color:#478267;font:700 11px PD,sans-serif}
.m037 .mvExamQuestionHead b{font:700 18px PD,sans-serif}
.m037 .mvExamQuestionHead strong{font:700 15px PD,sans-serif;color:#24465d;background:#eef3f6;padding:8px 11px;border-radius:8px}
.m037 .mvExamQuestionText{font:500 14px/1.65 PD,sans-serif;color:#293e4c;overflow:auto}
.m037 .mvExamQuestionText em{font-style:normal;color:#286bb0;font-weight:700;padding:0 3px}
.m037 .mvExamQuestionChoices{display:flex;gap:8px;justify-content:center;margin-top:auto}
.m037 .mvExamQuestionChoices span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #adc2cf;border-radius:50%;font-weight:700;color:#386b88}
.m037 .mvExamQuestion p{font-size:11px;margin:0;color:#698077;text-align:right}
.m037 .mvSystemHead,.m037 .mvSystemFoot{position:relative;overflow:hidden;min-height:0}
.m037 .mvSystemHead{padding:0}
.m037 .mvSystemHead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:brightness(.53)}
.m037 .mvSystemWords{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px}
.m037 .mvSystemHead .mvSystemWords{color:#fff}
.m037 .mvSystemFoot{background:#e9f2ed;padding:4px 20px;display:grid;grid-template-columns:1fr 145px;gap:15px}
.m037 .mvSystemFoot .mvSystemWords{color:#1c5948}
.m037 .mvSystemPapers{height:100%;position:relative}
.m037 .mvSystemPapers img{position:absolute;width:36%;height:80%;top:10%;object-fit:cover;object-position:top center;border:3px solid #fff;border-radius:7px;box-shadow:0 8px 16px #102b2440}
.m037 .mvSystemPapers img:nth-child(1){left:4%;transform:rotate(-9deg)}
.m037 .mvSystemPapers img:nth-child(2){left:32%;transform:rotate(2deg)}
.m037 .mvSystemPapers img:nth-child(3){left:60%;transform:rotate(10deg)}
.m037 .mvSystemArrows{align-items:center;justify-content:center;gap:18px}
.m037 .mvSystemArrows strong{font:700 32px PD,sans-serif;color:#267f68;animation:mvCycle 5s linear infinite}
@keyframes mvCycle{to{transform:rotate(360deg)}}
.m037 .mvLessonStep,.m037 .mvConsultRow{border-top:0!important}
.m037 .mvLessonStep:nth-child(1){background:#f4f8fc}
.m037 .mvLessonStep:nth-child(2){background:#f2f8f3}
.m037 .mvLessonStep:nth-child(3){background:#fff8ed}
.m037 .mvLessonStep:nth-child(1) em{color:#2866a1}
.m037 .mvLessonStep:nth-child(2) em{color:#34846a}
.m037 .mvLessonStep:nth-child(3) em{color:#ac7527}
.m037 .mvConsultRow:nth-child(2){background:#f2f7fa}
.m037 .mvConsultRow:nth-child(3){background:#f2f8f3}
.m037 .mvConsultRow:nth-child(4){background:#fff8ef}
.m037 .mvWriteMeaning,.m037 .screenNote,.m037 .journey .intro,.m037 .photoSpread .explain{border-left:0!important}
.m037 .screenNote{background:#e9f1f7;padding:15px 18px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.m037 .mvGrammarCard,.m037 .mvSystemArrows strong,.m037 .mvHandLine,.m037 .mvHandCorrection{animation:none!important}
.m037 .mvHandLine{width:100%;border-right:0}
.m037 .mvHandCorrection{opacity:1}}
.m037 .mvAnswerCards{height:100%;display:grid;grid-template-rows:repeat(4,minmax(0,1fr)) auto;gap:10px}
.m037 .mvAnswerCard{min-height:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;background:#f9fafc;border:1px solid #dbe2eb;border-radius:17px;padding:12px 17px;animation:stepIn .5s calc(var(--order)*.1s) both}
.m037 .mvAnswerNumber{font:700 28px PD,sans-serif;color:#98a8bb}
.m037 .mvAnswerWord{display:flex;flex-direction:column;gap:6px;min-width:0}
.m037 .mvAnswerWord b{font:700 25px PD,sans-serif;color:#17283e}
.m037 .mvAnswerWord span{font:500 15px PD,sans-serif;color:#667b90}
.m037 .mvAnswerChip{white-space:nowrap;border-radius:99px;padding:10px 15px;font:700 14px PD,sans-serif}
.m037 .mvAnswerChip.wrong{background:#fce9e7;color:#b34936}
.m037 .mvAnswerChip.blank{background:#e9edf1;color:#8090a0}
.m037 .mvAnswerChip strong{font-size:17px}
.m037 .mvAnswerCaption{font-size:11px;color:#648174;margin:0;text-align:right}
.m037 .mvTranslationFilled .mvSheetBody{display:flex;flex-direction:column;justify-content:center;gap:9px}
.m037 .mvTranslationFilled .mvSheetBody .en{margin:0;font-size:15px}
.m037 .mvFilledAnswer{font:700 13px/1.5 PD,sans-serif;color:#376d57;background:#ecf5ed;padding:10px 12px;border-radius:8px;transform:rotate(-.6deg)}
.m037 .mvFilledAnswer.paragraph{font-size:14px;line-height:1.7;padding:18px}
.m037 .mvReorderFilled .mvReorderSentence{font-size:18px}
.m037 .mvReorderAnswer{font:700 13px PD,sans-serif;color:#3e765c;background:#eef6ee;border-radius:8px;padding:9px 12px}
.m037 .mvReorderFilled .mvReorderDisclaimer{margin-top:auto}
.m037 .mvHandLine u{text-decoration-color:#bf645b;text-decoration-thickness:2px;text-underline-offset:5px}
.m037 .mvHandCorrection{justify-content:flex-end}
.m037 .mvHandCorrection span{text-decoration:none!important;font-size:27px;color:#bd4b43}
.m037 .mvHandCorrection strong{font-size:23px;color:#bd4b43}
.m037 .mvExamQuestionHead b{font-size:26px;line-height:1.38}
.m037 .mvExamQuestionHead strong{font-size:21px;line-height:1.35}
.m037 .mvExamQuestionText{font-size:20px;line-height:1.65}
.m037 .mvExamQuestionText em{font-size:23px;padding:0 5px}
.m037 .mvExamQuestionChoices span{width:45px;height:45px;font-size:22px}
.m037 .mvExamQuestion{gap:13px}
.m037 .mvEssayReal{grid-template-columns:minmax(0,1fr) 130px;gap:12px}
.m037 .mvEssayReal .mvEssayPaper{padding:14px 18px;display:flex;flex-direction:column;min-height:0}
.m037 .mvEssayReal .mvEssayPaperHead{font-size:17px;margin-bottom:7px;padding-bottom:6px}
.m037 .mvEssayPrompt{font:700 12px/1.5 PD,sans-serif;background:#edf5ee;padding:8px 10px;border-radius:8px;color:#315d4b;margin-bottom:6px}
.m037 .mvEssayPrompt b{color:#216342;margin-right:7px}
.m037 .mvEssayRows{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));flex:1;min-height:0}
.m037 .mvEssayWrittenRow{display:grid;grid-template-columns:23px minmax(0,1fr) 66px;align-items:center;gap:4px;border-bottom:1px solid #c9d9ce;min-height:0}
.m037 .mvEssayWrittenRow>span{font:700 10px PD,sans-serif;color:#849f8d}
.m037 .mvEssayWrittenRow strong{font:500 12px/1.2 'Segoe Print','Comic Sans MS',cursive;color:#33475b;white-space:nowrap;overflow:hidden;max-width:0;animation:mvEssayWrite .42s steps(30,end) calc(var(--order)*.43s + .35s) forwards}
.m037 .mvEssayWrittenRow u{text-decoration-color:#bd5950;text-decoration-thickness:2px;text-underline-offset:3px}
.m037 .mvEssayWrittenRow em{font:700 11px PD,sans-serif;font-style:normal;color:#b64d47;opacity:0;animation:stepIn .35s calc(var(--order)*.06s + 5.1s) forwards}
@keyframes mvEssayWrite{to{max-width:100%}}
.m037 .mvEssayPaperFoot{font-size:9px;color:#7b9280;text-align:right;margin-top:6px}
.m037 .mvEssayReal .mvEssayNote{padding:19px 12px;gap:13px}
.m037 .mvEssayReal .mvEssayNote strong{font-size:25px}
.m037 .mvEssayReal .mvEssayNote span{font-size:12px}
.m037 .mvEssayWrongCount{padding:10px 7px;border-radius:8px;background:#ffffff24;font:700 13px PD,sans-serif}
.m037 .mvEssayWrongCount b{font-size:20px;color:#ffe5ce}
.m037 .mvSystemFoot5{display:flex;flex-direction:column;gap:5px;padding:8px 10px 10px;background:#e8f1ec}
.m037 .mvSystemFootTitle{font:700 23px PD,sans-serif;text-align:left;color:#1d5a48}
.m037 .mvSystemEvidence{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.m037 .mvEvidenceCard{min-width:0;position:relative;overflow:hidden;background:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 12px #163a2a1c}
.m037 .mvEvidenceCard>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.m037 .mvEvidenceCard>span{position:absolute;left:4px;right:4px;bottom:4px;z-index:2;background:#153c38e8;color:#fff;font:700 11px PD,sans-serif;border-radius:5px;padding:5px 3px;text-align:center}
.m037 .mvEvidenceCard>span small{display:block;font:500 8px/1.2 PD,sans-serif;color:#c8dfd8;margin-top:2px}
.m037 .mvEvidenceWord{height:100%;padding:8px;background:#f5f7fa;display:flex;flex-direction:column;gap:5px}
.m037 .mvEvidenceWord small{color:#8ba0b1;font-weight:700}
.m037 .mvEvidenceWord b{font:700 18px PD,sans-serif;color:#17283e}
.m037 .mvEvidenceWord p{margin:0;font-size:11px;color:#617586}
.m037 .mvEvidenceWord em{font:700 10px PD,sans-serif;font-style:normal;color:#b44a39;background:#fbe9e6;border-radius:10px;padding:5px;margin-top:auto;margin-bottom:26px}
.m037 .mvPracticeV5{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:14px;min-height:0;width:100%}
.m037 .mvPracticePhone{height:100%;min-height:0;background:#fff;border:8px solid #1e3448;border-radius:25px;overflow:hidden;box-shadow:0 15px 30px #19334a31}
.m037 .mvPracticeScreen{width:100%;height:100%;overflow:auto;scrollbar-width:thin;background:#f5f7fb}
.m037 .mvPracticeScreen[hidden]{display:none!important}
.m037 .mvPracticeScreen>img{display:block;width:100%;height:auto;max-width:780px;margin:0 auto}
.m037 .mvPracticeControls{display:flex;flex-direction:column;gap:11px;justify-content:center}
.m037 .mvPracticeControls button{background:#fff;color:#255572;border:1px solid #c8d8e2;border-radius:13px;padding:17px 10px;font:700 14px PD,sans-serif;text-align:left;display:flex;flex-direction:column;gap:5px}
.m037 .mvPracticeControls button[aria-selected="true"]{background:#245e84;color:#fff}
.m037 .mvPracticeControls em{font-style:normal;font-size:12px;opacity:.7}
.m037 .mvPracticeControls small{font:500 10px/1.45 PD,sans-serif;color:#71889a;padding:0 3px}
.m037 .mvPracticeCrop{height:260px;overflow:hidden;background:#e8f0fd}
.m037 .mvPracticeCrop img{display:block;width:100%;height:auto;transform:scale(1.45);transform-origin:24% 9%}
.m037 .mvPracticeScreen[data-practice-view="practice"] p{font:700 15px/1.7 PD,sans-serif;margin:15px;padding:16px;background:#fff;border-radius:12px;color:#31566c}
@media(prefers-reduced-motion:reduce){.m037 .mvAnswerCard,.m037 .mvEssayWrittenRow strong,.m037 .mvEssayWrittenRow em{animation:none!important}
.m037 .mvEssayWrittenRow strong{max-width:100%}
.m037 .mvEssayWrittenRow em{opacity:1}}
.m037 .page.photoSpread{grid-template-rows:20px minmax(0,1fr) auto;row-gap:14px}
.m037 .photoSpread .visual{height:100%;min-height:0;isolation:isolate;background:#d8e2e9}
.m037 .photoSpread .photoBackdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(18px) brightness(.74);opacity:.85;z-index:0}
.m037 .photoSpread .photo{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 32px #102b4155;animation:photoIn .75s ease both}
.m037 .photoSpread :is(h1,h2),.m037 .photoSpread .intro,.m037 .photoSpread .explain{margin-top:0}
.m037 .photoSpread .explain{align-self:stretch}
.m037 .page.pronFocus{grid-template-columns:60% 40%}
.m037 .pronFocus .visual{margin-right:0;padding:18px 22px}
.m037 .pronFocus .staffEvidence{grid-template-rows:158px minmax(0,1fr);gap:12px}
.m037 .pronFocus .staffEvidenceHead,.m037 .pronFocus .staffEvidenceLog{min-width:0;max-width:100%;overflow:hidden;padding:13px 16px}
.m037 .pronTopCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;flex:1}
.m037 .pronCard{border:1px solid #d9e2ec;border-radius:13px;padding:10px 9px;display:flex;flex-direction:column;min-width:0;justify-content:center;background:#fff}
.m037 .pronCard small{font:700 12px PD,sans-serif;color:#718396;white-space:nowrap}
.m037 .pronCard b{font:700 23px PD,sans-serif;color:#1b3651;white-space:nowrap;margin:3px 0}
.m037 .pronCard span{font-size:12px;color:#647485;white-space:nowrap}
.m037 .pronFocus .staffRows{min-height:0}
.m037 .pronFocus .staffRow{grid-template-columns:84px minmax(0,1fr);padding:11px 0;gap:8px}
.m037 .pronFocus .staffRow b{font-size:14px}
.m037 .pronFocus .staffRow p{font-size:13px;line-height:1.45}
.m037 .page.gradedLayout .visual{padding:19px 31px 19px 19px;min-width:0}
.m037 .gradedLayout .gradedEvidence{min-width:0;max-width:100%;padding:4px}
.m037 .gradedLayout .gradedEvidence img{display:block;width:100%;max-width:100%;min-width:0;height:100%;object-fit:contain;object-position:center;box-sizing:border-box}
.m037 .page.rewardSlide .visual{padding:24px 36px 24px 20px}
.m037 .rewardSlide .rewardPair{gap:14px;padding:0 4px;min-width:0}
.m037 .rewardSlide .rewardPhone{flex:1 1 0;min-width:0;width:auto;height:92%}
.m037 .rewardSlide .rewardPhone img{width:100%;height:100%;object-fit:contain}
.m037 .writtenAnswerShot{display:block;position:relative;width:min(100%,600px);aspect-ratio:960/805;flex:none;overflow:hidden;border-radius:14px}
.m037 .writtenAnswerShot img{display:block;width:100%;height:100%;object-fit:contain}
.m037 .writtenAnswerShot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.m037 .writtenAnswerShot.screenAnswer{max-height:505px;border:5px solid #fff;box-shadow:0 16px 30px #16334b18;background:#fff}
.m037 .peScreen .writtenAnswerShot{width:100%}
@media(prefers-reduced-motion:reduce){.m037 .photoSpread .photo{animation:none!important}}
.m037 .controls{position:relative}
.m037 .controls .navGroup #autoToggle{border-color:#bed0e5;color:#174d89;background:#edf4fb;min-width:105px}
.m037 .controls .navGroup #autoToggle[aria-pressed="true"]{background:#235fa9;border-color:#235fa9;color:white}
.m037 .autoRemain{position:absolute;left:0;right:0;bottom:0;height:3px;background:#dce6ef;pointer-events:none;opacity:0;transition:opacity .2s}
.m037 .autoRemain.on{opacity:1}
.m037 .autoRemain i{display:block;height:100%;width:100%;background:#5c9be5;transform:scaleX(1);transform-origin:left center;will-change:transform}
@media(prefers-reduced-motion:reduce){.m037 .autoRemain{transition:none}
.m037 .autoRemain i{transition:none}}
.m037 .mvScopeV6{gap:10px}
.m037 .mvScopeV6 .mvScopeTop{padding:11px 18px;border-radius:14px}
.m037 .mvScopeV6 .mvScopeTop span{font-size:20px}
.m037 .mvScopeV6 .mvScopeGrid{gap:8px}
.m037 .mvScopeV6 .mvScopeCardV6{padding:11px 12px;gap:3px;border-radius:15px;min-height:0}
.m037 .mvScopeCardHead{display:flex;align-items:baseline;gap:9px}
.m037 .mvScopeCardHead small{font-size:13px}
.m037 .mvScopeV6 .mvScopeCardHead b{font-size:20px;margin:0;color:#152e40}
.m037 .mvScopeV6 .mvScopeSub{font-size:11px;color:#5f786c;line-height:1.35}
.m037 .mvScopeSample{flex:1;min-height:0;margin:6px 0 3px;background:#f7faf7;border:1px solid #e0eae1;border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.m037 .mvScopeSample small{font:700 9px PD,sans-serif;color:#3e8b66;letter-spacing:.2px}
.m037 .mvScopeSample strong{font:700 12px/1.3 PD,sans-serif;color:#21453d;overflow-wrap:anywhere}
.m037 .mvScopeSample strong i{font-size:9px;color:#679280}
.m037 .mvScopeSample span{font:600 10px/1.35 PD,sans-serif;color:#506b60}
.m037 .mvScopeSample em{font:500 9px/1.35 PD,sans-serif;color:#7b9384;font-style:normal}
.m037 .mvScopeV6 .mvScopeEvidence{margin:0;padding:6px 9px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 4px;border:0}
.m037 .mvScopeV6 .mvScopeEvidence em{font-size:9px;grid-column:1/-1}
.m037 .mvScopeV6 .mvScopeEvidence strong{font-size:10px;min-width:0}
.m037 .mvScopeStat{font:700 9px PD,sans-serif;color:#176a45;background:#d7ebda;border-radius:5px;padding:4px 5px;white-space:nowrap}
.m037 .mvScopeV6 .mvScopeBottom{font-size:10px}
.m037 .mvTranslationV6 .mvSheet{padding:18px 20px;gap:8px}
.m037 .mvTranslationV6 .mvSheetHead{padding-bottom:10px}
.m037 .mvTranslationV6 .mvSheetBody{padding:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:12px}
.m037 .mvSheetLessonLabel{font:700 11px PD,sans-serif;color:#478568;background:#e7f1e8;border-radius:8px;padding:8px 10px;align-self:flex-start}
.m037 .mvSentenceCase{position:relative;border-left:3px solid #83b399;background:#f7faf7;border-radius:0 10px 10px 0;padding:12px 12px 11px 14px;display:flex;flex-direction:column;gap:8px}
.m037 .mvSentenceCase em{font:700 11px PD,sans-serif;color:#90a69a;font-style:normal}
.m037 .mvSentenceCase strong{font:700 16px/1.35 PD,sans-serif;color:#173b4d}
.m037 .mvSentenceCase u,.m037 .mvPassageCase u{text-decoration-color:#4d9b72;text-decoration-thickness:2px;text-underline-offset:4px}
.m037 .mvSentenceCase p{margin:0;font:700 12px/1.4 PD,sans-serif;color:#2f694f}
.m037 .mvSentenceCase span{font:600 10px PD,sans-serif;color:#708b79}
.m037 .mvPassageCase{background:#f7faf7;border-radius:10px;padding:17px 16px;display:flex;flex-direction:column;gap:20px}
.m037 .mvPassageCase small{font:700 11px PD,sans-serif;color:#4c8b6a}
.m037 .mvPassageCase strong{font:700 17px/1.65 PD,sans-serif;color:#193d4d}
.m037 .mvPassageCase p{margin:0;background:#e8f3ea;border-radius:8px;padding:12px;font:700 13px/1.7 PD,sans-serif;color:#3b7158}
.m037 .mvPassageCase>div{display:flex;gap:8px;flex-wrap:wrap}
.m037 .mvPassageCase>div span{font:700 11px PD,sans-serif;color:#367455;background:#fff;border:1px solid #dceadd;border-radius:7px;padding:7px}
.m037 .mvPassageCase>div b{color:#5f7567}
.m037 .mvPassageFlow{display:flex;justify-content:space-between;align-items:center;color:#54846a;font:700 12px PD,sans-serif}
.m037 .mvPassageFlow b{background:#e5f0e7;padding:8px 13px;border-radius:9px}
.m037 .mvPassageFlow i{font-style:normal}
.m037 .mvGradeV6 .mvGradeFrame{position:relative;min-height:0;overflow:hidden;border:7px solid #fff;border-radius:16px;background:#fff;box-shadow:0 14px 26px #1c31231a}
.m037 .mvGradeV6 .mvGradeFrame img{position:absolute;display:block;width:100%;height:auto;min-height:0;max-width:none;top:0;left:0;transform:translateY(-7%);border:0;border-radius:0;box-shadow:none}
.m037 .mvGradeV6 small{font-size:13px}
.m037 .page.middleTransferLayout,.m037 .page.middleMistakeLayout{grid-template-columns:34% 66%;background:#f0f4ef}
.m037 .middleTransferLayout .visual,.m037 .middleMistakeLayout .visual{background:#e3ebe4;padding:22px}
.m037 .mvTransfer{height:100%;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(155px,.7fr);gap:12px;min-height:0}
.m037 .mvTransferPaper{background:#fff;border-radius:17px;padding:23px;display:flex;flex-direction:column;gap:17px;min-height:0;box-shadow:0 12px 25px #17382718}
.m037 .mvTransferHead{display:flex;flex-direction:column;gap:7px;border-bottom:2px solid #3a815d;padding-bottom:13px}
.m037 .mvTransferHead small{font:700 11px PD,sans-serif;color:#679176}
.m037 .mvTransferHead b{font:700 22px PD,sans-serif;color:#193948}
.m037 .mvTransferPaper>p{font:600 17px/1.7 PD,sans-serif;color:#294758;margin:0}
.m037 .mvTransferPaper mark{background:#d8ecdd;color:#245d42;border-radius:4px;padding:2px 3px}
.m037 .mvTransferQuestion{display:flex;gap:10px;align-items:flex-start;background:#edf4ec;padding:15px;border-radius:10px}
.m037 .mvTransferQuestion em{font:700 20px PD,sans-serif;color:#19865e;font-style:normal}
.m037 .mvTransferQuestion strong{font:700 16px/1.45 PD,sans-serif;color:#194254}
.m037 .mvTransferEvidence{margin-top:auto;display:flex;flex-direction:column;gap:7px;border-top:1px solid #d4e4d7;padding-top:15px}
.m037 .mvTransferEvidence span{font:700 11px PD,sans-serif;color:#3a8962}
.m037 .mvTransferEvidence b{font:700 15px PD,sans-serif;color:#214b3d}
.m037 .mvTransferEvidence small{font:500 11px PD,sans-serif;color:#6f8b78}
.m037 .mvTransferRail{display:flex;flex-direction:column;gap:10px}
.m037 .mvTransferRail>div{flex:1;min-height:0;background:#f8fbf7;border:1px solid #dce8dc;border-radius:14px;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.m037 .mvTransferRail em{font:700 11px PD,sans-serif;color:#73a083;font-style:normal}
.m037 .mvTransferRail b{font:700 19px PD,sans-serif;color:#235b40}
.m037 .mvTransferRail span{font:600 11px/1.4 PD,sans-serif;color:#537868}
.m037 .mvMistake{height:100%;display:flex;flex-direction:column;gap:14px}
.m037 .mvMistakeLead{background:#245c49;color:#fff;border-radius:12px;padding:15px 18px;font:700 18px PD,sans-serif;text-align:center}
.m037 .mvMistakeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-height:0}
.m037 .mvMistakeGrid>div{background:#fff;border-radius:15px;padding:19px 14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 23px #17382716}
.m037 .mvMistakeGrid em{font:700 11px PD,sans-serif;color:#40936a;font-style:normal}
.m037 .mvMistakeGrid b{font:700 18px/1.35 PD,sans-serif;color:#193849}
.m037 .mvMistakeGrid p{font:600 14px/1.6 PD,sans-serif;color:#2e5c49;background:#edf5ed;border-radius:10px;padding:11px;margin:0}
.m037 .mvMistakeGrid p strong{font:700 14px/1.5 PD,sans-serif;color:#174c3a}
.m037 .mvMistakeGrid p span{font-size:11px}
.m037 .mvMistakeGrid small{font:700 11px/1.4 PD,sans-serif;color:#3f7e5a;margin-top:auto}
.m037 .mvMistakeFoot{font:500 10px PD,sans-serif;color:#65806e;text-align:right}
.m037 .mvConsultV6{gap:12px}
.m037 .mvConsultV6 .mvConsultTop{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#214e65;padding:14px 19px}
.m037 .mvConsultV6 .mvConsultTop span{font:700 20px PD,sans-serif}
.m037 .mvConsultV6 .mvConsultTop small{font:500 11px PD,sans-serif;color:#d0e5ea}
.m037 .mvConsultV6 .mvConsultRow{padding:19px 19px 17px;gap:10px;min-width:0;justify-content:flex-start}
.m037 .mvConsultV6 .mvConsultRow em{font-size:12px;color:#6495a2}
.m037 .mvConsultV6 .mvConsultRow b{font-size:23px;margin:0 0 3px;color:#1b3b4b}
.m037 .mvConsultV6 .mvConsultRow>small{font:500 10px PD,sans-serif;color:#78909a;margin-top:auto}
.m037 .mvConsultBars{display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border-radius:11px;margin:5px 0}
.m037 .mvConsultBars>div{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}
.m037 .mvConsultBars span{font:700 11px PD,sans-serif;color:#467385}
.m037 .mvConsultBars i{display:block;height:8px;background:linear-gradient(90deg,#3b8e80 var(--w),#e3ece9 var(--w));border-radius:9px}
.m037 .mvConsultCalendar{display:grid;grid-template-columns:74px 1fr;gap:8px;margin:5px 0}
.m037 .mvConsultDate{background:#287f64;color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.m037 .mvConsultDate small{font:500 9px PD,sans-serif}
.m037 .mvConsultDate strong{font:700 15px PD,sans-serif}
.m037 .mvConsultChips{display:flex;flex-wrap:wrap;gap:5px}
.m037 .mvConsultChips span{font:700 10px PD,sans-serif;color:#347050;background:#fff;border:1px solid #d7e6d9;padding:8px;border-radius:8px}
.m037 .mvConsultPath{display:flex;align-items:center;gap:5px;margin:12px 0 6px}
.m037 .mvConsultPath span{background:#fff;border:1px solid #eedfc9;color:#865d31;border-radius:9px;padding:11px 8px;font:700 11px PD,sans-serif;white-space:nowrap}
.m037 .mvConsultPath i{font:700 16px PD,sans-serif;color:#c29152;font-style:normal}
.m037 .mvConsultV6 .mvConsultRow p{font:600 11px/1.5 PD,sans-serif;color:#806749;margin:0}
@media(max-width:850px){.m037 .mvScopeSample{padding:7px}
.m037 .mvScopeSample strong{font-size:10px}
.m037 .mvScopeSample span{font-size:9px}
.m037 .mvScopeStat{font-size:8px}
.m037 .mvTranslationV6 .mvSheet{padding:13px}
.m037 .mvSentenceCase strong{font-size:13px}
.m037 .mvPassageCase{gap:10px;padding:10px}
.m037 .mvPassageCase strong{font-size:14px}
.m037 .mvConsultV6 .mvConsultRow{padding:11px}
.m037 .mvConsultPath span{padding:7px 5px;font-size:9px}}
.m037 .middlePage27 .mvMistake{height:auto;justify-content:center;gap:16px}
.m037 .middlePage27 .mvMistakeGrid{flex:0 0 auto;align-items:stretch;gap:14px}
.m037 .middlePage27 .mvMistakeGrid>div{padding:24px 17px;gap:14px;border-top:4px solid #3d8b67}
.m037 .middlePage27 .mvMistakeGrid em{font-size:12px;line-height:1.4}
.m037 .middlePage27 .mvMistakeGrid b{min-height:49px;display:flex;align-items:center}
.m037 .middlePage27 .mvMistakeGrid p{min-height:116px;display:flex;flex-direction:column;justify-content:center;line-height:1.55;padding:13px 12px}
.m037 .middlePage27 .mvMistakeGrid p strong{font-size:15px;line-height:1.5}
.m037 .middlePage27 .mvMistakeGrid p br{display:none}
.m037 .middlePage27 .mvMistakeGrid p span{display:block;margin-top:8px;line-height:1.5}
.m037 .middlePage27 .mvMistakeGrid small{margin-top:0;padding-top:13px;border-top:1px solid #dce8dd;line-height:1.6;min-height:49px}
.m037 .middlePage27 .mvMistakeFoot{line-height:1.5}
.m037 .page.middlePage31.journey{grid-template-rows:22px 98px minmax(0,1fr) 82px;gap:14px 30px;padding-top:30px;padding-bottom:28px}
.m037 .middlePage31.journey :is(h1,h2){font-size:30px;line-height:1.3}
.m037 .middlePage31.journey .intro{font-size:16px;line-height:1.75}
.m037 .middlePage31.journey .visual{height:100%;min-height:0;padding:18px 22px;align-self:stretch}
.m037 .middlePage31 .mvConsultV6{min-height:0;grid-template-rows:auto minmax(0,1fr);gap:14px}
.m037 .middlePage31 .mvConsultV6 .mvConsultTop{padding:12px 18px;min-height:48px}
.m037 .middlePage31 .mvConsultV6 .mvConsultTop span{color:#fff;font-size:19px}
.m037 .middlePage31 .mvConsultV6 .mvConsultTop small{font-size:11px;line-height:1.5}
.m037 .middlePage31 .mvConsultV6 .mvConsultRow{padding:18px;gap:10px;min-height:0}
.m037 .middlePage31 .mvConsultV6 .mvConsultRow b{font-size:23px;line-height:1.3;flex:none}
.m037 .middlePage31 .mvConsultV6 .mvConsultRow em{line-height:1.4;flex:none}
.m037 .middlePage31 .mvConsultV6 .mvConsultRow>small{font-size:11px;line-height:1.5;flex:none}
.m037 .middlePage31 .mvConsultBars{flex:none;gap:12px;padding:15px;margin:6px 0}
.m037 .middlePage31 .mvConsultBars i{height:10px}
.m037 .middlePage31 .mvConsultCalendar{flex:none;min-height:94px;margin:6px 0;grid-template-columns:76px minmax(0,1fr)}
.m037 .middlePage31 .mvConsultChips{align-content:center}
.m037 .middlePage31 .mvConsultChips span{font-size:11px;padding:8px}
.m037 .middlePage31 .mvConsultPath{flex:none;gap:6px;flex-wrap:wrap;min-height:57px;margin:12px 0 4px}
.m037 .middlePage31 .mvConsultPath span{font-size:12px;padding:12px 10px}
.m037 .middlePage31 .mvConsultV6 .mvConsultRow p{font-size:12px;line-height:1.6;flex:none}
.m037 .middlePage31.journey .explain{min-height:0;padding-top:13px;gap:24px}
.m037 .middlePage31.journey .explain p{font-size:14px;line-height:1.7}
.m037 .page:not(.opening):not(.closing) .eyebrow{font-size:13px;letter-spacing:1.25px}
.m037 .page:not(.opening):not(.closing) :is(h1,h2){letter-spacing:-1.25px;text-wrap:balance}
.m037 .page:not(.opening):not(.closing) .intro{color:#405968}
.m037 .page:not(.opening):not(.closing) .explain{border-top-color:#bbced4}
.m037 .page:not(.opening):not(.closing) .visual{box-shadow:inset 0 1px 0 #ffffff9c,0 15px 31px #1633470d}
.m037 .progress i{background:linear-gradient(90deg,#2f6fe4,#158664)}
.m037 .controls #next{box-shadow:0 7px 15px #10283d1a}
.m037 .middlePage14 .visual,.m037 .middlePage15 .visual{padding:20px}
.m037 .mvRealSpread{height:100%;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.m037 .mvRealCase{background:#fff;min-height:0;border:1px solid #d4e0d6;border-radius:16px;box-shadow:0 10px 22px #16332418;padding:15px 17px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.m037 .mvRealCaseHeader{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex:none}
.m037 .mvRealCaseHeader b{font:700 20px PD,sans-serif;color:#163b38}
.m037 .mvRealCaseHeader span{font:700 11px PD,sans-serif;color:#4a8369;white-space:nowrap}
.m037 .mvRealCaseShot{position:relative;overflow:hidden;flex:1;min-height:0;border:1px solid #e5ebe5;border-radius:9px;background:#fafbf9}
.m037 .mvRealCaseShot img{position:absolute;display:block;top:-67px;left:0;width:100%;height:auto;max-width:none}
.m037 .mvRealCaseShot.answer img{top:-43px}
.m037 .mvRealCaseAnswer{flex:none;border-left:4px solid #3b9666;background:#ebf5ed;border-radius:0 8px 8px 0;padding:9px 12px;font:700 14px/1.35 PD,sans-serif;color:#205d42}
.m037 .mvRealCaseAnswer small{display:block;font:700 10px/1.3 PD,sans-serif;color:#628a72;margin-bottom:2px}
.m037 .mvRealCaseAnswer strong{font-weight:700;color:#163f50}
.m037 .mvRealCaseFoot{flex:none;font:600 10px/1.35 PD,sans-serif;color:#6e8376}
.m037 .middlePage27 .visual{height:auto;max-height:100%;align-self:center;justify-self:stretch}
.m037 .middlePage27 .mvMistake{height:auto;justify-content:flex-start}
.m037 .page.middlePage27 .visual{
  align-self:center;
  height:auto;
  max-height:100%;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.m037 .middlePage27 .mvMistake{
  width:100%;
  height:auto;
  display:grid;
  grid-template-rows:auto auto auto;
  gap:14px;
  justify-content:stretch;
}
.m037 .middlePage27 .mvMistakeLead{
  padding:18px 22px;
  text-align:left;
  border-radius:16px;
  background:linear-gradient(100deg,#1b4c61,#207054);
  box-shadow:0 12px 24px #17382718;
  font-size:19px;
  letter-spacing:-.35px;
}
.m037 .middlePage27 .mvMistakeGrid{
  flex:none;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.m037 .middlePage27 .mvMistakeGrid>div{
  min-height:284px;
  padding:20px 18px 19px;
  gap:11px;
  border:1px solid #d8e7dc;
  border-top:5px solid #25865e;
  background:#ffffff;
  box-shadow:0 12px 26px #17382712;
}
.m037 .middlePage27 .mvMistakeGrid em{font-size:12px;color:#2b835a}
.m037 .middlePage27 .mvMistakeGrid b{min-height:0;font-size:18px;line-height:1.4}
.m037 .middlePage27 .mvMistakeGrid p{
  min-height:102px;
  margin:0;
  padding:14px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#edf6f0;
  border:1px solid #dbeade;
}
.m037 .middlePage27 .mvMistakeGrid p strong{font-size:15px}
.m037 .middlePage27 .mvMistakeGrid p span{display:block;margin-top:8px}
.m037 .middlePage27 .mvMistakeGrid small{
  min-height:0;
  margin-top:0;
  padding-top:11px;
  border-top:1px solid #dbe8df;
}
.m037 .middlePage27 .mvMistakeFoot{font-size:11px;line-height:1.45;color:#607b71}
@media(max-width:850px){.m037 .middlePage27 .mvMistakeLead{font-size:16px;padding:12px 15px}
.m037 .middlePage27 .mvMistakeGrid{gap:9px}
.m037 .middlePage27 .mvMistakeGrid>div{min-height:0;padding:12px 10px;gap:7px}
.m037 .middlePage27 .mvMistakeGrid b{font-size:14px}
.m037 .middlePage27 .mvMistakeGrid p{min-height:82px;padding:8px}
.m037 .middlePage27 .mvMistakeGrid p strong{font-size:12px}
.m037 .middlePage27 .mvMistakeGrid p span,.m037 .middlePage27 .mvMistakeGrid small{font-size:9px}}
.m037 #fsGate{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
    background:rgba(16,40,61,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.m037 #fsGate.on{display:flex}
.m037 #fsGate .box{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 20px}
.m037 #fsGate button.go{font:700 20px/1 'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#10283d;background:#fff;
    border:0;border-radius:999px;padding:18px 34px;box-shadow:0 10px 40px #0005;cursor:pointer}
.m037 #fsGate .hint{color:#dfe8f2;font:500 13px/1.5 'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
.m037 #fsGate button.skip{background:transparent;border:0;color:#bccbdd;font:500 13px 'Malgun Gothic',sans-serif;
    text-decoration:underline;cursor:pointer}
.m037 #fsMini{position:fixed;top:10px;right:10px;z-index:9998;display:none;width:40px;height:40px;border-radius:50%;
    border:0;background:rgba(16,40,61,.72);color:#fff;font-size:18px;line-height:40px;cursor:pointer}
.m037 #fsMini.on{display:block}.m037Report{
    --ink:#172f37; --muted:#697c81; --accent:#469d82; --pale:#e3ece4;
    --paper:#f4f3ee; --gold:#b38339; --red:#b45f48; --peach:#f6e8e1;
    --deep:#152e37; --line:#e7e9e1; --dim:#e0e4dd;
  }
.m037Report :root:not([data-theme="light"]){ color-scheme:light; }

.m037Report *{ box-sizing:border-box; }
.m037Report .m037ReportContent{ max-width:740px; margin:auto; padding-bottom:70px; }
.m037Report :is(h1,h2),.m037Report h3,.m037Report h3{ text-wrap:balance; margin:0; }
.m037Report svg{ display:block; width:100%; height:auto; }
.m037Report .hero{ background:var(--deep); color:#fff; padding:40px 25px 32px;
    position:relative; overflow:hidden; border-radius:0 0 32px 32px; }
.m037Report .hero:after{ content:''; position:absolute; width:230px; height:230px;
    border:1px solid #65887955; border-radius:50%; right:-100px; top:-85px;
    box-shadow:0 0 0 28px #65887915, 0 0 0 62px #65887910; pointer-events:none; }
.m037Report .hero > *{ position:relative; }
.m037Report .eyebrow{ font-size:10px; letter-spacing:2px; font-weight:700; color:var(--accent); }
.m037Report .hero .eyebrow{ color:#bed2ca; }
.m037Report .hero :is(h1,h2){ font-size:31px; line-height:1.4; letter-spacing:-1.5px; margin:20px 0 10px;
    font-weight:500; }
.m037Report .hero :is(h1,h2) strong{ font-weight:750; }
.m037Report .hero p{ font-size:12px; color:#bbcbc9; margin:0; }
.m037Report .meta{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px;
    border-top:1px solid #52666b; padding-top:17px; }
.m037Report .meta span{ display:block; font-size:10px; color:#b1c4c5; }
.m037Report .meta b{ font-size:22px; font-weight:500; font-variant-numeric:tabular-nums; }
.m037Report .meta b i{ font-style:normal; font-size:11px; color:#b1c4c5; margin-left:2px; }
.m037Report .nav{ position:sticky; top:0; z-index:5; background:#f4f3eef2;
    backdrop-filter:blur(16px); display:flex; gap:2px; overflow-x:auto;
    border-bottom:1px solid #dce2db; padding:12px 10px; scrollbar-width:none; }
.m037Report .nav::-webkit-scrollbar{ display:none; }
.m037Report .nav a{ color:var(--muted); font-size:11px; text-decoration:none; white-space:nowrap;
    padding:5px 8px; border-radius:8px; }
.m037Report .nav a.active{ color:#fff; background:var(--accent); font-weight:bold; }
.m037Report .grp{ padding:34px 18px 4px; }
.m037Report .grp > .eyebrow{ color:var(--accent); }
.m037Report .grp h3{ font-size:24px; letter-spacing:-1px; line-height:1.45; margin:8px 0 6px; }
.m037Report .grp .lead{ font-size:12.5px; color:var(--muted); margin:0 0 6px; line-height:1.8; }
.m037Report .b{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:18px;
    margin-top:12px; box-shadow:0 8px 26px #173b2c06; }
.m037Report .b > header{ display:flex; align-items:baseline; gap:8px; margin-bottom:3px;
    flex-wrap:wrap; }
.m037Report .b .id{ font-size:9px; letter-spacing:1.2px; font-weight:700; color:var(--accent); }
.m037Report .b .ex{ font-size:8.5px; font-weight:700; letter-spacing:.4px; color:var(--gold);
    border:1px solid #e3d5bb; border-radius:9px; padding:1px 6px; margin-left:auto; }
.m037Report .b h3{ font-size:16px; font-weight:600; letter-spacing:-.4px; line-height:1.5;
    margin:5px 0 0; }
.m037Report .b .sub{ font-size:11.5px; color:var(--muted); margin:6px 0 0; line-height:1.75; }
.m037Report .b .fig{ margin-top:14px; }
.m037Report .b .cap{ font-size:10px; color:var(--muted); margin-top:11px; line-height:1.8; }
.m037Report .key{ display:flex; flex-wrap:wrap; gap:12px; font-size:10px; color:var(--muted);
    margin-top:10px; }
.m037Report .key i{ font-style:normal; display:inline-flex; align-items:center; gap:5px; }
.m037Report .key u{ text-decoration:none; width:9px; height:9px; border-radius:2px; display:block; }
.m037Report .cells{ display:grid; gap:3px; }
.m037Report .cells u{ text-decoration:none; display:block; border-radius:3px; background:var(--dim);
    height:var(--h,18px); }
.m037Report .cells u.on{ background:var(--accent); }
.m037Report .cells u.half{ background:#9cc3b2; }
.m037Report .cells u.dim{ background:#c3d6cb; }
.m037Report .cells u.bad{ background:var(--red); }
.m037Report .cells u.mark{ box-shadow:0 0 0 1.5px var(--gold); }
.m037Report .cells.lt u{ height:26px; display:grid; place-items:center; font-size:10px;
    font-weight:600; color:#8b968f; background:#eff1ec; border-radius:5px; }
.m037Report .cells.lt u.on{ background:var(--pale); color:var(--ink); }
.m037Report .cells.lt u.bad{ background:var(--peach); color:var(--red); }
.m037Report .rows{ display:grid; gap:9px; }
.m037Report .rows .r{ display:grid; grid-template-columns:1fr auto; gap:4px; font-size:11.5px; }
.m037Report .rows .r b{ font-weight:600; }
.m037Report .rows .r em{ font-style:normal; color:var(--muted); font-variant-numeric:tabular-nums; }
.m037Report .rows .rail{ grid-column:1/-1; height:7px; border-radius:7px; background:#eceee7;
    overflow:hidden; }
.m037Report .rows .rail i{ display:block; height:100%; border-radius:7px; background:var(--accent);
    width:0; }
.m037Report .rows .r.warn + .rail i,.m037Report .rows .rail.warn i{ background:var(--red); }
.m037Report .ring{ display:grid; grid-template-columns:92px 1fr; gap:15px; align-items:center; }
.m037Report .ring .rv{ position:relative; }
.m037Report .ring svg{ transform:rotate(-90deg); }
.m037Report .ring .bg{ fill:none; stroke:#e9ebe5; stroke-width:9; }
.m037Report .ring .fg{ fill:none; stroke:var(--accent); stroke-width:9; stroke-linecap:round; }
.m037Report .ring .mid{ position:absolute; inset:0; display:grid; place-items:center; text-align:center; }
.m037Report .ring .mid b{ font-size:20px; font-weight:400; letter-spacing:-1px;
    font-variant-numeric:tabular-nums; }
.m037Report .ring .mid span{ font-size:9px; color:var(--muted); display:block; }
.m037Report dl.facts{ margin:0; display:grid; gap:8px; }
.m037Report dl.facts div{ display:flex; justify-content:space-between; font-size:11.5px;
    border-bottom:1px solid #eff1ec; padding-bottom:6px; }
.m037Report dl.facts dt{ color:var(--muted); }
.m037Report dl.facts dd{ margin:0; font-weight:600; font-variant-numeric:tabular-nums; }
.m037Report .gridline{ stroke:#e6e8e1; stroke-width:1; }
.m037Report .axis{ font-size:8.5px; fill:var(--muted); }
.m037Report .line{ fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round;
    stroke-linejoin:round; }
.m037Report .line.b2{ stroke:#b48a3f; stroke-dasharray:4 3; }
.m037Report .band{ fill:#469d820f; }
.m037Report .dot{ fill:#fff; stroke:var(--accent); stroke-width:1.7; }
.m037Report .dot.bad{ stroke:var(--red); }
.m037Report .ladder{ display:grid; gap:6px; }
.m037Report .ladder .s{ display:grid; grid-template-columns:26px 1fr auto; gap:10px;
    align-items:center; padding:9px 10px; border-radius:11px; background:#f6f7f3; }
.m037Report .ladder .s u{ text-decoration:none; width:22px; height:22px; border-radius:50%;
    display:grid; place-items:center; font-size:10px; font-weight:700;
    background:#e3e6df; color:#8b968f; }
.m037Report .ladder .s b{ font-size:12.5px; font-weight:600; }
.m037Report .ladder .s span{ font-size:10px; color:var(--muted); display:block; font-weight:400; }
.m037Report .ladder .s em{ font-style:normal; font-size:10.5px; color:var(--muted);
    font-variant-numeric:tabular-nums; }
.m037Report .ladder .s.done{ background:var(--pale); }
.m037Report .ladder .s.done u{ background:var(--accent); color:#fff; }
.m037Report .ladder .s.now{ background:var(--deep); color:#eaf0ed; }
.m037Report .ladder .s.now u{ background:var(--gold); color:#fff; }
.m037Report .ladder .s.now span,.m037Report .ladder .s.now em{ color:#9db4ad; }
.m037Report .gauge{ position:relative; height:44px; }
.m037Report .gauge .bar{ position:absolute; left:0; right:0; top:19px; height:7px; border-radius:7px;
    background:#eceee7; overflow:hidden; }
.m037Report .gauge .bar i{ display:block; height:100%; border-radius:7px;
    background:linear-gradient(90deg,#6bb79c,var(--accent)); width:0; }
.m037Report .gauge .pin{ position:absolute; top:0; transform:translateX(-50%); text-align:center; }
.m037Report .gauge .pin b{ font-size:11px; font-weight:700; display:block; }
.m037Report .gauge .pin s{ text-decoration:none; display:block; width:1px; height:12px;
    background:var(--ink); margin:1px auto 0; }
.m037Report .gauge .pin.goal b{ color:var(--gold); }
.m037Report .gauge .pin.goal s{ background:var(--gold); }
.m037Report .gauge .ends{ position:absolute; left:0; right:0; top:30px; display:flex;
    justify-content:space-between; font-size:9px; color:var(--muted); }
.m037Report .pict{ display:flex; flex-wrap:wrap; gap:5px; }
.m037Report .pict u{ text-decoration:none; width:14px; height:14px; border-radius:50%;
    background:var(--dim); display:block; }
.m037Report .pict u.on{ background:var(--accent); }
.m037Report .pict u.bad{ background:var(--red); }
.m037Report .stack{ display:flex; height:30px; border-radius:8px; overflow:hidden; }
.m037Report .stack i{ display:block; height:100%; }
.m037Report .stack + .key{ margin-top:9px; }
.m037Report .cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.m037Report .cal b{ font-size:9px; color:var(--muted); text-align:center; font-weight:500; }
.m037Report .cal i{ font-style:normal; display:grid; place-items:center; height:29px;
    border-radius:7px; background:#f1f2ee; font-size:10px; color:#aab4ab;
    font-variant-numeric:tabular-nums; }
.m037Report .cal i.in{ background:#fff; border:1px solid var(--line); color:var(--muted); }
.m037Report .cal i.t1{ background:var(--pale); color:var(--ink); font-weight:600; border-color:transparent; }
.m037Report .cal i.t2{ background:var(--accent); color:#fff; font-weight:600; border-color:transparent; }
.m037Report .cal i.x{ background:var(--peach); color:var(--red); font-weight:600; border-color:transparent; }
.m037Report .radar .web{ fill:none; stroke:#e6e8e1; stroke-width:1; }
.m037Report .radar .shape{ fill:#469d8226; stroke:var(--accent); stroke-width:1.8;
    stroke-linejoin:round; }
.m037Report .radar .prev{ fill:none; stroke:#c9b183; stroke-width:1.2; stroke-dasharray:3 3; }
.m037Report .radar .lbl{ font-size:8.5px; fill:var(--muted); }
.m037Report .radar .vtx{ fill:#fff; stroke:var(--accent); stroke-width:1.6; }
.m037Report .words{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
    background:var(--line); border:1px solid var(--line); border-radius:14px;
    overflow:hidden; }
.m037Report .words > div{ background:#fff; padding:11px 12px; }
.m037Report .words b{ display:block; font-size:14px; font-weight:600; letter-spacing:-.2px; }
.m037Report .words span{ display:block; font-size:10px; color:var(--muted); margin-top:1px; }
.m037Report .words .multi b:after{ content:'뜻 여럿'; font-size:8px; font-weight:700;
    color:var(--gold); margin-left:5px; vertical-align:1.5px; }
.m037Report .steps{ display:grid; gap:10px; }
.m037Report .steps .st{ display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start;
    font-size:11.5px; color:var(--muted); }
.m037Report .steps .st u{ text-decoration:none; width:18px; height:18px; border-radius:50%;
    border:1px solid #d4dcd6; display:grid; place-items:center; font-size:9px;
    color:var(--muted); }
.m037Report .steps .st.on u{ background:var(--accent); border-color:var(--accent); color:#fff; }
.m037Report .steps .st b{ color:var(--ink); font-weight:600; }
.m037Report .obs{ display:grid; gap:0; }
.m037Report .obs .o{ display:grid; grid-template-columns:52px 1fr; gap:11px; padding:11px 0;
    border-bottom:1px solid #eff1ec; }
.m037Report .obs .o:last-child{ border-bottom:none; }
.m037Report .obs .o time{ font-size:10px; color:var(--muted); font-variant-numeric:tabular-nums; }
.m037Report .obs .o p{ margin:0; font-size:11.5px; line-height:1.75; }
.m037Report .obs .o s{ text-decoration:none; font-size:9px; font-weight:700; color:var(--accent);
    display:block; margin-bottom:2px; letter-spacing:.3px; }
.m037Report footer{ padding:28px 20px 44px; font-size:10px; color:var(--muted); line-height:1.9; }
.m037Report .anim .b{ opacity:0; transform:translateY(13px);
    transition:opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1); }
.m037Report .anim .b.in{ opacity:1; transform:none; }
@keyframes pop{ from{ opacity:.2; transform:scale(.7); } }
@keyframes draw{ to{ stroke-dashoffset:0; } }
@keyframes wipe{ from{ clip-path:inset(0 100% 0 0); } }
.m037Report .anim .cells u.on,.m037Report .anim .cells u.bad,.m037Report .anim .cells u.half,.m037Report .anim .cells u.dim{ opacity:0; }
.m037Report .anim .b.in .cells u{ opacity:1; animation:pop .42s cubic-bezier(.3,1.4,.5,1) backwards; }
.m037Report .anim .rows .rail i,.m037Report .anim .gauge .bar i{ width:0; }
.m037Report .anim .b.in .rows .rail i,.m037Report .anim .b.in .gauge .bar i{ width:var(--w);
    transition:width 1s cubic-bezier(.16,1,.3,1) .15s; }
.m037Report .anim .ring .fg{ stroke-dasharray:var(--c); stroke-dashoffset:var(--c); }
.m037Report .anim .b.in .ring .fg{ stroke-dashoffset:var(--off);
    transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1) .1s; }
.m037Report .anim .line,.m037Report .anim .radar .shape,.m037Report .anim .radar .prev{ stroke-dasharray:var(--len);
    stroke-dashoffset:var(--len); }
.m037Report .anim .b.in .line,.m037Report .anim .b.in .radar .shape,.m037Report .anim .b.in .radar .prev{
    animation:draw 1.3s cubic-bezier(.4,0,.2,1) forwards; }
.m037Report .anim .dot,.m037Report .anim .vtx,.m037Report .anim .pict u.on,.m037Report .anim .pict u.bad,.m037Report .anim .cal i.t1,.m037Report .anim .cal i.t2,.m037Report .anim .cal i.x{ opacity:0; }
.m037Report .anim .b.in .dot,.m037Report .anim .b.in .vtx,.m037Report .anim .b.in .pict u,.m037Report .anim .b.in .cal i{ opacity:1; animation:pop .4s cubic-bezier(.3,1.4,.5,1) backwards; }
.m037Report .anim .stack i{ clip-path:inset(0 100% 0 0); }
.m037Report .anim .b.in .stack i{ animation:wipe .8s cubic-bezier(.16,1,.3,1) forwards; }
@media (prefers-reduced-motion: reduce){.m037Report .anim .b,.m037Report .anim .b.in{ opacity:1; transform:none; transition:none; }
.m037Report .anim .cells u,.m037Report .anim .dot,.m037Report .anim .vtx,.m037Report .anim .pict u,.m037Report .anim .cal i{ opacity:1; animation:none; }
.m037Report .anim .rows .rail i,.m037Report .anim .gauge .bar i{ width:var(--w); transition:none; }
.m037Report .anim .ring .fg{ stroke-dasharray:var(--c); stroke-dashoffset:var(--off); transition:none; }
.m037Report .anim .line,.m037Report .anim .radar .shape,.m037Report .anim .radar .prev{ stroke-dasharray:none;
      stroke-dashoffset:0; animation:none; }
.m037Report .anim .stack i{ clip-path:none; animation:none; }}
.m037Report .b{opacity:1!important;transform:none!important}
.m037Report .line,.m037Report .radar .shape,.m037Report .radar .prev{stroke-dasharray:none;stroke-dashoffset:0}
.m037Report .rows .rail i,.m037Report .gauge .bar i{width:var(--w)}
.m037Report .m037ReportContent{width:100%;max-width:560px;margin:0 auto;padding:10px 12px 16px}
.m037Report .grp{padding:0}
.m037Report .grp>.eyebrow,.m037Report .grp>h3,.m037Report .grp>.lead{display:none}
.m037Report .b{padding:15px;margin:0 0 12px;border-radius:14px}
.m037Report .b h3{font-size:18px}
.m037Report .b .sub,.m037Report .b .cap{font-size:12px;line-height:1.6}
.m037Report .fig{margin-top:10px}
.m037Report .fig svg{max-height:150px;width:100%;height:auto}
.m037Report .sampleNotice{font-size:11px;line-height:1.5;color:#697c81;margin:0 0 10px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{display:block;overflow-x:hidden;overflow-y:auto;height:auto;min-width:1000px;background:#f7f9fb}
.m037{--ink:#173754;--accent:#2f6fe4;--soft:#edf4ff;--paper:#f6f7f9;font-family:PD,'Malgun Gothic',sans-serif;margin:0 auto;padding:30px 0 0;word-break:keep-all}
.m037>.page{display:grid;position:relative;grid-template-columns:minmax(0,43fr) minmax(0,57fr);width:calc(100% - 64px);max-width:1260px;height:800px;min-height:800px;padding:44px 46px!important;gap:0;margin:0 auto 34px;background:#f6f7f9;border:1px solid #dfe7f0;border-radius:30px;overflow:visible;box-shadow:0 16px 48px #1737540b}
.m037>.page :is(h1,h2){font-size:clamp(31px,3vw,40px);line-height:1.3}
.m037 .explain h3{font-size:18px;line-height:1.45}
.m037 .explain p{font-size:15px;line-height:1.85}
.m037 .visual{min-height:0}
.m037 .photo{object-fit:contain}
.m037 .photoBackdrop{display:none}
.m037 .opening .photoBackdrop{display:none}
.m037 .opening .visual{display:flex;align-items:center;justify-content:center;background:#e8eff7}
.m037 .opening .photo{position:relative;max-width:100%;max-height:100%;height:auto;width:100%;object-fit:contain;filter:none}
.m037 .m037-evidence,.m037 .tcZoom,.m037 .mvGrammarItem,.m037 .realEvidence,.m037 img{cursor:default!important}
.m037 .m037RecordStep{font-family:PD,sans-serif;padding:13px 17px;background:#fff;border:1px solid #d5e1ee;border-radius:12px;display:flex;gap:12px;font-size:17px}
.m037 .m037RecordStep span{color:var(--accent);font-size:12px}
.m037 .page.is-offscreen *{animation-play-state:paused!important}
.m037 .paperGallery .visual{overflow:visible;justify-content:flex-start}
.m037Report{font-family:'Malgun Gothic',sans-serif;width:100%;height:auto;background:#f4f3ee;border-radius:18px;overflow:visible}
.m037Report .m037ReportContent{width:100%;max-width:none!important;padding:12px 14px!important;margin:0!important;transform:none!important}
.m037Report .grp{padding:0}
.m037Report .grp>.eyebrow,.m037Report .grp>h3,.m037Report .grp>.lead{display:none}
.m037Report .b{opacity:1!important;transform:none!important;margin:0 0 12px;border-radius:16px;padding:16px}
.m037Report .b h3{font-size:18px;margin:0 0 6px}
.m037Report .sampleNotice{font-size:11px;line-height:1.5;color:#697c81}
.m037 .middlePage29{height:auto;min-height:900px;align-items:start}
.m037 .middlePage29 .visual{height:auto;min-height:0}
.m037 .middlePage29 .copy{position:sticky;top:110px;height:auto;min-height:600px}
.m037 .middlePage29 .explain{margin-top:40px}
.m037Anchor{display:block;height:0;scroll-margin-top:110px}
.m037Contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1260px;margin:0 auto;padding:60px 48px;border-radius:30px 30px 0 0;background:#08254a;color:#fff;font-family:'Noto Sans KR','Malgun Gothic',sans-serif}
.m037Contact h2{font-size:38px;line-height:1.4;margin:12px 0 20px}
.m037Contact p,.m037Contact address{font-size:17px;line-height:1.8;color:#c1d1e4;font-style:normal}
.m037Contact .eyebrow{color:#c1d1e4}
@media(min-width:1000px) and (max-width:1100px){.m037>.page{width:calc(100% - 40px);padding:40px 30px!important;height:780px;min-height:780px}.m037 .page :is(h1,h2){font-size:31px}.m037 .intro{font-size:16px}.m037 .copy{padding-right:26px}.m037 .explain p{font-size:14px}.m037 .mvScopeCardV6{padding:15px}.m037 .mvScopeSample strong{font-size:17px}.m037 .middlePage29{height:auto;min-height:900px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.m037 *{animation:none!important;transition:none!important}}

/* 037d: restore static grammar sheets, teaching contrast and motion fallback */
.m037 .mvPillar.teach p{color:#fff}
.m037 .mvGrammarCard{cursor:default}
@media(prefers-reduced-motion:reduce){
.m037 .reveal,.m037 .mvHandCorrection,.m037 .mvGrammarCard{opacity:1!important;transform:none!important}
.m037 .mvHandLine{width:100%!important;border-right:0!important}
}
@media(min-width:1000px) and (max-width:1100px){.m037 .mvHandLine{font-size:19px}}