.service-story{--sv-ink:#334c57;--sv-teal:#426c73;--sv-yellow:#f1d66d;color:var(--sv-ink);background:#fffefb;font-size:16px;line-height:2;overflow-wrap:anywhere}.service-story h1,.service-story h2,.service-story h3{font-weight:600;letter-spacing:.035em}.service-story h1{font-size:clamp(28px,4vw,44px);line-height:1.65}.service-story h2{font-size:clamp(23px,3vw,30px);line-height:1.65}.service-story h3{font-size:20px;line-height:1.7}.service-story p{margin:18px 0 0}.service-story strong{font-weight:600;background:linear-gradient(transparent 65%,#f8edb7 65%)}.sv-hero{text-align:center;padding:44px 42px 0;background:linear-gradient(#f7f2df,#fffefb)}.sv-label{display:inline-block;font-size:12px;letter-spacing:.12em;border:1px solid #b4c8c8;border-radius:99px;padding:5px 18px;background:#fffefb}.sv-kicker{font-size:14px;color:#5e797b;margin:26px 0 12px!important}.sv-deck{font-size:17px}.sv-scene{display:block;width:100%;height:auto;border-radius:26px;margin:25px auto 0;object-fit:contain}.sv-caption{display:inline-block;position:relative;margin-top:-9px;padding:7px 24px;background:#f5e393;transform:rotate(-2deg);font-size:14px}.sv-body{padding:0 54px 40px}.sv-body>section{padding:56px 0;border-bottom:1px solid #d8e3df;scroll-margin-top:85px}.sv-question{font-size:23px;line-height:1.8;text-align:center;color:#496d73;margin:0 0 28px!important}.sv-teacher{display:flex;align-items:center;gap:20px;margin-top:30px}.sv-icon{object-fit:contain;width:75px;height:75px;flex-shrink:0}.sv-teacher>.sv-icon{width:80px;height:130px}.sv-teacher>div{position:relative;border:1px solid #b9d6da;border-radius:22px;padding:18px 23px;background:white;flex:1}.sv-teacher>div:before{content:'';position:absolute;left:-9px;top:40%;width:15px;height:15px;background:white;border-left:1px solid #b9d6da;border-bottom:1px solid #b9d6da;transform:rotate(45deg)}.sv-teacher span{color:#547b80;font-size:12px;font-weight:bold}.sv-teacher p{font-size:14px;margin-top:6px}.sv-toc{background:#f1f6f3;padding:23px 28px;border-radius:18px;margin-top:32px}.sv-toc>span{display:block;font-size:12px;color:#65817c}.sv-toc a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #bdceca;font-size:14px;text-decoration:none}.sv-toc a:last-child{border:0}.sv-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.sv-heading span{font-size:12px;color:#6a817f;display:block;margin-bottom:8px}.sv-note{font-size:12px!important;color:#657677;line-height:1.8}.sv-day-card{position:relative;margin-top:35px;padding:28px;border:1px solid #d7e0dc;border-radius:24px;background:white}.sv-tab{display:inline-block;font-size:12px;color:#527274;background:#edf4ed;padding:4px 12px;margin-bottom:12px;border-radius:4px;transform:rotate(-1deg)}.sv-blue{background:#f2f8fa;border-color:#c9dde4}.sv-yellow{background:#fff9e7;border-color:#e7dab2}.sv-blue .sv-tab{background:#dcecf0}.sv-yellow .sv-tab{background:#f1df9f}.sv-day-card .sv-scene{margin:18px 0 0}.sv-small-note{display:flex;gap:16px;align-items:center;margin-top:24px}.sv-small-note p{margin:0;font-size:14px}.sv-small-note .sv-icon{width:52px;height:60px}.sv-dialogue{padding:20px 24px;border-left:3px solid #91bbc6;background:white;margin-top:22px;border-radius:0 12px 12px 0}.sv-dialogue span{font-size:12px;color:#607e88}.sv-dialogue p{font-size:18px;margin-top:6px}.sv-return{padding:20px;background:#f0f5ed;border-radius:16px}.sv-skills{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:26px 0}.sv-skills>div{background:#f0f5f4;border-radius:50px 50px 14px 14px;padding:18px 10px;text-align:center}.sv-skills span{font-size:11px;color:#778c87}.sv-skills h3{font-size:18px}.sv-skills p{font-size:12px;line-height:1.8;margin-top:10px}.sv-definition{padding:28px;background:#fff8de;border-radius:3px 22px 22px 22px;border-top:5px solid #ecda97}.sv-cycle{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;gap:14px;margin-top:28px}.sv-cycle li{position:relative;text-align:center;padding:14px 5px;background:#e6f1f1;border-radius:14px}.sv-cycle li:not(:last-child):after{content:'›';position:absolute;right:-12px;top:22px;color:#799993}.sv-cycle b{display:block;font-size:16px}.sv-cycle span{font-size:11px}.sv-center{text-align:center;color:#597d7b}.sv-coach{margin-top:25px;counter-reset:coach}.sv-coach>div{counter-increment:coach;padding:23px 0 23px 48px;border-bottom:1px dashed #cfdbd6;position:relative}.sv-coach>div:before{content:counter(coach,decimal-leading-zero);position:absolute;left:0;top:25px;color:#638a8c;font-size:18px}.sv-coach span{font-size:12px;color:#688282}.sv-coach p{font-size:15px;margin-top:10px}.sv-checks{margin-top:26px}.sv-checks details{border:1px solid #d2dfdc;background:white;border-radius:15px;margin:12px 0;padding:0 20px}.sv-checks summary{cursor:pointer;padding:18px 5px;font-weight:600;min-height:54px}.sv-checks details p{padding:0 5px 22px;margin:0;font-size:15px}.sv-ending{text-align:center;border:0!important}.sv-ending>.sv-icon{display:block;width:100px;height:145px;margin:0 auto 18px}.sv-ending h2{margin-top:20px}.sv-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-radius:16px;background:#3e6874;color:#fff;padding:17px 22px;min-height:56px;margin-top:25px;text-align:left;font-size:16px}.sv-link:hover{background:#305663}.sv-next{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sv-next .sv-link{background:#edf3ef;color:#35575f;font-size:13px;border:1px solid #c9d9d1}.sv-link span{margin-left:15px}.service-story a:focus-visible{outline:3px solid #b68a20;outline-offset:4px}@media(max-width:600px){.sv-hero{padding:30px 20px 0}.sv-body{padding:0 22px 20px}.sv-body>section{padding:40px 0}.sv-kicker{font-size:12px}.sv-deck{font-size:15px}.sv-question{font-size:21px}.sv-caption{font-size:12px;padding:6px 12px}.service-story{font-size:15px}.sv-heading{gap:12px}.sv-heading>.sv-icon{width:54px;height:64px}.sv-heading span{font-size:11px}.sv-day-card{padding:21px 17px;margin-top:26px}.sv-day-card h3{font-size:19px}.sv-teacher{gap:12px;align-items:flex-start}.sv-teacher>.sv-icon{width:58px;height:105px;margin-top:18px}.sv-teacher>div{padding:15px}.sv-teacher p{font-size:13px}.sv-toc{padding:18px}.sv-skills{grid-template-columns:repeat(6,1fr)}.sv-skills>div{grid-column:span 2}.sv-skills>div:nth-last-child(-n+2){grid-column:span 3;border-radius:16px}.sv-definition{padding:22px}.sv-cycle{grid-template-columns:repeat(2,1fr)}.sv-cycle li:after{display:none}.sv-next{grid-template-columns:1fr;gap:0}.sv-coach h3{font-size:18px}.sv-dialogue{padding:17px}.sv-dialogue p{font-size:16px}}
.sv-teacher>.sv-avatar{position:relative;display:block;flex:0 0 76px;width:76px;height:76px;overflow:hidden;border-radius:50%;border:2px solid #bdd5d5;background:#fff8e4}.sv-teacher>.sv-avatar>img{position:static;display:block;width:145%;height:auto;max-width:none;margin:3% 0 0 -22.5%;object-fit:contain}.sv-teacher>.sv-avatar>img[src*="explain-open"]{margin-left:-12.5%}.sv-teacher>.sv-avatar>img[src*="kanae-listen-navy"]{width:94%;height:auto;margin:6% auto 0;object-fit:contain}@media(max-width:600px){.sv-teacher>.sv-avatar{flex-basis:64px;width:64px;height:64px;margin-top:12px}}
/* Preserve the chosen text size; give each learning skill enough reading width. */
#reader-content:is([data-text-scale="150"],[data-text-scale="200"]) .sv-skills{grid-template-columns:repeat(2,minmax(0,1fr))}
#reader-content:is([data-text-scale="150"],[data-text-scale="200"]) .sv-skills>div{grid-column:auto;border-radius:18px}
@media(max-width:600px){#reader-content:is([data-text-scale="150"],[data-text-scale="200"]) .sv-skills{grid-template-columns:minmax(0,1fr)}}