/* Dentiquip Training: the video page */
.dqt { --dqt-accent: #1f5f7a; --dqt-line: #e3e6e8; --dqt-muted: #5b6670; }
.dqt-topics { display: flex; flex-wrap: wrap; gap: .5em; margin: 0 0 1.5em; }
.dqt-topics a { padding: .35em .9em; border: 1px solid var(--dqt-line); border-radius: 999px; text-decoration: none; color: var(--dqt-accent); font-size: 15px; }
.dqt-topics a span { color: var(--dqt-muted); font-size: 13px; }
.dqt-topic { margin: 0 0 2.5em; scroll-margin-top: 1em; }
.dqt-topic h2 { margin: 0 0 .3em; }
.dqt-topic-desc { margin: 0 0 1em; color: var(--dqt-muted); }
.dqt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 1.5em; }
.dqt-video { margin: 0; }
.dqt-player { position: relative; aspect-ratio: 16 / 9; background: #11181d; border-radius: 10px; overflow: hidden; }
.dqt-player video, .dqt-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.dqt-locked { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1em; text-align: center; background: #eef2f4 center / cover no-repeat; }
.dqt-locked p { margin: 0; padding: .7em 1em; border-radius: 8px; background: rgba(255, 255, 255, .92); color: #23282d; font-size: 15px; }
.dqt-video h3 { margin: .7em 0 .25em; font-size: 1.1em; line-height: 1.35; }
.dqt-n { display: inline-flex; align-items: center; justify-content: center; min-width: 1.6em; height: 1.6em; margin-right: .2em; border-radius: 50%; background: var(--dqt-accent); color: #fff; font-size: .8em; vertical-align: .1em; }
.dqt-desc { color: var(--dqt-muted); font-size: 15px; }
.dqt-desc p { margin: 0 0 .5em; }
.dqt-empty { padding: 1.5em; border: 1px dashed var(--dqt-line); border-radius: 10px; text-align: center; color: var(--dqt-muted); }