/* COGO Guide Design R1 · presentation only · no account or lesson changes */
body[data-view="guide19"] #main.content{padding:24px 30px!important;background:var(--surface-soft,#f4f6fb)}
body[data-view="guide19"] .guide23.guide28{--g-ink:#192844;--g-muted:#63718a;--g-line:#dfe5ee;--g-paper:#fff;--g-soft:#f2f5fa;--g-accent:#425ce8;max-width:1560px;padding:0 0 8px!important}
.guide23.guide28 .guide-top23{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:23px 30px!important;margin:0 0 16px;background:linear-gradient(115deg,#172640 0%,#243657 70%,#304967 100%);color:#fff;min-height:112px;box-shadow:0 8px 24px #14223c0c}
.guide23.guide28 .guide-top23:after{content:"";position:absolute;z-index:-1;right:6%;top:-122px;width:370px;height:370px;border-radius:50%;border:1px solid #a9c9e62b;box-shadow:0 0 0 38px #9cbee90b,0 0 0 39px #a9c9e617,0 0 0 78px #9cbee907,0 0 0 79px #a9c9e614;pointer-events:none}
.guide23.guide28 .guide-eyebrow23{display:inline-block;color:#bacaff;font-size:10px;letter-spacing:2.2px;line-height:1.4}
.guide23.guide28 .guide-top23 h1{font-size:clamp(25px,2.05vw,34px);font-weight:800;letter-spacing:-1.15px;line-height:1.3;margin:7px 0;color:#fff}
.guide23.guide28 .guide-top23 p{color:#c2cedf;font-size:13px;line-height:1.6;margin:0}
.guide23.guide28 .guide-audience23{border:1px solid #ffffff24;background:#ffffff0d;padding:4px;border-radius:13px;position:relative;z-index:1}
.guide23.guide28 .guide-audience23 button{color:#ced8ea;min-height:40px;font-size:13px;border-radius:9px;padding:9px 17px}
.guide23.guide28 .guide-audience23 [aria-pressed=true]{background:#fff;color:#22385f;box-shadow:0 3px 10px #0002}
.guide23.guide28 .guide-topics23{border:0;gap:9px;margin:0 0 18px;grid-template-columns:repeat(6,minmax(0,1fr))}
.guide23.guide28 .guide-topics23 button{border:1px solid var(--g-line);border-radius:13px;min-height:60px;padding:10px 12px;justify-content:flex-start;gap:10px;text-align:left;font-size:13px;font-weight:750;background:var(--g-paper);color:var(--g-muted);transition:border-color .18s,background .18s,box-shadow .18s}
.guide23.guide28 .guide-topics23 button>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:9px;color:#77849d;background:#f0f3f8;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.guide23.guide28 .guide-topics23 button[aria-current=step]{background:#edf1ff;border-color:#8092ed;color:#344dce;box-shadow:inset 0 -2px 0 #5369dd,0 4px 12px #435ace0b}
.guide23.guide28 .guide-topics23 button[aria-current=step]>span{background:#425ce8;color:#fff}
.guide23.guide28 .guide-topics23 button:hover{border-color:#8192d3;background:#f2f5ff}
.guide23.guide28 .guide-body23{grid-template-columns:minmax(280px,.78fr) minmax(0,1.72fr);gap:22px;align-items:stretch}
.guide23.guide28 .guide-story23{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:27px 25px;border:1px solid #e0e5ee;border-radius:21px;background:linear-gradient(150deg,#fff 55%,#f5f7ff);box-shadow:0 6px 20px #293d6105}
.guide23.guide28 .guide-story23:before{content:"";position:absolute;left:25px;right:25px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#516ae9,#b5c1f9 65%,transparent);pointer-events:none}
.guide23.guide28 .guide-chapter23{align-self:flex-start;background:#edf1ff;color:#425acb;padding:6px 10px;border-radius:7px;font-size:10px;letter-spacing:1.6px;line-height:1.4;margin:0 0 18px}
.guide23.guide28 .guide-story23 h2{color:var(--g-ink);font-size:clamp(25px,1.9vw,32px);line-height:1.4;letter-spacing:-1px;margin:0 0 15px;word-break:keep-all}
.guide23.guide28 .guide-story23>p{color:var(--g-muted);font-size:14px;line-height:1.85;margin:0 0 20px;word-break:keep-all}
.guide23.guide28 .guide-step-list23{display:grid;gap:8px;margin:0 0 25px}
.guide23.guide28 .guide-step-list23 button{position:relative;min-height:46px;padding:10px 11px;gap:10px;border-radius:11px;color:var(--g-muted);background:transparent;border:1px solid transparent}
.guide23.guide28 .guide-step-list23 button>b{font-size:13px;line-height:1.55;font-weight:650}
.guide23.guide28 .guide-step-list23 button>span{flex-basis:25px;height:25px;border:1px solid #dce3ef;background:#fff;color:#7484a0;font-size:11px}
.guide23.guide28 .guide-step-list23 [aria-current=step]{background:#edf2ff;border-color:#c8d3ff;color:#334dcc;box-shadow:none}
.guide23.guide28 .guide-step-list23 [aria-current=step]>span{background:#425ce8;border-color:#425ce8;color:white;box-shadow:0 3px 9px #425ce830}
.guide23.guide28 .guide-step-list23 .done23>span{background:#e7f4ed;color:#2b7960;border-color:#cde9da}
.guide23.guide28 .guide-real23{min-height:48px;padding:13px 16px;max-width:none;margin-top:auto;background:#263d66;color:#fff;border:1px solid #263d66;border-radius:11px;font-size:14px;font-weight:750;box-shadow:0 4px 10px #25396112;transition:background .2s,transform .2s}
.guide23.guide28 .guide-real23:hover{background:#354f7c}
.guide23.guide28 .guide-real23:active{transform:scale(.985)}
.guide23.guide28 .guide-story23>small{font-size:11px;line-height:1.6;color:var(--g-muted);margin-top:11px}
.guide23.guide28 .guide-player23{align-self:stretch;border:1px solid #d3ddeb;border-radius:21px;background:var(--g-paper);box-shadow:0 12px 28px #2238580c}
.guide23.guide28 .guide-screen23{flex:1;display:flex;flex-direction:column;padding:0 23px 23px;min-height:0;background:radial-gradient(ellipse at 85% 15%,#e9edff,transparent 60%),linear-gradient(90deg,#b3c4da14 1px,transparent 1px),linear-gradient(#b3c4da14 1px,transparent 1px),#edf3f8;background-size:auto,24px 24px,24px 24px,auto}
.guide23.guide28 .guide-screenbar23{flex:none;margin:0 -23px 20px;padding:0 20px;height:43px;background:#f9fbfe;border-bottom:1px solid #dce4ef;color:#566986;font-size:11px;letter-spacing:.2px}
.guide23.guide28 .guide-screenbar23 i{width:7px;height:7px;background:#d6dfeb}
.guide23.guide28 .guide-screenbar23 i:first-child{background:#efa8a0}.guide23.guide28 .guide-screenbar23 i:nth-child(2){background:#e9ce8d}.guide23.guide28 .guide-screenbar23 i:nth-child(3){background:#9bcabb}
.guide23.guide28 .guide-screenbar23 em{font-size:10px;line-height:1.4;border:1px solid #dce4ef;padding:4px 7px;border-radius:5px;background:#fff;color:#657991;white-space:nowrap}
.guide23.guide28 .guide-scene23{flex:1;display:flex;align-items:center;width:100%;max-width:800px;margin:0 auto;min-height:0;overflow:visible}
.guide23.guide28 .guide-scene23>.mini-window20{width:100%;min-height:0;border-radius:15px;border:1px solid #dce4f0;background:#fff;color:#253352;box-shadow:0 12px 30px #314d7520}
.guide23.guide28 .mini-header20{background:#fafbfe;border-color:#edf0f7;padding:12px 16px;font-size:11px;border-radius:15px 15px 0 0}
.guide23.guide28 .subject-orbit20{gap:10px;padding:18px}
.guide23.guide28 .subject-orbit20 button{min-height:80px;border:1px solid #e1e7f3;background:#f8faff;border-radius:12px;transition:background .18s,border-color .18s}
.guide23.guide28 .subject-orbit20 button>span{display:grid;place-items:center;width:37px;height:37px;margin:0 auto 5px;background:#fff;border-radius:11px;font-size:26px;box-shadow:0 3px 8px #42527a08}
.guide23.guide28 .subject-orbit20 button>b{font-size:12px;color:#4a6080}
.guide23.guide28 .subject-orbit20 button[aria-pressed=true],.guide23.guide28 .subject-orbit20 .selected{border-color:#8b9ff5;background:#edf1ff}
.guide23.guide28 .demo-selection20{margin:0 18px 18px;border-radius:11px;background:#edf3ff;padding:12px;min-height:56px}
.guide23.guide28 .guide-caption23{display:grid;grid-template-columns:73px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:17px 22px;border-top:1px solid var(--g-line);background:var(--g-paper)}
.guide23.guide28 .guide-caption-tag23{display:flex;align-items:center;justify-content:center;align-self:start;grid-row:1/3;margin:1px 0 0;border-radius:7px;padding:7px 5px;background:#edf1ff;color:#425acb;font-size:11px;font-weight:750;letter-spacing:0;line-height:1.4}
.guide23.guide28 .guide-caption23 h3{font-size:15px;font-weight:750;line-height:1.5;margin:0;color:var(--g-ink)}
.guide23.guide28 .guide-caption23 p{font-size:12px;line-height:1.7;min-height:0;margin:0;color:var(--g-muted)}
.guide23.guide28 .guide-playbar23{padding:12px 20px;gap:10px;min-height:64px;background:#f8faff;border-top:1px solid var(--g-line)}
.guide23.guide28 .guide-playbar23 button{height:39px;min-height:39px;border-radius:9px;background:#eef2f8;font-size:12px}
.guide23.guide28 .guide-playbar23 .guide-play23{background:#425ce8;color:white;min-width:109px;font-size:12px;box-shadow:0 4px 8px #425ce818}
.guide23.guide28 .guide-transport23{gap:6px}.guide23.guide28 .guide-transport23 button{width:31px;font-size:20px}
.guide23.guide28 .guide-counter23{font-size:12px;color:var(--g-muted)}
.guide23.guide28 .guide-speed23{margin-left:auto;color:var(--g-muted);font-size:11px}
.guide23.guide28 .guide-speed23 select{height:39px;color:var(--g-ink);background:#eef2f8;font-size:12px;max-width:83px;border-radius:8px;padding:7px}
.guide23.guide28 .guide-end23{border:0;margin:10px 0 0;gap:10px;padding:0!important}
.guide23.guide28 .guide-end23>span{font-size:11px;color:var(--g-muted)}
.guide23.guide28 .guide-end23>button{min-height:36px;border-radius:9px;padding:8px 12px;font-size:12px;color:#425acb;background:#eaf0ff}
.guide23.guide28 button:focus-visible,.guide23.guide28 select:focus-visible{outline:3px solid #7c98ef!important;outline-offset:3px}
[data-theme=dark] .guide23.guide28{--g-ink:#ecf1ff;--g-muted:#a8b7cf;--g-line:#374760;--g-paper:#1e2c43;--g-soft:#263751;--g-accent:#aabaff}
[data-theme=dark] .guide23.guide28 .guide-top23{background:linear-gradient(110deg,#20314f,#2b4163);border:1px solid #3a4c68}
[data-theme=dark] .guide23.guide28 .guide-topics23 button{background:#233249;border-color:#374760;color:#b4c2d9}
[data-theme=dark] .guide23.guide28 .guide-topics23 button>span{background:#314361;color:#c6d3ec}
[data-theme=dark] .guide23.guide28 .guide-topics23 button[aria-current=step]{background:#344576;border-color:#8a9fdf;color:#edf1ff}
[data-theme=dark] .guide23.guide28 .guide-topics23 button[aria-current=step]>span{background:#a8baff;color:#182846}
[data-theme=dark] .guide23.guide28 .guide-story23{background:linear-gradient(150deg,#213047,#263651);border-color:#374760}
[data-theme=dark] .guide23.guide28 .guide-chapter23,[data-theme=dark] .guide23.guide28 .guide-caption-tag23{background:#344570;color:#c5d2ff}
[data-theme=dark] .guide23.guide28 .guide-step-list23 button>span{background:#2b3c57;border-color:#4a5c79;color:#c3d0e7}
[data-theme=dark] .guide23.guide28 .guide-step-list23 [aria-current=step]{background:#344570;color:#e1e8ff;border-color:#637fc1}
[data-theme=dark] .guide23.guide28 .guide-step-list23 [aria-current=step]>span{background:#aec1ff;color:#203052;border-color:#aec1ff}
[data-theme=dark] .guide23.guide28 .guide-real23{background:#657fe0;border-color:#657fe0;color:white}
[data-theme=dark] .guide23.guide28 .guide-player23{border-color:#45556f}
[data-theme=dark] .guide23.guide28 .guide-screen23{background:radial-gradient(ellipse at top right,#36496b,transparent 70%),#293a53}
[data-theme=dark] .guide23.guide28 .guide-screenbar23{background:#253650;border-color:#45556f;color:#c6d5ef}
[data-theme=dark] .guide23.guide28 .guide-screenbar23 em{background:#334864;border-color:#4a5e7c;color:#c6d5ef}
[data-theme=dark] .guide23.guide28 .guide-playbar23{background:#223249}
[data-theme=dark] .guide23.guide28 .guide-playbar23 button,[data-theme=dark] .guide23.guide28 .guide-speed23 select{background:#31435f;color:#dae5ff}
[data-theme=dark] .guide23.guide28 .guide-playbar23 .guide-play23{background:#657fe0;color:#fff}
[data-theme=dark] .guide23.guide28 .guide-end23>button{background:#344570;color:#cfdaff}
@media(min-width:1001px) and (max-height:850px){
 body[data-view="guide19"] #main.content{padding:18px 24px!important}
 .guide23.guide28 .guide-top23{min-height:0;padding:17px 25px!important;margin-bottom:12px}
 .guide23.guide28 .guide-top23 h1{font-size:26px;margin:5px 0}.guide23.guide28 .guide-top23 p{font-size:12px}
 .guide23.guide28 .guide-topics23{margin-bottom:14px;gap:7px}.guide23.guide28 .guide-topics23 button{min-height:50px;padding:8px;font-size:11px;gap:7px}
 .guide23.guide28 .guide-story23{padding:21px}.guide23.guide28 .guide-chapter23{margin-bottom:12px}
 .guide23.guide28 .guide-story23 h2{font-size:25px;margin-bottom:12px}.guide23.guide28 .guide-story23>p{font-size:13px;line-height:1.75;margin-bottom:13px}
 .guide23.guide28 .guide-step-list23{gap:4px;margin-bottom:16px}.guide23.guide28 .guide-step-list23 button{padding:7px;min-height:40px}.guide23.guide28 .guide-step-list23 button>b{font-size:12px}
 .guide23.guide28 .guide-screenbar23{margin-bottom:15px}.guide23.guide28 .guide-screen23{padding-bottom:16px}.guide23.guide28 .subject-orbit20 button{min-height:70px}
 .guide23.guide28 .guide-caption23{padding:13px 19px}.guide23.guide28 .guide-playbar23{padding:10px 18px;min-height:59px}
}
@media(max-width:1150px){.guide23.guide28 .guide-topics23 button{font-size:11px;padding:9px 8px;gap:7px}.guide23.guide28 .guide-topics23 button>span{flex-basis:25px;height:25px;font-size:10px}.guide23.guide28 .guide-body23{grid-template-columns:minmax(255px,.85fr) minmax(0,1.45fr);gap:17px}.guide23.guide28 .guide-story23{padding:22px}}
@media(max-width:900px){.guide23.guide28 .guide-topics23{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guide23.guide28 .guide-topics23 button{font-size:12px;min-height:46px}.guide23.guide28 .guide-body23{grid-template-columns:minmax(225px,.85fr) minmax(0,1.3fr)}.guide23.guide28 .guide-story23 h2{font-size:24px}.guide23.guide28 .guide-screen23{padding-left:14px;padding-right:14px}.guide23.guide28 .guide-screenbar23{margin-left:-14px;margin-right:-14px}.guide23.guide28 .guide-playbar23{padding:10px;gap:7px}.guide23.guide28 .guide-speed23>span{display:none}}
@media(max-width:760px){
 body[data-view="guide19"] #main.content{padding:16px 14px!important}
 .guide23.guide28 .guide-top23{border-radius:17px;padding:20px!important;gap:14px;margin-bottom:13px;min-height:0}
 .guide23.guide28 .guide-top23 h1{font-size:25px;max-width:none!important}.guide23.guide28 .guide-top23 p{font-size:12px}
 .guide23.guide28 .guide-top23:after{width:230px;height:230px;top:-120px;right:-75px}
 .guide23.guide28 .guide-audience23{width:100%}.guide23.guide28 .guide-audience23 button{min-height:42px;font-size:12px}
 .guide23.guide28 .guide-topics23{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:15px}
 .guide23.guide28 .guide-topics23 button{flex-direction:column;justify-content:center;text-align:center;gap:5px;min-height:69px;padding:8px 4px;font-size:10px;border-radius:10px;word-break:keep-all}
 .guide23.guide28 .guide-topics23 button>span{flex:0 0 auto;display:grid;width:23px;height:23px;border-radius:7px;font-size:9px}
 .guide23.guide28 .guide-picker24{display:none!important}
 .guide23.guide28 .guide-body23{display:flex;flex-direction:column;gap:14px}
 .guide23.guide28 .guide-story23{width:100%;border-radius:17px;padding:22px}
 .guide23.guide28 .guide-story23 h2{font-size:25px;margin-bottom:10px}.guide23.guide28 .guide-story23>p{font-size:13px;margin-bottom:14px}
 .guide23.guide28 .guide-chapter23{margin-bottom:13px}.guide23.guide28 .guide-step-list23{margin-bottom:17px;gap:4px}
 .guide23.guide28 .guide-step-list23 button{min-height:44px;padding:8px}.guide23.guide28 .guide-step-list23 button>b{font-size:12px}
 .guide23.guide28 .guide-player23{width:100%;border-radius:17px}.guide23.guide28 .guide-screen23{padding:0 12px 18px}
 .guide23.guide28 .guide-screenbar23{height:41px;padding:0 12px;margin:0 -12px 17px;font-size:10px}.guide23.guide28 .guide-screenbar23 em{font-size:9px}
 .guide23.guide28 .subject-orbit20{padding:14px;gap:7px}.guide23.guide28 .subject-orbit20 button{min-height:73px;border-radius:9px}.guide23.guide28 .subject-orbit20 button>span{width:30px;height:30px;font-size:23px}.guide23.guide28 .subject-orbit20 button>b{font-size:10px}
 .guide23.guide28 .guide-caption23{padding:17px 15px;grid-template-columns:63px minmax(0,1fr);column-gap:10px}.guide23.guide28 .guide-caption-tag23{font-size:10px}.guide23.guide28 .guide-caption23 h3{font-size:14px}.guide23.guide28 .guide-caption23 p{font-size:12px}
 .guide23.guide28 .guide-playbar23{padding:11px;gap:6px;flex-wrap:wrap}.guide23.guide28 .guide-playbar23 button{height:42px;min-height:42px}.guide23.guide28 .guide-playbar23 .guide-play23{min-width:94px!important;font-size:11px}
 .guide23.guide28 .guide-speed23{margin-left:auto}.guide23.guide28 .guide-speed23 select{height:42px;max-width:68px;font-size:11px;padding:5px}
 .guide23.guide28 .guide-end23{margin-top:13px}.guide23.guide28 .guide-end23>span{font-size:10px}.guide23.guide28 .guide-end23>button{font-size:12px;min-height:42px}
}
/* Current production player: preserve its measured scene and cursor geometry. */
.guide23.guide28.guide-studio28{height:auto!important;flex:0 0 auto!important;max-height:none!important;gap:16px}
.guide23.guide28.guide-studio28 .guide-top23{flex:none;margin:0!important}
.guide23.guide28.guide-studio28 .guide-body23{flex:none;grid-template-columns:minmax(280px,.78fr) minmax(0,1.72fr)!important;min-height:440px;height:clamp(440px,calc(100dvh - 490px),600px)}
.guide23.guide28.guide-studio28 .guide-story23{gap:0;padding:26px!important;overflow:auto}
.guide23.guide28.guide-studio28 .guide-story23>p{font-size:14px!important;margin:0 0 20px!important}
.guide23.guide28.guide-studio28 .guide-story23>small{font-size:11px!important;margin-top:11px!important}
.guide23.guide28.guide-studio28 .guide-story23 h2{font-size:clamp(25px,1.9vw,32px)!important;margin:0 0 15px}
.guide23.guide28.guide-studio28 .guide-screen23{padding:0!important}
.guide23.guide28.guide-studio28 .guide-screenbar23{margin:0;height:43px;padding:0 19px}
.guide23.guide28.guide-studio28 .guide-scene23{display:block;max-width:none;width:100%;padding:18px 23px;margin:0;min-height:0}
.guide23.guide28.guide-studio28 .guide-scene23>.mini-window20{top:50%;left:50%;max-width:none;transform-origin:50% 50%}
.guide23.guide28.guide-studio28 .guide-caption23{padding:17px 22px!important;grid-template-columns:73px minmax(0,1fr);gap:4px 14px}
.guide23.guide28.guide-studio28 .guide-caption23 h3{font-size:15px!important}
.guide23.guide28.guide-studio28 .guide-caption23 p{font-size:12px!important}
[data-theme=dark] .guide23.guide28.guide-studio28 .guide-caption23{background:var(--g-paper)}
@media(min-width:900px) and (max-height:850px){.guide23.guide28.guide-studio28{gap:12px}.guide23.guide28.guide-studio28 .guide-body23{min-height:390px;height:390px}.guide23.guide28.guide-studio28 .guide-story23{padding:20px!important}.guide23.guide28.guide-studio28 .guide-story23 h2{font-size:24px!important}.guide23.guide28.guide-studio28 .guide-story23>p{font-size:12px!important;margin-bottom:12px!important}.guide23.guide28.guide-studio28 .guide-caption23{padding:12px 17px!important}}
@media(max-width:899px){.guide23.guide28.guide-studio28 .guide-body23{display:flex!important;height:auto;min-height:0}.guide23.guide28.guide-studio28 .guide-story23{overflow:visible}.guide23.guide28.guide-studio28 .guide-step-list23{display:grid}.guide23.guide28.guide-studio28 .guide-screen23{min-height:0}.guide23.guide28.guide-studio28 .guide-scene23{padding:20px 16px}.guide23.guide28.guide-studio28 .guide-scene23>.mini-window20{top:auto;left:auto}.guide23.guide28.guide-studio28 .guide-caption23{padding:17px 15px!important;grid-template-columns:63px minmax(0,1fr);gap:4px 10px}.guide23.guide28.guide-studio28 .guide-caption-tag23{grid-row:1/3}.guide23.guide28.guide-studio28 .guide-real23{width:100%;align-self:stretch;margin-top:0}}
/* Teacher's existing eight management guides use their original routes. */
body[data-view="guide19"] .teacher-guide298{max-width:1560px;margin:0 auto;color:#192844}
.teacher-guide298>header{position:relative;isolation:isolate;overflow:hidden;padding:27px 32px;margin-bottom:22px;border-radius:22px;background:linear-gradient(115deg,#182d3d,#234755);color:#fff}
.teacher-guide298>header:after{content:"";position:absolute;z-index:-1;right:10%;top:-115px;width:320px;height:320px;border-radius:50%;border:1px solid #b5e5dd30;box-shadow:0 0 0 36px #a4d8ce0a,0 0 0 37px #b5e5dd1a,0 0 0 72px #a4d8ce08;pointer-events:none}
.teacher-guide298>header .eyebrow{color:#acd9cf;font-size:10px;font-weight:800;letter-spacing:2px}
.teacher-guide298>header h1{font-size:clamp(26px,2.1vw,34px);line-height:1.4;letter-spacing:-1px;margin:7px 0;color:#fff}
.teacher-guide298>header p{font-size:13px;color:#c6dbdf;line-height:1.7;margin:0}
.teacher-guide298 .teacher-guide-layout298{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:stretch}
.teacher-guide298 .teacher-guide-layout298>nav{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface,#fff);border:1px solid var(--line,#dfe6ed);border-radius:19px;counter-reset:guide-menu-r1}
.teacher-guide298 .teacher-guide-layout298>nav button{counter-increment:guide-menu-r1;display:flex;align-items:center;gap:11px;text-align:left;min-height:48px;border:1px solid transparent;border-radius:10px;padding:8px 10px;background:transparent;color:#60718a;font-size:13px;font-weight:700;line-height:1.5}
.teacher-guide298 .teacher-guide-layout298>nav button:before{content:counter(guide-menu-r1,decimal-leading-zero);display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:#f0f4f7;color:#80919f;font-size:10px;font-weight:800}
.teacher-guide298 .teacher-guide-layout298>nav button[aria-current=page]{background:#eaf5f2;color:#286c60;border-color:#acd3c8}
.teacher-guide298 .teacher-guide-layout298>nav button[aria-current=page]:before{background:#31786c;color:#fff}
.teacher-guide298 .teacher-guide-layout298>nav button:hover{background:#edf5f3}
.teacher-guide298 .teacher-guide-layout298>article{display:flex;flex-direction:column;border:1px solid var(--line,#dfe6ed);border-radius:21px;padding:29px 32px;background:var(--surface,#fff);box-shadow:0 8px 24px #2c455809;min-width:0}
.teacher-guide298 .teacher-guide-layout298>article>.badge{align-self:flex-start;padding:6px 10px;font-size:10px;line-height:1.4;border-radius:7px;background:#eaf5f2;color:#34786b;font-weight:750;border:0}
.teacher-guide298 .teacher-guide-layout298>article h2{font-size:29px;line-height:1.4;letter-spacing:-.8px;margin:12px 0 7px;color:var(--ink,#192844)}
.teacher-guide298 .teacher-guide-layout298>article>p{font-size:14px;line-height:1.8;color:var(--muted,#64758c);margin:0 0 22px}
.teacher-guide298 .teacher-guide-layout298 ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:13px;padding:0;margin:0 0 23px;counter-reset:none}
.teacher-guide298 .teacher-guide-layout298 li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;min-height:145px;padding:20px;border:1px solid var(--line,#e1e7ed);border-radius:14px;background:var(--surface-soft,#f7fafb)}
.teacher-guide298 .teacher-guide-layout298 li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;font-size:12px;font-weight:800;border-radius:10px;background:#e2eeea;color:#327163;line-height:1}
.teacher-guide298 .teacher-guide-layout298 li>p{font-size:14px;line-height:1.85;margin:0;color:var(--ink,#354b5e);word-break:keep-all}
.teacher-guide298 .teacher-guide-layout298>article>.btn{align-self:flex-end;min-width:190px;min-height:47px;margin-top:auto;padding:12px 19px;background:#286b60;color:white;border:1px solid #286b60;border-radius:11px;font-size:13px;font-weight:750;line-height:1.5}
.teacher-guide298 button:focus-visible{outline:3px solid #76b9a9;outline-offset:3px}
[data-theme=dark] .teacher-guide298>header{background:linear-gradient(115deg,#233b4a,#2c5059);border:1px solid #42616a}
[data-theme=dark] .teacher-guide298 .teacher-guide-layout298>nav button{color:#adbed0}
[data-theme=dark] .teacher-guide298 .teacher-guide-layout298>nav button:before{background:#304959;color:#c4d9de}
[data-theme=dark] .teacher-guide298 .teacher-guide-layout298>nav button[aria-current=page]{background:#2c514e;color:#c4ede4;border-color:#5c8f86}
[data-theme=dark] .teacher-guide298 .teacher-guide-layout298>nav button[aria-current=page]:before,[data-theme=dark] .teacher-guide298 .teacher-guide-layout298>article>.badge,[data-theme=dark] .teacher-guide298 .teacher-guide-layout298 li>span{background:#3b655e;color:#cef1e7}
[data-theme=dark] .teacher-guide298 .teacher-guide-layout298>article>.btn{background:#448f7f;border-color:#448f7f}
@media(max-width:1000px){.teacher-guide298 .teacher-guide-layout298{grid-template-columns:210px minmax(0,1fr);gap:17px}.teacher-guide298 .teacher-guide-layout298>article{padding:25px}.teacher-guide298 .teacher-guide-layout298 ol{grid-template-columns:1fr;gap:10px}.teacher-guide298 .teacher-guide-layout298 li{flex-direction:row;align-items:flex-start;min-height:0;padding:16px;gap:12px}}
@media(max-width:760px){.teacher-guide298>header{border-radius:17px;padding:23px;margin-bottom:15px}.teacher-guide298>header h1{font-size:25px}.teacher-guide298>header p{font-size:12px}.teacher-guide298 .teacher-guide-layout298{grid-template-columns:1fr;gap:15px}.teacher-guide298 .teacher-guide-layout298>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px;border-radius:15px}.teacher-guide298 .teacher-guide-layout298>nav button{font-size:11px;gap:7px;padding:7px;min-height:45px}.teacher-guide298 .teacher-guide-layout298>nav button:before{flex-basis:22px;height:22px;font-size:9px;border-radius:6px}.teacher-guide298 .teacher-guide-layout298>article{padding:23px 19px;border-radius:17px}.teacher-guide298 .teacher-guide-layout298>article h2{font-size:25px}.teacher-guide298 .teacher-guide-layout298>article>p{font-size:13px}.teacher-guide298 .teacher-guide-layout298 li>p{font-size:13px}.teacher-guide298 .teacher-guide-layout298>article>.btn{align-self:stretch;width:100%;min-height:48px}}
@media(prefers-reduced-motion:reduce){.guide23.guide28 *,.teacher-guide298 *{transition:none!important;scroll-behavior:auto!important}}
/* Keep the original Korean title's deliberate line break on narrow screens. */
@media(max-width:899px){.guide23.guide28.guide-studio28 .guide-story23 h2 br{display:initial!important}}
@media(max-width:360px){.guide23.guide28 .subject-orbit20{grid-template-columns:repeat(3,minmax(0,1fr))}}
.teacher-guide298 .teacher-guide-layout298 li:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;align-items:flex-start;min-height:0}