:root{--tt-accent:#B2967D;--tt-accent-dark:#987d66;--tt-accent-soft:#f4ece5;--tt-bg:#f6f7f8;--tt-text:#1e293b;--tt-muted:#64748b;--tt-line:#e2e8f0;--tt-card:#fff;--tt-green:#10b981;--tt-sidebar:340px;--tt-admin:0px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.wp-toolbar{--tt-admin:32px}
.tteach-course-body{margin:0;background:var(--tt-bg);color:var(--tt-text);font-family:Onest,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden;overflow-y:auto}
.tteach-course-app{min-height:calc(100vh - var(--tt-admin));display:grid;grid-template-columns:var(--tt-sidebar) minmax(0,1fr);align-items:start}
.tteach-sidebar{position:sticky;top:var(--tt-admin);height:calc(100vh - var(--tt-admin));background:#fff;border-right:1px solid var(--tt-line);display:flex;flex-direction:column;min-width:0;z-index:30;overflow:hidden}
.tteach-sidebar-head{padding:18px 20px;border-bottom:1px solid var(--tt-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.tteach-brand{text-decoration:none;color:var(--tt-accent-dark);font-weight:900;display:inline-flex;align-items:center;gap:10px}.tteach-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--tt-accent);color:#fff}.tteach-close-menu{display:none;border:0;background:transparent;font-size:30px;line-height:1;color:var(--tt-muted);cursor:pointer}.tteach-course-meta{padding:20px 20px 16px}.tteach-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--tt-accent-dark);font-weight:900;margin-bottom:7px}.tteach-course-meta h1{font-size:21px;line-height:1.25;margin:0;color:var(--tt-text)}.tteach-description{font-size:13px;color:var(--tt-muted);line-height:1.45;margin-top:9px;max-height:76px;overflow:auto}.tteach-description p{margin:0 0 7px}.tteach-progress-card{margin:0 20px 14px;padding:13px 14px;border:1px solid rgba(178,150,125,.28);background:#fbf7f3;border-radius:14px}.tteach-progress-line{display:flex;justify-content:space-between;font-size:13px;color:var(--tt-muted);font-weight:700}.tteach-progress-line strong{color:var(--tt-accent-dark)}.tteach-progress-track{height:8px;background:#e9edf2;border-radius:999px;margin-top:9px;overflow:hidden}.tteach-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--tt-accent),var(--tt-green));border-radius:inherit;transition:width .2s}.tteach-nav{flex:1;min-height:0;overflow:auto;padding:0 14px 18px}.tteach-module{border:1px solid var(--tt-line);border-radius:14px;margin-bottom:10px;overflow:hidden;background:#fff}.tteach-module-title{width:100%;border:0;background:#fff;padding:13px 14px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:3px 10px;color:var(--tt-text)}.tteach-module-title span{font-size:11px;text-transform:uppercase;color:var(--tt-accent-dark);font-weight:900;letter-spacing:.04em}.tteach-module-title strong{grid-column:1;font-size:14px;line-height:1.25}.tteach-module-title i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--tt-muted)}.tteach-module-body{border-top:1px solid var(--tt-line);padding:8px}.tteach-module.collapsed .tteach-module-body{display:none}.tteach-topic{padding:5px 0 8px}.tteach-topic-title{padding:5px 8px 7px;font-size:11px;color:var(--tt-muted);font-weight:800}.tteach-item{width:100%;border:0;background:transparent;border-radius:10px;padding:9px;display:grid;grid-template-columns:20px 1fr;gap:7px;text-align:left;cursor:pointer;font-size:13px;line-height:1.3;color:var(--tt-text)}.tteach-item:hover{background:#f8fafc}.tteach-item.active{background:var(--tt-accent-soft);color:var(--tt-accent-dark);font-weight:800}.tteach-item.completed .tteach-item-state{color:var(--tt-green);font-weight:900}.tteach-home-link{margin:0 20px 18px;text-decoration:none;color:var(--tt-muted);font-size:13px;font-weight:800}
.tteach-main{min-width:0;min-height:calc(100vh - var(--tt-admin));background:#fff}
.tteach-topbar{position:sticky;top:var(--tt-admin);z-index:24;height:58px;background:#fff;border-bottom:1px solid var(--tt-line);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px}.tteach-menu-btn{display:none;border:1px solid var(--tt-line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800;color:var(--tt-text);cursor:pointer}.tteach-current{font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tteach-counter{font-size:13px;color:var(--tt-muted);font-weight:700}
/* 0.1.4: the iframe is expanded to the complete document height. There is deliberately no nested iframe scrolling. */
.tteach-frame-wrap{position:relative;background:#fff;min-height:calc(100vh - var(--tt-admin) - 122px);overflow:visible}
.tteach-frame{width:100%;height:calc(100vh - var(--tt-admin) - 122px);min-height:520px;border:0;background:#fff;display:block;overflow:hidden}
.tteach-loader{position:absolute;inset:0 auto auto 0;width:100%;height:min(520px,calc(100vh - var(--tt-admin) - 122px));display:grid;place-items:center;background:#fff;color:var(--tt-muted);font-weight:800;z-index:3}.tteach-loader.hidden{display:none}
.tteach-bottom-bar{position:sticky;bottom:0;z-index:25;height:64px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--tt-line);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 18px}.tteach-nav-btn,.tteach-complete-btn{border:1px solid var(--tt-line);background:#fff;border-radius:12px;min-height:42px;padding:9px 15px;font-weight:850;color:var(--tt-text);cursor:pointer}.tteach-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tteach-primary{background:var(--tt-accent);border-color:var(--tt-accent);color:#fff}.tteach-complete-btn{justify-self:center;background:#f8fafc;color:var(--tt-muted)}.tteach-complete-btn.done{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.tteach-no-content{padding:50px}.tteach-empty{font-size:13px;color:var(--tt-muted);padding:12px}.tteach-sidebar-backdrop{display:none}
@media(max-width:782px){html.wp-toolbar{--tt-admin:46px}}
@media(max-width:900px){.tteach-course-app{grid-template-columns:1fr}.tteach-sidebar{position:fixed;left:0;top:var(--tt-admin);bottom:0;width:min(360px,90vw);height:calc(100vh - var(--tt-admin));transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 20px 50px rgba(15,23,42,.18)}.tteach-sidebar.open{transform:translateX(0)}.tteach-close-menu,.tteach-menu-btn{display:block}.tteach-main{min-height:calc(100vh - var(--tt-admin))}.tteach-topbar{grid-template-columns:auto minmax(0,1fr) auto}.tteach-current{font-size:14px}.tteach-bottom-bar{grid-template-columns:1fr 1fr;height:auto;min-height:64px}.tteach-complete-btn{grid-column:1/-1;grid-row:1;justify-self:stretch}.tteach-nav-btn{grid-row:2}.tteach-frame,.tteach-frame-wrap{min-height:calc(100vh - var(--tt-admin) - 170px)}}
@media(max-width:480px){.tteach-topbar{padding:0 10px;gap:8px}.tteach-menu-btn{font-size:0;padding:9px 11px}.tteach-menu-btn::before{content:'☰';font-size:18px}.tteach-counter{font-size:11px}.tteach-bottom-bar{padding:8px 10px;gap:8px}.tteach-nav-btn,.tteach-complete-btn{padding:8px 10px}.tteach-sidebar{width:94vw}}
