/* 세션 103-C-5 — 휴대폰(760 이하) · 태블릿(761~1023) 새 자(원장 / · 학부모 /parent 공통 · assets/mt.js 가 html 에 .mt · .mt-ph · .mt-tb 를 붙임)
 *  장면을 통째로 줄이는 맞춤(zoom)을 첫 장 · 마지막 장에서 쓰지 않고 글자 한 벌로 그림. PC(1024 이상)는 변경 0.
 *  글자 한 벌(휴대폰 / 태블릿): 큰 제목 22 / 32(800) · 본문 14 / 17 · 단계 제목 15 / 18 · 작은 글 12.5 / 15 · 채움 단추 15 / 16 · 높이 44 / 50 · 안쪽 22 / 26 · 모서리 12 · 그림자 없음 */
html.mt{--tbig:22px;--tbody:14px;--tstep:15px;--tsmall:12.5px;--bfs:15px;--bh:44px;--bpx:22px}
html.mt.mt-tb{--tbig:32px;--tbody:17px;--tstep:18px;--tsmall:15px;--bfs:16px;--bh:50px;--bpx:26px}
html.mt-measure .comp,html.mt-measure .comp *{animation:none!important;transition:none!important}

/* ── 첫 장(두 페이지 같은 틀 · .mt-hero = 첫 장 맞춤 칸) ── */
html.mt .mt-hero{zoom:1!important;width:100%}
html.mt .mt-hero>section{overflow:visible!important}
html.mt .mt-hero>section>div[aria-hidden]{display:none!important}
html.mt .mt-hero>section>div:not([aria-hidden]){display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:20px!important;max-width:none!important;margin:0!important;padding:0 28px!important;box-sizing:border-box}
html.mt.mt-tb .mt-hero>section>div:not([aria-hidden]){gap:26px!important;max-width:848px!important;margin:0 auto!important;padding:0 64px!important}
html.mt .mt-hero>section>div:not([aria-hidden])>div:first-child{flex:none!important;gap:20px!important;align-items:flex-start!important;text-align:left!important}
html.mt.mt-tb .mt-hero>section>div:not([aria-hidden])>div:first-child{gap:26px!important}
html.mt .mt-hero h1{font-size:var(--tbig)!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.5px!important;white-space:normal!important}
html.mt .mt-hero h1 br{display:inline!important}
html.mt .mt-hero h1+span{font-size:var(--tsmall)!important;padding:7px 14px!important}
html.mt.mt-tb .mt-hero h1+span{padding:9px 18px!important}
html.mt .mt-hero h1+span+span{display:none!important}
html.mt .mt-hero .compwrap2{flex:none!important;width:100%!important;min-width:0!important;display:flex!important;justify-content:center!important}

/* ── 가운데 장면: 큰 제목 크기만(원장 = 장면 확대 비율을 되돌려 실제 22 / 32 · 학부모 = deck.css 장면) ── */
html.mt .slide:not([data-s="0"]):not(:last-of-type) .sh2,html.mt .slide:not([data-s="0"]):not(:last-of-type) .fit h2,html.mt #guide .g-title{font-size:calc(var(--tbig) / var(--tz,1))!important}
html.mt body .ch:not(.last) .scene .txt h2{font-size:var(--tbig)!important}

