/* Video lessons (qidda.app/lessons/). Site tokens: ink #1C1A17, ink-2 #554F47, line #C9C3B9, brand #1F4FD1, header #15223F, accent #F2B01E. */
.ql-h2{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 16px}
.ql-group+.ql-group{margin-top:40px}
.ql-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ql-card{display:flex;flex-direction:column;border-radius:16px;background:#fff;overflow:hidden;text-decoration:none;color:inherit;border:2px solid transparent;box-shadow:0 1px 2px rgba(28,26,23,.06),0 1px 3px rgba(28,26,23,.08)}
.ql-card:hover,.ql-card:focus-visible{border-color:#1F4FD1}
.ql-thumb{position:relative;aspect-ratio:16/9;background:#EFEBE4;overflow:hidden}
.ql-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.ql-play{position:absolute;inset-inline-start:10px;bottom:10px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);color:#1F4FD1;display:grid;place-items:center;box-shadow:0 2px 6px rgba(21,34,63,.25)}
.ql-dur{position:absolute;inset-inline-end:10px;bottom:10px;background:rgba(21,34,63,.85);color:#fff;font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:6px}
.ql-body{padding:16px 18px 20px}
.ql-body h2,.ql-body h3{font-size:18px;font-weight:700;line-height:1.55;margin:0}
.ql-body p{margin:6px 0 0;color:#554F47;font-size:15.5px;line-height:1.75}
.ql-one{max-width:960px}
.ql-meta{color:#554F47;font-size:15px;margin:0 0 14px}
.ql-player{display:flex;justify-content:center}
.ql-video{display:block;max-width:100%;border-radius:16px;background:#EFEBE4;box-shadow:0 1px 3px rgba(28,26,23,.18);height:min(75vh,680px);aspect-ratio:9/19.5;object-fit:contain}
@media(min-width:768px){.ql-video{height:auto;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 140px)}}
.ql-video.ql-portrait{height:min(75vh,680px);width:auto;aspect-ratio:auto}
.ql-steps{margin-top:28px;max-width:44em}
.ql-steps h2{font-size:20px;font-weight:700;margin:0 0 10px}
.ql-steps ol{margin:0;padding-inline-start:1.4em;list-style:decimal}
.ql-steps li{margin:6px 0;line-height:1.8;color:#554F47;font-size:16.5px}
.ql-links{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 24px}
.ql-links a{color:#1F4FD1;font-weight:700}.ql-links a:hover{text-decoration:underline}
.ql-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-radius:18px;background:#15223F;color:#fff;padding:24px}
.ql-cta h2{font-size:22px;font-weight:700;margin:0}.ql-cta p{margin:4px 0 0;color:#D5DCEA}