/* Lessons page. Uses host theme tokens when present. */
.ls{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:820px){.ls{grid-template-columns:1fr}}
.ls-side{position:sticky;top:12px;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:12px;display:grid;gap:10px}
.ls-h{display:grid;gap:8px}
.ls-q{font:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--border,#e5e7eb);border-radius:8px;background:var(--surface,#fff);color:var(--text,#111)}
.ls-list{display:grid;gap:4px}
.ls-g{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#6b7280);margin:6px 4px 2px}
.ls-item{font:inherit;text-align:left;border:1px solid transparent;background:none;color:var(--text,#111);border-radius:10px;padding:8px 10px;cursor:pointer;display:grid;gap:2px}
.ls-item b{font-size:13.5px}.ls-item span{font-size:12px;color:var(--muted,#6b7280);line-height:1.4}
.ls-item:hover{background:var(--surface-2,#f4f5f7)}
.ls-item.on{border-color:var(--accent);background:var(--accent-soft)}
.ls-main{min-width:0;display:grid;gap:8px}
.ls-bar{display:flex;align-items:center;gap:10px}.ls-title{flex:1;font-size:15px}
.ls-open{text-decoration:none;font-size:13px}
.ls-frame{border:1px solid var(--border,#e5e7eb);border-radius:14px;overflow:hidden;background:var(--surface,#fff)}
.ls-frame iframe{display:block;width:100%;height:80vh;border:0}
.ls-empty{padding:24px;text-align:center;color:var(--muted,#6b7280)}