/* ── 원장 마지막 장 ── */
html.mt body .slide.mt-last{align-items:stretch!important}
html.mt body .slide.mt-last>.fit{zoom:1!important}
html.mt body .lastwrap{min-height:100svh!important;box-sizing:border-box!important;padding:calc(var(--mt-tb,56px) + 20px) 28px 92px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;max-width:none!important}
html.mt.mt-tb body .lastwrap{padding:calc(var(--mt-tb,61px) + 30px) 64px 120px!important}
html.mt body .lastwrap .mk{gap:10px!important;margin:0!important}
html.mt body .lastwrap .mk1{font-size:var(--tbig)!important;font-weight:800!important;line-height:1.4!important;letter-spacing:-.5px!important}
html.mt body .lastwrap .mk2{font-size:var(--tbody)!important;line-height:1.85!important;color:#64748B!important}
html.mt body .lastwrap .get{margin-top:52px!important;gap:0!important}
html.mt.mt-tb body .lastwrap .get{margin-top:64px!important}
html.mt body .lastwrap .get p{gap:10px!important;font-size:var(--tbody)!important;font-weight:700!important;color:#3F4A5C!important}
html.mt body .lastwrap .get .zero{font-size:var(--tsmall)!important;padding:6px 12px!important}
html.mt body .lastwrap .get .dlbtn{margin-top:18px!important}
html.mt body .lastwrap .again-row{margin-top:34px!important}
html.mt body .lastwrap .again-row .see-parent{font-size:var(--tsmall)!important;padding:7px 12px!important;border-width:1.5px!important}

/* ── 채움 단추(첫 장 · 마지막 장 「인벨 앱 다운로드」) ── */
html.mt body .dl-main{font-size:var(--bfs)!important;height:var(--bh)!important;padding:0 var(--bpx)!important;border-radius:12px!important;box-shadow:none!important;width:auto!important;max-width:none!important;min-width:0!important}
html.mt body .dlbtn{width:auto!important;align-self:center!important}

/* ── 학부모 마지막 장(설치) ── */
html.mt body .ch.last .endwrap{padding:calc(var(--mt-tb,56px) + 18px) 28px 120px!important;gap:0!important;max-width:none!important}
html.mt.mt-tb body .ch.last .endwrap{padding:calc(var(--mt-tb,61px) + 30px) 64px 140px!important;max-width:848px!important}
html.mt body .ch.last .endwrap .mk1{font-size:var(--tbig)!important;font-weight:800!important;margin:0 0 18px!important;line-height:1.35!important}
html.mt.mt-tb body .ch.last .endwrap .mk1{margin-bottom:26px!important}
html.mt body .ch.last .pa-steps{gap:8px!important;width:100%!important;max-width:520px!important;margin:0 auto!important}
html.mt body .ch.last .pa-steps li{padding:12px 16px!important;font-size:var(--tsmall)!important}
html.mt.mt-tb body .ch.last .pa-steps li{padding:16px 20px!important}
html.mt body .ch.last .pa-steps li b{font-size:var(--tstep)!important}
html.mt body .ch.last .pa-steps li span{font-size:var(--tsmall)!important}
html.mt body .ch.last .endwrap>.dlbtn{margin-top:22px!important}
html.mt body .ch.last .faqwrap{margin-top:44px!important}

/* ── 마지막 장 「다시 보기」 = 오른쪽 아래 동그라미 ↺(모든 폭 · 103-C-4 추가 2) ── */
body .again,body .lastwrap .again{display:none!important}
body.onlast .pp{font-size:0!important}
body.onlast .pp::after{content:"↺";font-size:19px;font-weight:900;line-height:1}

/* ── 103-C-6 PC(1024 이상) 첫 장 = 한 줄 배치(제목 → 알약 → 휴대폰 그림 · 기둥 가운데 · 기둥 폭 = mt.js) ── */
html.mt-pc .mt-hero{zoom:1!important;width:100%}
html.mt-pc .mt-hero>section{overflow:visible!important}
html.mt-pc .mt-hero>section>div[aria-hidden]{display:none!important}
html.mt-pc .mt-hero>section>div:not([aria-hidden]){display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:28px!important;max-width:none!important;margin:0 auto!important;padding:0!important;box-sizing:border-box}
html.mt-pc .mt-hero>section>div:not([aria-hidden])>div:first-child{flex:none!important;gap:24px!important;align-items:flex-start!important;text-align:left!important}
html.mt-pc .mt-hero h1{font-size:44px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.5px!important;white-space:normal!important}
html.mt-pc.mt-short .mt-hero h1{font-size:40px!important}
html.mt-pc .mt-hero h1+span{font-size:16px!important;padding:8px 16px!important}
html.mt-pc .mt-hero h1+span+span{display:none!important}
html.mt-pc .mt-hero .compwrap2{flex:none!important;width:100%!important;min-width:0!important;display:flex!important;justify-content:center!important}
/* PC 기둥: 상단 바(assets/topbar.css html.colset) · 점 막대 · 재생 동그라미 = mt.js */

/* ── 103-C-6 휴대폰 = 학부모 「자주 묻는 것 3가지 ›」 ── */
.faqtog{display:none}
html.mt-ph body .ch.last .faqwrap{margin-top:16px!important}
html.mt-ph body .faqwrap .faqtog{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;padding:10px 0;border:0;background:none;font:inherit;font-size:var(--tsmall);font-weight:700;color:#64748B;cursor:pointer}
html.mt-ph body .faqwrap .faqtog i{font-style:normal;display:inline-block;transition:transform .2s}
html.mt-ph body .faqwrap.open .faqtog i{transform:rotate(90deg)}
html.mt-ph body .faqwrap .faqh{display:none!important}
html.mt-ph body .faqwrap:not(.open) .faq{display:none!important}

/* 103-C-6 휴대폰·태블릿 가운데 장면 = stage 폭 100vw 가 줄인 칸(fit) 안에서 왼쪽에 붙음 → 칸 폭 100% */
html.mt .slide>.fit>.stage{width:100%!important}
/* 103-C-7 마지막 장 상자 폭 = 늘 칸 폭(내용 길이 따라 폭이 바뀌던 것) */
html.mt body .ch.last .scroll>.endwrap{width:100%!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
html.mt body .ch.last .endwrap>.faqwrap{width:100%!important;max-width:520px!important;box-sizing:border-box}
/* 103-C-7 재생 단추 맥박(옛 숨쉬기 대신) · 빛 테두리만 · 단추 그대로 */
body .pp.breath{animation:none!important}
@keyframes mtpulse{0%{box-shadow:0 0 0 0 var(--mtp0)}80%,100%{box-shadow:0 0 0 var(--mtps,7px) var(--mtp1)}}
body .pp{--mtp0:rgba(29,29,118,.45);--mtp1:rgba(29,29,118,0)}
body .pp.mt-pw{--mtp0:rgba(255,255,255,.7);--mtp1:rgba(255,255,255,0)}
body .pp.mt-pulse{animation:mtpulse 2s ease-out infinite!important}
body .pp.mt-pulse3{animation:mtpulse 2s ease-out 3!important}
@media (prefers-reduced-motion:reduce){body .pp.mt-pulse,body .pp.mt-pulse3{animation:none!important}}
.tip{display:none!important}