/* صفحة الدرس */
.dk-progress{position:fixed;inset-inline:0;top:0;height:4px;z-index:9985;background:transparent;pointer-events:none}
.dk-progress i{display:block;height:100%;background:var(--dk-yellow);transform-origin:right center;transform:scaleX(0)}
html:not([dir=rtl]) .dk-progress i,html.dkapp-en .dk-progress i{transform-origin:left center}
body.admin-bar .dk-progress{top:32px}
.dk-lesson{--dk-fs:1;max-width:820px;margin:0 auto;padding:16px 0 28px;display:grid;gap:14px}
.dk-lesson__h{display:grid;gap:8px;justify-items:start}
.dk-lesson__h h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:0}
.dk-lesson__tools{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:5;display:flex;gap:8px;flex-wrap:wrap;background:rgba(244,248,247,.94);padding:8px 0;backdrop-filter:blur(6px)}
.dk-tool{display:inline-flex;align-items:center;gap:6px;min-height:var(--dk-touch);min-width:var(--dk-touch);padding:4px 16px;border-radius:999px;border:1.5px solid var(--dk-line);background:#fff;color:var(--dk-green);font:600 .95rem var(--dk-font);cursor:pointer;transition:background var(--dk-dur),border-color var(--dk-dur)}
.dk-tool:hover{border-color:var(--dk-green)}
.dk-tool.is-on{background:var(--dk-green);border-color:var(--dk-green);color:#fff}
.dk-tool .dk-i{width:1.1em;height:1.1em}
.dk-toc{background:#fff;border:1px solid var(--dk-line);border-radius:var(--dk-r-sm);padding:12px 16px}
.dk-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dk-toc li.is-sub{padding-inline-start:18px}
.dk-toc a{display:block;padding:8px 6px;color:var(--dk-ink);text-decoration:none;border-radius:8px;min-height:var(--dk-touch);display:flex;align-items:center}
.dk-toc a:hover{background:var(--dk-mint);color:var(--dk-green-deep)}
body.dkapp .dk-lesson .dk-lesson__content{font-size:calc(1.06rem * var(--dk-fs));line-height:2;padding-inline:0!important;overflow-wrap:anywhere}
.dk-lesson__content :is(img,video,iframe,table){max-width:100%}
.dk-lesson__content h2,.dk-lesson__content h3{scroll-margin-top:calc(130px + env(safe-area-inset-top,0px))}
.dk-lesson__rel h2{font-size:1.2rem;margin:10px 0}
.dk-lesson__resume{display:flex}
@media print{.dk-lesson__tools,.dk-progress,.dk-toc,.dk-lesson__rel,.dk-nav{display:none}}