/* KB Shared Remote SCORM Runtime v2 — self-directed learning layer */
:root{--kb-help-w:min(560px,94vw);--kb-dock-h:44px}
body{padding-bottom:90px}
.runtime-dock{bottom:var(--kb-dock-h)!important;z-index:78!important}
.kb-self-dock{position:fixed;left:0;right:0;bottom:0;z-index:80;min-height:var(--kb-dock-h);display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 7px calc(3px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ccd8e5;box-shadow:0 -10px 28px rgba(8,43,87,.13)}
.kb-dock-btn{border:0;background:transparent;color:#082b57;border-radius:8px;padding:4px 6px;min-width:56px;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:850;font-size:10.5px;line-height:1}
.kb-dock-btn:hover,.kb-dock-btn:focus-visible{background:#edf5fd;outline:2px solid rgba(18,69,127,.22)}
.kb-dock-btn .ico{font-size:15px;line-height:1}.kb-dock-btn.primary{background:#082b57;color:#fff}.kb-dock-btn.gold{background:#fff5d7;color:#6e5100}
.kb-dock-spacer{width:1px;height:24px;background:#d7e0ea;margin:0 4px}
.kb-help-backdrop{position:fixed;inset:0;background:rgba(3,20,40,.35);z-index:88;display:none}.kb-help-backdrop.open{display:block}
.kb-help-panel{position:fixed;right:0;top:0;bottom:0;width:var(--kb-help-w);background:#fff;z-index:90;transform:translateX(105%);transition:transform .24s ease;box-shadow:-18px 0 44px rgba(8,43,87,.18);display:flex;flex-direction:column}
.kb-help-panel.open{transform:none}.kb-help-head{padding:17px 18px 13px;background:linear-gradient(135deg,#082b57,#12457f);color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.kb-help-head h2{font-size:23px;color:#fff;margin:0 0 3px}.kb-help-head p{margin:0;color:#dceaf7;font-size:12.5px}.kb-help-close{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;width:36px;height:36px;border-radius:10px;font-size:22px}
.kb-help-purpose{padding:10px 16px;background:#fff7df;border-bottom:1px solid #ead89c;color:#594711;font-size:12.5px}
.kb-help-tabs{display:flex;gap:5px;padding:9px 10px;border-bottom:1px solid #d7e0ea;overflow-x:auto;background:#fbfdff}.kb-help-tab{white-space:nowrap;border:1px solid #d7e0ea;background:#fff;color:#082b57;border-radius:999px;padding:7px 10px;font-weight:850;font-size:11.5px}.kb-help-tab.active{background:#082b57;color:#fff;border-color:#082b57}
.kb-help-body{padding:16px;overflow:auto;flex:1}.kb-help-body h3{font-size:19px}.kb-help-body h4{margin-top:16px}.kb-help-foot{display:flex;gap:8px;padding:9px 12px;border-top:1px solid #d7e0ea;background:#fbfdff}.kb-help-foot button{flex:1}
.kb-subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.kb-subtab{border:1px solid #d7e0ea;background:#fff;border-radius:9px;padding:6px 9px;font-size:11.5px;font-weight:850;color:#082b57}.kb-subtab.active{background:#fff5d7;border-color:#c99817;color:#6e5100}
.kb-search{position:sticky;top:-16px;background:#fff;padding:0 0 10px;z-index:2}.kb-search input{width:100%}.kb-count{font-size:11px;color:#64748b;margin:6px 0 9px}.kb-entry{border:1px solid #d7e0ea;border-radius:12px;margin:8px 0;background:#fff;overflow:hidden}.kb-entry summary{list-style:none;cursor:pointer;padding:11px 12px;display:flex;justify-content:space-between;gap:10px;font-weight:850;color:#082b57}.kb-entry summary::-webkit-details-marker{display:none}.kb-entry summary:after{content:'+';color:#936d00}.kb-entry[open] summary:after{content:'−'}.kb-entry-body{border-top:1px solid #e4ebf2;padding:10px 12px;font-size:13px}.kb-entry-body p{margin:6px 0}.kb-tag{display:inline-flex;padding:2px 6px;border-radius:999px;background:#f2edff;color:#59389a;font-size:10px;font-weight:800;margin-left:6px}
.kb-grammar-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.kb-grammar-level{border:1px solid #d7e0ea;border-radius:10px;padding:8px;background:#fbfdff;font-size:11px}.kb-grammar-level b{color:#082b57;display:block}
.kb-pattern{font-family:Georgia,'Times New Roman',serif;background:#f8fbff;border-left:4px solid #12457f;padding:8px 10px;border-radius:0 9px 9px 0}.kb-example{background:#fffaf0;border-left:4px solid #c99817;padding:8px 10px;border-radius:0 9px 9px 0}
.kb-flow{display:grid;gap:8px}.kb-flow-step{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;border:1px solid #d7e0ea;border-radius:12px;padding:10px;background:#fff}.kb-flow-step .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#082b57;color:#fff;font-weight:900}.kb-flow-step b{color:#082b57}.kb-flow-step p{margin:2px 0 0;font-size:12.5px;color:#536174}
.kb-progress-card{border:1px solid #d7e0ea;border-radius:13px;padding:12px;margin:8px 0;background:#fff}.kb-progress-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed #e0e7ef}.kb-progress-row:last-child{border:0}.kb-progress-row strong{color:#082b57}
.kb-select-tools{position:fixed;z-index:96;display:none;gap:5px;background:#082b57;color:#fff;padding:5px;border-radius:10px;box-shadow:0 8px 26px rgba(8,43,87,.25)}.kb-select-tools.open{display:flex}.kb-select-tools button{border:0;background:#fff;color:#082b57;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:850}.kb-definition-pop{position:fixed;z-index:97;display:none;width:min(360px,88vw);max-height:52vh;overflow:auto;background:#fff;border:1px solid #cbd8e6;border-radius:14px;padding:12px;box-shadow:0 14px 38px rgba(8,43,87,.24)}.kb-definition-pop.open{display:block}.kb-definition-pop h4{margin:0 0 5px}.kb-definition-pop .close{position:absolute;right:8px;top:7px;border:0;background:#edf5fd;color:#082b57;border-radius:8px;width:29px;height:29px}.kb-definition-pop .meta{font-size:11px;color:#64748b;margin-bottom:6px}.kb-definition-pop p{font-size:13px;margin:6px 0}
.kb-dict-term{border-bottom:1px dotted rgba(8,43,87,.14);cursor:help;text-decoration:none}.kb-dict-term:hover,.kb-dict-term:focus{background:#fff8dc;border-bottom-color:#936d00;outline:none}
.kb-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kb-map-item{border:1px solid #d7e0ea;border-radius:12px;padding:10px;background:#fff}.kb-map-item.active{border-color:#c99817;background:#fffaf0}.kb-map-item.visited:before{content:'✓ ';color:#18794e;font-weight:900}.kb-map-item b{display:block;color:#082b57}.kb-map-item small{color:#64748b}
@media(max-width:760px){:root{--kb-dock-h:42px}body{padding-bottom:112px}.runtime-dock{bottom:var(--kb-dock-h)!important}.kb-self-dock{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.kb-self-dock::-webkit-scrollbar{display:none}.kb-dock-btn{min-width:54px;padding:4px 6px}.kb-dock-spacer{display:none}.kb-help-panel{width:100vw}.kb-help-tabs{padding-left:8px}.kb-help-body{padding:13px}.kb-grammar-levels,.kb-map-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.kb-dock-btn{min-width:50px;font-size:9.5px}.kb-dock-btn .ico{font-size:14px}.kb-grammar-levels,.kb-map-grid{grid-template-columns:1fr}.runtime-pill:nth-of-type(2){display:none}}
@media print{.kb-self-dock,.kb-help-panel,.kb-help-backdrop,.kb-select-tools,.kb-definition-pop{display:none!important}}

.kb-dict-intro{display:flex;flex-direction:column;gap:3px;background:#f8fbff;border:1px solid #d7e0ea;border-radius:12px;padding:10px 12px;margin-bottom:10px;font-size:12px}.kb-dict-intro b{color:#082b57}.kb-tier{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:800;background:#eef2f7;color:#475569}.kb-tier.core{background:#fff1c7;color:#6e5100}.kb-tier.lesson{background:#eaf6ee;color:#24613e}.kb-production-grammar{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 12px}.kb-move-filter{border:1px solid #d7e0ea;background:#fff;color:#082b57;border-radius:999px;padding:6px 8px;font-size:10.5px;font-weight:850}.kb-move-filter:hover,.kb-move-filter.active{background:#082b57;color:#fff;border-color:#082b57}