#didactic-menu[hidden], #em-setting-switches[hidden], #didactic-guide [hidden] { display:none !important; }
#didactic-menu { border-top:1px solid var(--border); padding-top:8px; margin-top:6px; }
#didactic-menu .scene-mood-row { flex-wrap:wrap; }
#em-setting-switches { display:inline-flex; gap:6px; }
#em-setting-note { font:11px/1.4 var(--font-ui); color:var(--text2); margin:6px 0 0; max-width:350px; }
#didactic-guide { margin:auto; box-sizing:border-box; width:min(640px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:22px 26px 16px; border:1px solid var(--border2); border-radius:4px; background:#19170f; color:var(--text); box-shadow:0 18px 60px #0008; overflow:auto; }
#didactic-guide::backdrop { background:#080704c9; }
#didactic-guide header, #didactic-guide footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#didactic-guide header { padding-bottom:12px; border-bottom:1px solid var(--border); }
#didactic-guide footer { margin-top:18px; padding-top:12px; border-top:1px solid var(--border); }
#didactic-guide footer div,.didactic-shortcuts { display:flex; flex-wrap:wrap; gap:8px; }
.didactic-eyebrow,.didactic-step,#didactic-guide footer>span { font:12px/1.4 var(--font-mono); color:var(--amber-lt); letter-spacing:.06em; }
.didactic-step { margin:18px 0 8px; }
#didactic-guide h2 { margin:0 0 14px; font:600 24px/1.2 var(--font-ui); }
#didactic-guide p,#didactic-guide li,#didactic-guide dd { font:14px/1.55 var(--font-ui); }
#didactic-guide strong { color:var(--amber-lt); }
.didactic-tools { padding:0; list-style:none; }
.didactic-tools li { display:grid; grid-template-columns:112px 1fr; gap:10px; padding:7px 0; border-top:1px solid var(--border); }
.didactic-signoff { color:var(--text2); border-left:2px solid var(--amber); padding-left:12px; }
.didactic-signoff span { white-space:nowrap; }
.didactic-instructions { padding-left:20px; }
.didactic-instructions li { padding-left:4px; margin-bottom:12px; }
.didactic-instructions p { margin:3px 0 0; }
#didactic-guide .didactic-footnote { color:var(--text2); font-size:12px; }
.didactic-switches { display:grid; grid-template-columns:110px 1fr; gap:14px 10px; padding:14px 0; border-block:1px solid var(--border); }
.didactic-switches dt { font:600 13px/1.6 var(--font-mono); color:var(--amber-lt); }
.didactic-switches dd { margin:0; }
#didactic-guide button { min-height:32px; padding:6px 12px; border:1px solid var(--border2); border-radius:3px; background:var(--surface2); color:var(--text); font:600 12px/1.3 var(--font-ui); cursor:pointer; }
#didactic-guide button:hover { border-color:var(--amber); color:var(--amber-lt); }
#didactic-guide button:disabled { opacity:.4; cursor:default; }
#didactic-guide [data-guide-next] { background:var(--amber); color:#17120a; }
#didactic-guide [data-guide-close] { border-color:transparent; background:transparent; }
#didactic-guide :focus-visible,#didactic-menu :focus-visible { outline:2px solid var(--lantern); outline-offset:2px; }
@media(max-width:480px) { #didactic-guide { padding:14px 16px; } #didactic-guide h2 { font-size:21px; } .didactic-tools li { grid-template-columns:1fr; gap:2px; } }