.vt-learning{box-sizing:border-box;width:min(42rem,calc(100% - 1.5rem));max-width:42rem;max-height:calc(100dvh - 1.5rem);overflow:auto;padding:0 1.2rem 1.2rem;border:1px solid var(--line,#8793a5);border-radius:.8rem;background:var(--surface,#fff);color:var(--text,#172338);line-height:1.5}
.vt-learning::backdrop{background:#102030aa}.vt-learning .vt-learning-header{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;margin:0 -1.2rem;padding:.6rem 1.2rem;background:var(--surface,#fff);border-bottom:1px solid var(--line,#8793a5)}.vt-learning .vt-learning-header button{margin:0;min-height:44px}.vt-learning h2{font-size:1.3rem}.vt-learning-objective{font-weight:600}.vt-learning-progress{font-size:.9rem;color:var(--muted,#64748b)}.vt-learning button{min-height:44px;margin:.4rem .4rem .4rem 0}.vt-learning label{display:block;margin:.7rem 0}.vt-learning input:not([type=checkbox]):not([type=radio]){width:100%;box-sizing:border-box}.vt-learning :focus-visible{outline:3px solid var(--accent,#2563eb);outline-offset:3px}.vt-learning [tabindex='-1']:focus{outline:2px solid var(--accent,#2563eb);outline-offset:4px}.vt-learning [hidden]{display:none!important}@media(max-width:600px){.vt-learning{width:calc(100% - 1rem);padding-inline:.8rem}.vt-learning .vt-learning-header{margin-inline:-.8rem;padding-inline:.8rem}.vt-learning h2{font-size:1.15rem}}