/* platforma: úrovně vysvětlení, encyklopedie, reset (core/edu-platform.js). Jen logické vlastnosti (RTL). Čitelnost před efektem. */
.enc-lv{display:flex;gap:4px;flex-wrap:wrap;margin:2px 0 4px}
.enc-lv button{background:rgba(8,16,30,.6);color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer;font:inherit;font-size:12.5px}
.enc-lv button:hover{color:var(--ink);border-color:var(--grp)}
.enc-lv button.on{background:color-mix(in srgb,var(--grp) 28%,transparent);color:#fff;border-color:var(--grp);font-weight:700}
.enc-fb{font-style:italic}
.ex-lvtxt{line-height:1.55}
.ex-btns{display:flex;gap:6px;margin-bottom:6px}.ex-btns .ex-btn{flex:1}
.ex-btn-enc{padding-inline:12px}
.enc-btn{cursor:pointer}
.enc-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:14px;background:rgba(2,5,10,.72);backdrop-filter:blur(3px)}
.enc-card{position:relative;display:flex;flex-direction:column;width:min(1080px,100%);height:min(720px,calc(100vh - 28px));background:#0b1320;border:1px solid color-mix(in srgb,var(--grp) 45%,var(--line));border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.6);overflow:hidden}
.enc-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 56px 10px 18px;border-bottom:1px solid var(--line)}
.enc-head h2{margin:0;font-size:18px;color:#fff}
.enc-q{flex:1 1 180px;min-width:140px;background:#0a1016;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit}
.enc-q:focus{outline:none;border-color:var(--grp)}
.enc-main{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);flex:1;min-height:0}
.enc-nav{overflow:auto;padding:8px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.enc-g{margin:10px 4px 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grp);font-weight:700}
.enc-i{text-align:start;background:transparent;color:var(--mute);border:1px solid transparent;border-radius:8px;padding:5px 8px;cursor:pointer;font:inherit;font-size:13px}
.enc-i:hover{color:var(--ink);border-color:var(--line)}
.enc-i.on{color:#fff;background:color-mix(in srgb,var(--grp) 22%,transparent);border-color:var(--grp)}
.enc-page{overflow:auto;padding:18px 24px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.enc-page h3{margin:0;font-size:22px;color:#fff}
.enc-txt{font-size:14.5px;line-height:1.6}
@media (max-width:720px){.enc-main{grid-template-columns:1fr;grid-template-rows:minmax(90px,32%) 1fr}.enc-nav{border-inline-end:0;border-bottom:1px solid var(--line)}}
.fx-reset{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.fx-reset-ask{border:1px solid var(--warn);border-radius:10px;padding:6px 8px}
.fx-reset-go{background:var(--warn);border-color:var(--warn);color:#190309}

/* lišta nástrojů v hlavičce: ⏸/▶ Pauza a 💾 Pokus (import/export) – core/edu-platform.js. Logické vlastnosti kvůli RTL. */
.hdr-tools{display:flex;align-items:center;gap:6px;flex:none}
.tb-wrap{position:relative}
.tb-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(8,16,30,.7);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}
.tb-btn:hover,.tb-btn:focus-visible{border-color:var(--grp,var(--acc));box-shadow:0 0 10px color-mix(in srgb,var(--grp,var(--acc)) 45%,transparent);outline:none}
.tb-btn .tb-ico{font-size:14px;line-height:1}
.tb-pause{min-inline-size:104px;justify-content:center}
.tb-pause.on{background:var(--acc2);border-color:var(--acc2);color:#1b1300;box-shadow:0 0 12px color-mix(in srgb,var(--acc2) 55%,transparent)}
.tb-pause.auto{border-color:var(--acc2);border-style:dashed}
.tb-pop{position:absolute;inset-inline-start:0;top:calc(100% + 8px);z-index:60;inline-size:min(300px,92vw);display:flex;flex-direction:column;gap:6px;background:rgba(6,12,24,.97);border:1px solid var(--grp,var(--acc));border-radius:14px;padding:12px;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.tb-pop[hidden]{display:none}
.tb-lab{font-weight:700;color:#fff}
.tb-what{margin:0}
.tb-act{margin:0;text-align:start}
.tb-act:disabled{opacity:.45;cursor:not-allowed}
.tb-note{margin:2px 0 0}
@media (max-width:860px){
  .tb-btn .tb-txt{display:none}
  .tb-pause{min-inline-size:0}
  .tb-pop{position:fixed;inset-inline:8px;top:60px;inline-size:auto}
}