.kq-section{max-width:1200px;margin:0 auto;padding:48px 28px 70px;scroll-margin-top:110px;color:#1d1d1f}.kq-section *,.kq-dialog *{box-sizing:border-box}.kq-invite{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;max-width:1040px;margin:auto}.kq-invite h2{font-size:clamp(36px,4.3vw,55px);letter-spacing:-.055em;line-height:1.04;margin:0 0 24px}.kq-invite h2 span{color:#0071e3}.kq-invite-copy>p{font-size:21px;line-height:1.45;color:#747982;margin:0 0 28px}.kq-primary{font:inherit;display:inline-flex;justify-content:center;align-items:center;gap:25px;background:#0071e3;color:white;border:0;border-radius:28px;padding:14px 24px;min-height:50px;font-size:17px;cursor:pointer;transition:background .2s,transform .2s}.kq-primary:hover{background:#0078ec}.kq-primary:active{transform:scale(.97)}.kq-primary>span{font-size:24px;line-height:1}.kq-link{font:inherit;font-size:16px;line-height:1.4;color:#0071e3;cursor:pointer;background:none;border:0;padding:12px 0;min-height:44px;text-align:left}.kq-invite-copy>.kq-link{display:block;margin-top:6px}.kq-invite-art{height:410px;position:relative;display:grid;place-items:center;isolation:isolate}.kq-orbit{position:absolute;width:330px;height:330px;background:radial-gradient(circle at 30% 25%,#f5faff,#dfedff);border-radius:50%;z-index:-1;top:40px;left:50%;transform:translateX(-50%)}.kq-invite-art>img{height:360px;width:100%;object-fit:contain}.kq-floating{position:absolute;bottom:6px;left:50%;transform:translateX(-50%) rotate(-3deg);background:#fff;border:1px solid #eef1f4;box-shadow:0 15px 45px #14305012;border-radius:22px;padding:16px 20px;font-size:17px;white-space:nowrap;color:#626c7b}
.kq-dialog{font-family:-apple-system,BlinkMacSystemFont,'Onest','Segoe UI',sans-serif;color:#1d1d1f;border:0;padding:0;background:#fff;border-radius:34px;width:min(1100px,calc(100% - 48px));height:min(830px,90dvh);max-height:90dvh;max-width:none;overflow:hidden;box-shadow:0 30px 100px #14233740}.kq-dialog[open]{display:flex;flex-direction:column}.kq-dialog::backdrop{background:#24324760;backdrop-filter:blur(13px);animation:kq-backdrop .4s ease-out}body:has(.kq-dialog[open]){overflow:hidden}.kq-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;flex-shrink:0;border-bottom:1px solid #f2f3f6}.kq-brand{font-size:21px;font-weight:650;letter-spacing:-.8px;display:flex;gap:8px;align-items:center}.kq-brand img{width:25px;height:30px;object-fit:contain}.kq-topic{font-size:15px;color:#818794}.kq-close{border:0;border-radius:50%;background:#f0f1f4;width:44px;height:44px;font-size:28px;color:#626a76;cursor:pointer;flex-shrink:0}.kq-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:28px 42px 32px;scrollbar-gutter:stable}.kq-screen{min-width:0}.kq-dialog h2{font-size:clamp(30px,3.5vw,42px);line-height:1.1;letter-spacing:-.045em;margin:0 0 22px;font-weight:650}.kq-dialog em{font-style:normal;color:#0071e3}.kq-dialog h3{font-size:22px;letter-spacing:-.025em;line-height:1.25}.kq-dialog p{font-size:18px;line-height:1.5;color:#707884}.kq-dialog button:focus-visible,.kq-section button:focus-visible,.kq-dialog a:focus-visible{outline:3px solid #1987ff;outline-offset:4px}.kq-dialog h2:focus{outline:none}.kq-question{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center;min-height:560px}.kq-question-art{background:radial-gradient(ellipse,#e8f3ff,transparent 65%);text-align:center}.kq-question-art img{width:100%;height:340px;object-fit:contain}.kq-question-art>span{display:block;color:#0071e3;font-size:17px;margin-top:15px}.kq-question-copy>p{margin:0 0 22px}.kq-question-copy h3{margin:0 0 16px}.kq-answers{display:grid;gap:12px}.kq-answer{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #e7eaf0;background:#f8f9fb;border-radius:20px;cursor:pointer;text-align:left;color:#323a47;font:inherit;min-height:74px;transition:background .2s,border-color .2s,transform .2s}.kq-answer:hover{background:#edf5ff;border-color:#87baff;transform:translateX(3px)}.kq-answer>span{height:31px;width:31px;flex-shrink:0;border-radius:50%;background:white;color:#0071e3;display:grid;place-items:center;font-size:14px}.kq-answer strong{font-size:17px;line-height:1.35;font-weight:500}.kq-answer i{margin-left:auto;color:#7c8ca3;font-size:20px;font-style:normal}.kq-question-copy>.kq-link{margin-top:9px;font-size:15px}.kq-selected{display:flex;align-items:center;gap:16px;background:#f3f6fa;border-radius:17px;padding:14px 18px}.kq-selected>span{font-size:14px;color:#7c8794;flex-shrink:0}.kq-selected strong{font-size:16px;line-height:1.35;font-weight:500}.kq-selected button{font:inherit;font-size:14px;color:#0071e3;border:0;background:none;margin-left:auto;padding:10px;cursor:pointer}.kq-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 28px}.kq-steps button{font:inherit;border:0;background:none;cursor:pointer;text-align:left;color:#8a93a0;font-size:16px;display:flex;align-items:center;gap:10px;position:relative;padding:0 0 13px;border-bottom:3px solid #edf0f4}.kq-steps button[aria-current=step]{color:#0071e3;border-bottom-color:#0071e3}.kq-steps button span{font-size:13px;width:24px;height:24px;border-radius:50%;background:#f1f4f8;display:grid;place-items:center}.kq-explanation{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;min-height:375px}.kq-explain-art{text-align:center}.kq-explain-art>img{width:100%;height:245px;object-fit:contain;animation:kq-art .8s cubic-bezier(.16,1,.3,1)}.kq-explain-art>p{font-size:15px;max-width:280px;margin:10px auto 22px}.kq-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#dcf0ff;color:#118fe5;font-size:25px;margin-bottom:18px}.kq-icon.amber{background:#ffecd2;color:#b47826}.kq-dialog .kq-note{font-size:15px;line-height:1.5;color:#7d8691}.kq-main-text{margin:0 0 15px}.kq-route{list-style:none;display:flex;padding:0;margin:0;font-size:12px;gap:0}.kq-route li{width:33.333%;position:relative;color:#8b95a3;display:flex;flex-direction:column;align-items:center;gap:9px}.kq-route li:before{content:'';position:absolute;left:-50%;right:50%;top:14px;height:2px;background:#e4eaf2;z-index:0}.kq-route li:first-child:before{display:none}.kq-route li>span{height:30px;width:30px;display:grid;place-items:center;background:#edf1f6;border:4px solid white;border-radius:50%;position:relative;z-index:1}.kq-route li.done{color:#0071e3}.kq-route li.done>span{background:#0071e3;color:white}.kq-route li.current>span{background:#ffebcf;color:#ae721e}.kq-route li.done:before{background:#73b0fa;animation:kq-line .8s ease-out;transform-origin:left}.kq-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid #edf0f4}.kq-checklist{list-style:none;margin:20px 0;padding:0;display:grid;gap:15px}.kq-checklist li{display:flex;align-items:flex-start;gap:12px}.kq-checklist li>span{font-size:13px;color:#0071e3;padding-top:3px}.kq-checklist strong{font-size:17px;font-weight:600;line-height:1.3}.kq-checklist p{font-size:15px;margin:3px 0 0;line-height:1.4}.kq-finish{text-align:center;padding:45px 0;max-width:650px;margin:auto}.kq-finish .kq-icon{margin:0 auto 25px}.kq-finish>p{font-size:25px;letter-spacing:-.03em;line-height:1.3}.kq-final-note{font-size:18px;line-height:1.6;color:#737e8b;margin:24px 0}.kq-finish .kq-link{display:block;margin:12px auto;text-align:center}.kq-finish small{display:block;color:#8c95a1;font-size:14px;line-height:1.4;max-width:420px;margin:30px auto 0}.kq-reading{max-width:700px;margin:auto}.kq-reading article{padding:20px 0;border-bottom:1px solid #edf0f4}.kq-reading a{display:block;color:#0071e3;text-decoration:none;font-size:17px;line-height:1.5;margin:20px 0}.kq-reading .kq-icon{margin-bottom:12px}.kq-reading article h3{margin:0 0 12px}
@keyframes kq-art{from{opacity:0;transform:translateY(24px) scale(.92) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes kq-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kq-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.kq-section{padding:36px 22px 45px}.kq-invite{grid-template-columns:1fr;gap:15px;text-align:center}.kq-invite h2{font-size:40px;margin-bottom:20px}.kq-invite-copy>p{font-size:18px;line-height:1.45;margin-bottom:22px}.kq-invite-copy>.kq-link{margin:6px auto;text-align:center}.kq-invite-art{height:295px;grid-row:1}.kq-invite-art>img{height:258px}.kq-orbit{height:245px;width:245px;top:20px}.kq-floating{font-size:15px;padding:13px 17px}.kq-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.kq-top{padding:calc(12px + env(safe-area-inset-top)) 18px 12px}.kq-brand{font-size:19px}.kq-topic{display:none}.kq-body{padding:20px 22px calc(24px + env(safe-area-inset-bottom));scrollbar-gutter:auto}.kq-question{grid-template-columns:1fr;gap:19px;min-height:0}.kq-question-art{display:flex;align-items:center;justify-content:center;gap:12px}.kq-question-art img{height:140px;width:120px}.kq-question-art>span{font-size:16px;max-width:150px;text-align:left;margin:0}.kq-dialog h2{font-size:31px;line-height:1.12;margin-bottom:18px}.kq-dialog p{font-size:17px}.kq-dialog h3{font-size:20px}.kq-answer{padding:15px 13px;gap:11px;min-height:73px}.kq-answer strong{font-size:16px}.kq-answer i{display:none}.kq-selected{flex-wrap:wrap;gap:5px 10px;padding:12px 14px}.kq-selected>span{width:100%;font-size:13px}.kq-selected strong{font-size:15px;flex:1}.kq-selected button{padding:7px 0}.kq-steps{gap:12px;margin:21px 0}.kq-steps button{font-size:14px;line-height:1.3;align-items:flex-start;flex-direction:column;gap:8px}.kq-explanation{grid-template-columns:1fr;gap:18px;min-height:0}.kq-explain-art{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.kq-explain-art>img{height:125px;width:100%;grid-row:1/3}.kq-explain-art>p{font-size:14px;margin:0;text-align:left}.kq-route{font-size:11px;grid-column:2}.kq-route li{gap:5px}.kq-explain-copy .kq-icon{display:none}.kq-dialog .kq-note{font-size:14px}.kq-checklist strong{font-size:16px}.kq-checklist p{font-size:15px}.kq-bottom{gap:15px;margin-top:18px}.kq-primary{font-size:16px;padding:13px 20px;gap:18px}.kq-finish{padding-top:26px}.kq-finish>p{font-size:23px}.kq-reading a{font-size:16px}.kq-link{font-size:15px}}
.kq-question-art>span{font-size:22px;font-weight:500;line-height:1.2;color:#48576b;margin-top:20px}
.kq-question-art>span strong{display:block;font-size:30px;font-weight:700;color:#0071e3;letter-spacing:-.035em;margin-top:5px}
.kq-question-copy>p strong{color:#303e50;font-weight:600}
.kq-dialog[data-view="finish"] .kq-body{display:flex;flex-direction:column;padding-block:24px}
.kq-dialog[data-view="finish"] .kq-finish{width:100%;flex-shrink:0;margin:auto;padding:0;text-align:center}
.kq-summary{margin:22px auto;max-width:600px}
.kq-dialog .kq-summary p{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:0 0 18px}
.kq-summary p:last-child{margin-bottom:0}
.kq-summary strong{font-weight:600;color:#0071e3}
.kq-finish .kq-final-note{margin:18px 0 22px}
.kq-finish small{margin-top:18px;max-width:490px}
@media(max-width:700px){
 .kq-question-art{max-width:440px;width:100%;margin-inline:auto;gap:18px}
 .kq-question-art>span{font-size:20px;max-width:170px;margin-top:0;line-height:1.25}
 .kq-question-art>span strong{font-size:26px;margin-top:5px}
 .kq-dialog .kq-summary p{font-size:19px}
 .kq-finish h2{font-size:30px}
 .kq-dialog[data-view="finish"] .kq-body{padding-block:calc(22px + env(safe-area-inset-bottom))}
 .kq-finish .kq-icon{margin-bottom:18px}
 .kq-finish small{font-size:13px}
}
@media(max-width:360px){.kq-question-art{gap:10px}.kq-question-art img{width:100px}.kq-question-art>span{font-size:18px}.kq-question-art>span strong{font-size:24px}}
.kq-topics{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1040px;margin:32px auto 0}
.kq-topics button{display:flex;align-items:center;gap:14px;text-align:left;font:inherit;color:#273548;background:#f5f7fa;border:1px solid #eef1f5;border-radius:22px;padding:20px;cursor:pointer;min-height:78px;transition:background .2s,transform .2s}
.kq-topics button:hover{background:#edf5ff;transform:translateY(-2px)}
.kq-topics span{color:#0071e3;font-size:14px}.kq-topics strong{font-size:17px;line-height:1.35;font-weight:550}.kq-topics i{margin-left:auto;font-style:normal;color:#0071e3}
.kq-id-layers{display:grid;gap:14px;text-align:left;width:100%;perspective:900px}
.kq-id-layer{display:flex;align-items:flex-start;gap:16px;padding:22px 20px;border:1px solid #e8edf4;border-radius:24px;background:linear-gradient(130deg,#fff,#f5f8fc);box-shadow:0 9px 25px #24426507;min-width:0}
.kq-id-layer:last-child{background:linear-gradient(130deg,#f5fbff,#e8f3ff);border-color:#d6e9fd}
.kq-id-index{font-size:14px;color:#8a97a7;padding-top:3px}.kq-id-label{display:block;color:#0071e3;font-size:14px;line-height:1.4;margin-bottom:7px}
.kq-id-layer strong{font-size:21px;line-height:1.2;letter-spacing:-.03em;display:block}
.kq-dialog .kq-id-layer p{font-size:16px;line-height:1.4;margin:8px 0 0}
.kq-id-explanation{gap:32px}.kq-id-explanation .kq-explain-art:has(.kq-id-layers){display:block}
.kq-dialog[data-topic="1"] .kq-reading>.kq-id-layers{margin:28px 0}
.kq-dialog[data-topic="1"] .kq-note{font-size:16px}
@media(max-width:700px){
 .kq-topics{grid-template-columns:1fr;margin-top:22px;gap:10px}.kq-topics button{min-height:70px;padding:18px}
 .kq-id-explanation{gap:26px}.kq-id-layers{gap:10px}.kq-id-layer{padding:16px;border-radius:20px;gap:12px}
 .kq-id-layer strong{font-size:20px}.kq-id-label{margin-bottom:4px}.kq-dialog .kq-id-layer p{margin-top:5px}
 .kq-dialog[data-topic="1"] .kq-question-art>span{max-width:185px}
 .kq-dialog[data-topic="1"] .kq-steps button{font-size:14px}
 .kq-dialog[data-topic="1"] .kq-finish .kq-primary{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.kq-section *,.kq-dialog *,.kq-dialog::backdrop{animation:none!important;transition:none!important}}

/* Keep the lesson context visible and controls optically centered. */
.kq-topic{font-weight:550;color:#667180}.kq-mobile-topic{display:none}.kq-close{line-height:1}
@media(max-width:700px){.kq-mobile-topic{display:block;flex-shrink:0;padding:9px 18px;border-bottom:1px solid #eef1f4;background:#f8fafc;color:#596779;font-size:13px;font-weight:650;text-align:center}}