.presentation-launch{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 17px;border:1px solid #124e3e;border-radius:8px;background:#124e3e;color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #124e3e18}
.presentation-launch:hover{background:#1b6250}
.presentation-launch svg{width:21px;height:21px;flex-shrink:0;stroke:currentColor}
body.presentation-open{overflow:hidden}
.presentation{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#f3f6ef;background:#0b3029;isolation:isolate;overflow:auto;overscroll-behavior:contain}
.presentation::backdrop{background:#0b3029}
.presentation-art{position:fixed;inset:-6%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#082e29ed,#0b3029b0 54%,#082820de),url('./ambient-water.webp') center/cover no-repeat;animation:presentation-drift 36s ease-in-out infinite alternate}
.presentation-art::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#e4c38329,transparent 40%),radial-gradient(ellipse at 15% 90%,#51b89c29,transparent 45%)}
/* Workshop scene: pump, impeller, gears, hoses and the diesel tank, drawn as a
   faint schematic behind the record so it never competes with the text. */
.presentation-scene{position:absolute;bottom:100%;inset-inline:0;width:100%;height:clamp(78px,12vh,138px);z-index:-1;pointer-events:none;opacity:.28;color:#c2dcd0}
.sc-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-ground,.sc-detail{stroke-width:1.2;opacity:.5}
.sc-part,.sc-tank,.sc-base{stroke-width:2}
.sc-base{opacity:.7}
.sc-volute{stroke-width:1.6;opacity:.8}
.sc-hose{stroke-width:7;opacity:.42}
.sc-clamp{stroke-width:2.6;opacity:.6}
.sc-dot{fill:currentColor;stroke:none;opacity:.7}
.sc-water{stroke:#7ad2bb}
.sc-diesel{stroke:#e6c78c}
.sc-hose-flow{stroke-width:3;stroke-dasharray:12 17;animation:sc-flow 1.9s linear infinite}
.sc-flow{stroke-width:2.6;stroke-dasharray:11 16;animation:sc-flow 1.6s linear infinite}
.sc-water-pipe{stroke-width:6;opacity:.42}
.sc-stream{stroke-width:2.6;stroke-dasharray:5 7;animation:sc-flow .7s linear infinite}
.sc-impeller,.sc-fan,.sc-gear-a,.sc-gear-b{transform-box:fill-box;transform-origin:center}
.sc-impeller{animation:sc-spin 5.5s linear infinite}
.sc-fan{animation:sc-spin 2.1s linear infinite}
.sc-gear-a{animation:sc-spin 9s linear infinite}
.sc-gear-b{animation:sc-spin-back 6s linear infinite}
.sc-level{animation:sc-level 15s ease-in-out infinite}
.sc-wave{animation:sc-wave 3.6s linear infinite}
.sc-wave path{fill:#d8b87a;fill-opacity:.3;stroke:#e9cd96;stroke-opacity:.55;stroke-width:2}
.sc-wave-b{animation-duration:5.4s;animation-direction:reverse}
.sc-wave-b path{fill-opacity:.2;stroke-opacity:.22}
.sc-bubble{fill:#e6c78c;fill-opacity:.4;stroke:none;animation:sc-bubble 4.5s ease-in infinite}
.sc-bubble-b{animation-duration:5.6s;animation-delay:1.4s}
.sc-bubble-c{animation-duration:6.4s;animation-delay:2.6s}
.sc-drop{stroke:#7ad2bb;stroke-width:2.2;opacity:0;animation:sc-drop 3.4s ease-in infinite}
.sc-drop-b{animation-duration:4.6s;animation-delay:1.7s}
@keyframes sc-flow{to{stroke-dashoffset:-29}}
@keyframes sc-spin{to{transform:rotate(360deg)}}
@keyframes sc-spin-back{to{transform:rotate(-360deg)}}
@keyframes sc-level{0%,100%{transform:translateY(54px)}45%,62%{transform:translateY(6px)}}
@keyframes sc-wave{to{transform:translateX(-48px)}}
@keyframes sc-bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.5}100%{transform:translateY(-40px);opacity:0}}
@keyframes sc-drop{0%,55%{transform:translateY(0);opacity:0}60%{opacity:.8}100%{transform:translateY(20px);opacity:0}}
html[dir=ltr] .presentation-scene{transform:scaleX(-1)}
html[data-motion=off] .presentation-scene *{animation-play-state:paused}
/* The same workshop drawing, smaller and quieter, closes the register page. */
.page-scene{display:block;flex:0 0 100%;width:100%;height:clamp(52px,6vw,80px);margin:8px 0 14px;opacity:.22;color:#14513f}
html[dir=rtl] .page-scene{transform:scaleX(-1)}
.page-scene .sc-water,.page-scene .sc-drop{stroke:#1d7660}
.page-scene .sc-diesel{stroke:#93702a}
.page-scene .sc-wave path{fill:#b08a3c;fill-opacity:.36;stroke:#8a6820;stroke-opacity:.5}
.page-scene .sc-bubble{fill:#8a6820}
html[data-motion=off] .page-scene *,.page-scene[data-visible=false] *{animation-play-state:paused}
.presentation-shell{max-width:1440px;height:100%;min-height:100%;margin:0 auto;padding:clamp(18px,3vw,40px) clamp(18px,4vw,60px) 20px;display:flex;flex-direction:column;gap:18px}
.presentation-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
.presentation-brand{display:flex;align-items:center;gap:14px}
.presentation-mark{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #d4b26b88;border-radius:15px;color:#e6cb92;font-size:30px;background:#ffffff07}
.presentation-brand p{font-size:13px;color:#c6d6ce;margin:0 0 2px}
.presentation-brand h2{font-size:clamp(19px,2vw,25px);font-weight:600;line-height:1.4;color:#fff;margin:0}
.presentation-header-actions{display:flex;align-items:center;gap:8px}
.presentation button,.presentation select{font:inherit;cursor:pointer;min-height:44px;border-radius:8px}
.presentation button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b6cfc83d;color:#edf5ef;padding:8px 14px;background:#ffffff09;line-height:1.5}
.presentation button:hover:not(:disabled){background:#ffffff17;border-color:#b6cfc899}
.presentation button:disabled,.presentation select:disabled{opacity:.4;cursor:default}
.presentation button:focus-visible,.presentation select:focus-visible,.presentation-card:focus-visible{outline:3px solid #e0bb6e;outline-offset:4px}
.presentation button svg{width:21px;height:21px;stroke:currentColor;flex-shrink:0}
.presentation-context{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;color:#d8e2dd;padding-top:12px}
.presentation-context>div{display:flex;gap:9px;align-items:center}
.presentation-dot{width:6px;height:6px;border-radius:50%;background:#d8b976;box-shadow:0 0 0 5px #d8b97613;flex-shrink:0}
.presentation-counter{direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#e7d5ad;font-size:16px;white-space:nowrap}
.presentation-context>.presentation-context-end{display:flex;align-items:center;gap:14px;flex-shrink:0}
.presentation-remaining{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;color:#c1d2c8;white-space:nowrap}
#presentation-remaining-value{direction:ltr;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;color:#e7d5ad}
.presentation[data-playing=false] .presentation-remaining{opacity:.55}
.presentation-stage{flex:1;display:flex;align-items:center;min-height:0}
.presentation-card{width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#abbeb4 transparent;background:#fcfdf9;color:#1b352d;border:1px solid #ffffffa6;border-top:3px solid #d2b578;border-radius:16px;padding:clamp(22px,3vw,40px);box-shadow:0 24px 64px #001f2450;scroll-padding:20px}
.presentation-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
#presentation-reference{font-size:13px;color:#506b60;letter-spacing:.25px;overflow-wrap:anywhere}
.presentation-badges{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0;max-width:65%;font-size:12px;font-weight:700}
.presentation-badges>span{padding:4px 11px;border-radius:5px;background:#edf3ee;color:#315f4d}
#presentation-priority[data-priority=high]{background:#faece5;color:#93492e}
#presentation-priority[data-priority=medium]{background:#f7f0df;color:#806321}
.presentation-blocker{margin:-14px 0 22px;padding:10px 16px;border-inline-start:3px solid #c98f7d;border-radius:6px;background:#fbeee9;color:#8d4636;font-size:clamp(14px,1.05vw,17px);line-height:1.8;overflow-wrap:anywhere}
.presentation-card h3{font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.55;letter-spacing:-.35px;max-width:1100px;margin:0 0 26px;overflow-wrap:anywhere;color:#173f32}
.presentation-detail-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:28px}
.presentation-detail-grid h4{font-size:12px;letter-spacing:.25px;color:#657d71;font-weight:700;margin:0 0 8px}
.presentation-detail-grid p{font-size:clamp(16px,1.25vw,19px);line-height:1.95;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.presentation-action{border-inline-start:3px solid #d2b578;padding-inline-start:22px}
.presentation-action h4{color:#8a6c31}
.presentation-meta{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:20px;border-top:1px solid #dfe7e0;padding-top:20px;margin:26px 0 0}
.presentation-meta dt{font-size:12px;color:#6d8075;margin:0 0 5px}
.presentation-meta dd{font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere;color:#365847}
.presentation-meta small{display:block;font-size:11px;font-weight:400;color:#748279;margin-top:3px}
#presentation-action-at:empty{display:none}
.presentation-next{display:flex;align-items:baseline;gap:12px;font-size:13px;min-width:0;padding:0 4px}
.presentation-next>span{color:#d9be8a;flex-shrink:0}
.presentation-next p{margin:0;color:#d1ddd5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presentation-footer{position:relative;display:block;flex-shrink:0;margin:0;border:0;padding:0;color:#d1ddd5}
.presentation-progress{height:3px;border-radius:3px;background:#ffffff15;overflow:hidden;margin-bottom:16px}
#presentation-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#c9a765,#f0d79f);box-shadow:0 0 12px #dfbf7e59;transform:scaleX(0);transform-origin:left}
html[dir=rtl] #presentation-progress-fill{transform-origin:right}
.presentation-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.presentation-playback{display:flex;gap:8px;align-items:center}
#presentation-toggle{min-width:132px;background:#e0c58d;border-color:#e0c58d;color:#133c2e;font-weight:700}
#presentation-play-label{white-space:nowrap}
#presentation-toggle:hover:not(:disabled){background:#eed7a6}
html[dir=rtl] #presentation-prev svg,html[dir=rtl] #presentation-next svg{transform:rotate(180deg)}
.presentation-speed{display:flex;align-items:center;gap:8px;font-size:12px}
.presentation-speed select{font-size:13px;background:#123d31;color:#f1eee3;border:1px solid #b6cfc84d;padding:6px 12px}
.presentation-cycle svg{width:19px;height:19px}
.presentation-cycle[aria-pressed=true]{background:#1d5545;border-color:#dfbf7e7a;color:#f4e7c9}
.presentation-cycle[aria-pressed=true] svg{stroke:#e0c58d}
.presentation-play-state{margin-inline-start:auto;font-size:12px;color:#cfddd1}
.presentation-footnote{display:flex;justify-content:space-between;gap:16px;margin-top:17px;font-size:11px;color:#b8cbc0}
.presentation .presentation-link{min-height:0;gap:6px;padding:4px 10px;font-size:11px;border-radius:6px;border-color:#b6cfc82e;background:#ffffff05;color:#c9dad0}
.presentation .presentation-link svg{width:14px;height:14px}
.presentation-link[data-copied=true]{color:#e7d5ad;border-color:#dfbf7e5c}
#presentation-connection[data-connected=false]{color:#e3c692}
.presentation-empty{width:100%;text-align:center;padding:55px 20px;color:#dbe6dc;border:1px solid #a1c1b638;border-radius:16px;background:#ffffff05}
.presentation-empty svg{width:38px;height:38px;stroke:#cfb984;margin-bottom:10px}
.presentation-empty h3{font-size:22px;color:#f4f5e9;margin:0 0 12px}
.presentation-empty p{font-size:15px;margin:0}
html[data-motion=off] #presentation-progress-fill{visibility:hidden}
@keyframes presentation-drift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1%,1%,0) scale(1.045)}}
@media(max-width:700px){
  .presentation-shell{padding:18px 16px max(20px,env(safe-area-inset-bottom));gap:14px}
  .presentation-header{gap:10px;align-items:flex-start}
  .presentation-brand{gap:9px}
  .presentation-mark{width:39px;height:44px;font-size:25px;border-radius:11px}
  .presentation-brand p{font-size:10px}
  .presentation-brand h2{font-size:17px}
  .presentation-header-actions{gap:5px}
  .presentation-header-actions button{font-size:12px;padding:8px}
  #presentation-close span{display:none}
  #presentation-fullscreen span{display:none}
  .presentation-context>.presentation-context-end{gap:9px}
  .presentation-remaining span:last-child{display:none}
  .presentation-cycle{font-size:12px;padding:8px 11px}
  .presentation-context{font-size:12px;padding-top:5px}
  .presentation-stage{align-items:flex-start}
  .presentation-card{padding:23px 20px;border-radius:12px}
  .presentation-card-top{display:block;margin-bottom:14px}
  .presentation-badges{margin-top:12px;max-width:100%;font-size:10px;gap:5px}
  .presentation-badges>span{padding:4px 8px}
  .presentation-card h3{font-size:24px;line-height:1.55;margin-bottom:20px}
  .presentation-detail-grid{grid-template-columns:1fr;gap:20px}
  .presentation-detail-grid p{font-size:16px;line-height:1.9}
  .presentation-action{padding-inline-start:15px}
  .presentation-meta{grid-template-columns:1fr 1fr;gap:16px;margin-top:23px;padding-top:19px}
  .presentation-meta>div:last-child{grid-column:1 / -1}
  .presentation-meta dd{font-size:13px}
  .presentation-next{font-size:11px;gap:8px}
  .presentation-controls{gap:12px 16px}
  .presentation-playback{width:100%;justify-content:center;gap:8px}
  .presentation-playback button{font-size:13px;padding:10px;flex:1}
  #presentation-toggle{min-width:148px;flex:1.35}
  .presentation-play-state{font-size:11px}
  .presentation-footnote{flex-direction:column;gap:4px;font-size:10px;margin-top:14px}
  .presentation .presentation-link{align-self:flex-start;font-size:10px}
  .presentation-progress{margin-bottom:14px}
  .presentation-scene{display:none}
}
@media(max-height:620px){.presentation-card{max-height:none}.presentation-stage{flex:auto}.presentation-shell{height:auto;gap:12px}.presentation-header{position:relative}}
@media(prefers-reduced-motion:reduce){.presentation-art{animation:none}.presentation-scene *,.page-scene *{animation:none}#presentation-progress-fill{visibility:hidden}}

/* ١) شاشة الجدار الكبيرة: البطاقة كانت تشغل 52% من شاشة 2560، فيضيع نصفها
   ويصغر النص على من يقرأ من آخر الورشة. دون 1600 بكسل لا يتغير شيء. */
@media(min-width:1600px){
  .presentation-shell{max-width:min(2160px,94vw);padding:clamp(26px,2.2vw,48px) clamp(30px,3vw,68px) 24px;gap:22px}
  .presentation-card{padding:clamp(32px,2.4vw,54px)}
  .presentation-card h3{font-size:clamp(36px,2.4vw,54px);max-width:none;margin-bottom:30px}
  .presentation-detail-grid{gap:44px}
  .presentation-detail-grid h4{font-size:15px}
  .presentation-detail-grid p{font-size:clamp(19px,1.15vw,26px)}
  .presentation-meta{gap:28px;padding-top:24px;margin-top:30px}
  .presentation-meta dt{font-size:14px}
  .presentation-meta dd{font-size:17px}
  .presentation-meta small{font-size:13px}
  #presentation-reference{font-size:16px}
  .presentation-badges{font-size:14px}
  .presentation-blocker{font-size:clamp(17px,1vw,22px)}
  .presentation-next{font-size:16px}
}

/* ٢) «سرد» — النص نفسه هو المشهد: لا بطاقة بيضاء، بل كلمات تدخل كلمةً كلمة
   وجملاً تصعد جملةً جملة، وشريط «بعدها» يمشي، وحلقة تقدّم حول الترقيم.
   كل هذا مقصور على عرض المتابعات (#presentation)؛ عرض الإحصائيات يتشارك
   القواعد العامة أعلاه ولا يتأثر. */
#presentation .presentation-stage{position:relative;align-items:center}
#presentation .k-stage{width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#abbeb4 transparent;padding:clamp(8px,1.6vw,26px) 4px;color:#eef3ee}
#presentation .k-ghost{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);pointer-events:none;overflow:hidden}
#presentation .k-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:clamp(10px,1.4vw,20px)}
#presentation .k-ref{font-size:clamp(14px,1.05vw,19px);color:#e7d5ad;letter-spacing:.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#presentation .k-badges>span{background:#ffffff10;color:#e9f0ea;border:1px solid #ffffff24}
#presentation #presentation-priority[data-priority=high]{background:#5a2a2340;color:#f6c9b8;border-color:#e39a8655}
#presentation #presentation-priority[data-priority=medium]{background:#5a481f40;color:#f1e2bd;border-color:#dfbf7e55}
#presentation[data-playing=true] #presentation-priority[data-priority=high]{animation:k-pulse 2.6s ease-in-out infinite}
#presentation .k-title{font-size:clamp(28px,3.3vw,56px);font-weight:700;line-height:1.45;letter-spacing:-.3px;color:#fff;margin:0 0 clamp(16px,2vw,30px);max-width:1360px;overflow-wrap:anywhere}
#presentation .k-word,#presentation .k-line{display:inline-block;max-width:100%;will-change:transform,opacity}
#presentation .k-blocker{margin:-4px 0 22px;padding:10px 18px;border-inline-start:3px solid #e39a86;border-radius:6px;background:#5a2a232e;color:#f6d2c8;font-size:clamp(14px,1.05vw,18px);line-height:1.8;overflow-wrap:anywhere}
#presentation .k-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(24px,3vw,60px)}
#presentation .k-label{font-size:clamp(12px,.85vw,15px);letter-spacing:.3px;color:#a9c0b5;font-weight:700;margin:0 0 10px}
#presentation .k-text{font-size:clamp(17px,1.35vw,26px);line-height:1.9;margin:0;color:#e6ede8;overflow-wrap:anywhere;white-space:normal}
#presentation .k-action{position:relative;padding-inline-start:clamp(18px,1.6vw,28px)}
#presentation .k-action .k-label{color:#e0c58d}
#presentation .k-action .k-text{color:#f3e6c4}
#presentation .k-rule{position:absolute;inset-inline-start:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:linear-gradient(#f0d79f,#c9a765);box-shadow:0 0 14px #dfbf7e55;transform-origin:top}
#presentation .k-meta{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:20px;border-top:1px solid #ffffff1a;padding-top:18px;margin:clamp(20px,2.4vw,34px) 0 0}
#presentation .k-meta dt{font-size:clamp(12px,.8vw,14px);color:#a9c0b5;margin:0 0 5px}
#presentation .k-meta dd{font-size:clamp(14px,1vw,18px);font-weight:600;margin:0;overflow-wrap:anywhere;color:#eef3ee}
#presentation .k-meta small{display:block;font-size:clamp(11px,.75vw,13px);font-weight:400;color:#b8cbc0;margin-top:3px}
#presentation .k-part{display:block}
#presentation .k-badges .k-part{display:inline-block}
/* شريط «بعدها» */
#presentation .k-queue{display:flex;align-items:center;gap:14px;min-height:32px;padding:0 4px;font-size:clamp(13px,1vw,18px)}
#presentation .k-queue>span{color:#d9be8a;flex-shrink:0}
#presentation .k-ticker{flex:1;min-width:0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#presentation .k-track{display:inline-flex;gap:clamp(36px,3vw,64px);will-change:transform}
#presentation .k-track>span{display:inline-flex;align-items:baseline;gap:8px;color:#b9c9bf;white-space:nowrap}
#presentation .k-track>span b{font-size:.8em;color:#d9be8a;font-variant-numeric:tabular-nums}
#presentation .k-track>span.k-near{color:#f4f5e9;font-weight:600}
#presentation .k-track>span.k-near b{color:#f0d79f}
/* حلقة التقدّم حول الترقيم */
#presentation .k-ringwrap{display:inline-flex;align-items:center;gap:9px}
#presentation .k-ring{width:26px;height:26px;transform:rotate(-90deg);flex-shrink:0}
html[dir=rtl] #presentation .k-ring{transform:rotate(-90deg) scaleY(-1)}
#presentation .k-ring-track{fill:none;stroke:#ffffff1f;stroke-width:3.5}
#presentation .k-ring-fill{fill:none;stroke:#e7d5ad;stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
#presentation[data-playing=false] .k-ring-fill{stroke:#b9a778}
@keyframes k-pulse{0%,100%{box-shadow:0 0 0 0 #e39a8600}50%{box-shadow:0 0 0 6px #e39a8622}}
html[data-motion=off] #presentation #presentation-priority,html[data-motion=off] #presentation .k-ring-fill{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){#presentation #presentation-priority{animation:none}#presentation .k-ring-fill{transition:none}}
@media(min-width:1600px){
  #presentation .k-title{font-size:clamp(44px,2.6vw,64px);max-width:none}
  #presentation .k-text{font-size:clamp(22px,1.2vw,30px)}
  #presentation .k-grid{gap:64px}
  #presentation .k-meta dd{font-size:20px}
  #presentation .k-queue{font-size:20px}
}
@media(max-width:700px){
  #presentation .k-stage{padding:6px 0}
  #presentation .k-top{display:block;margin-bottom:12px}
  #presentation .k-badges{margin-top:10px}
  #presentation .k-title{font-size:24px;line-height:1.5;margin-bottom:16px}
  #presentation .k-grid{grid-template-columns:1fr;gap:18px}
  #presentation .k-text{font-size:16px;line-height:1.85}
  #presentation .k-action{padding-inline-start:14px}
  #presentation .k-meta{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;padding-top:16px}
  #presentation .k-meta>div:last-child{grid-column:1 / -1}
  #presentation .k-track>span:not(.k-near){display:none}
  #presentation .k-ring{width:22px;height:22px}
}
/* لوحة قلّابة ولمعة */
#presentation .k-flap{display:inline-block;min-width:.62em;text-align:center;font-variant-numeric:tabular-nums;transition:transform .08s}
#presentation .k-flap-gap{min-width:.3em}
#presentation .k-flap-turn{transform:scaleY(.72);opacity:.75}
#presentation .presentation-counter{letter-spacing:1px}
#presentation .k-shine{background:linear-gradient(90deg,#e0c58d 0%,#e0c58d 38%,#fff5d6 50%,#e0c58d 62%,#e0c58d 100%);background-size:200% 100%;background-position:200% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-motion=off] #presentation .k-flap{transition:none}