/* az-showme.css: "Show me" player. Logical properties only; the drawing stage stays dir=ltr (inside clear-diagrams). Preview 2026-09-30. */
.azm-row{margin:10px 0 14px}
.azm-open{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 14px;border-radius:999px;border:1.5px solid #F6E3B4;background:linear-gradient(180deg,#F2DCA6,#D9B26A);color:#15110A;font:inherit;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -12px rgba(217,178,106,.7)}
.azm-open:focus-visible,.azm-b:focus-visible,.azm-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.azm-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#15110A}
.azm-ico svg{width:16px;height:16px;fill:#F2DCA6;margin-inline-start:2px}
html.azm-lock{overflow:hidden}
.azm-player{position:fixed;inset:0;z-index:9500;background:rgba(7,7,9,.97);color:#F4F1EA;overflow-y:auto;overscroll-behavior:contain;animation:azm-in .25s ease both}
.azm-in{max-width:620px;margin-inline:auto;padding:14px 14px calc(24px + env(safe-area-inset-bottom))}
.azm-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.azm-ttl{font-size:16px;color:#F2DCA6}
.azm-x{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:999px;border:1px solid rgba(217,178,106,.5);background:rgba(217,178,106,.08);color:#F2DCA6;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.azm-ticks{display:flex;flex-wrap:wrap;gap:4px;margin:12px 2px 6px}
.azm-tk{flex:1 1 0;min-width:8px;max-width:28px;height:8px;border-radius:4px;background:rgba(255,255,255,.14);position:relative}
.azm-tk.on{background:#7DD3A0}
.azm-tk.on::after{content:"✓";position:absolute;inset:-15px 0 auto;text-align:center;font-size:11px;line-height:1;color:#9FE0B9}
.azm-ticks{padding-top:14px}
.azm-count{margin:4px 2px 8px;font-size:15px;font-weight:700;color:#C9C4BA;font-variant-numeric:tabular-nums}
.azm-cap{margin:12px 2px;font-size:22px;line-height:1.45;font-weight:700;color:#F4F1EA}
html.lang-ur .azm-cap,html.lang-pa .azm-cap{line-height:1.95}
.azm-ul{list-style:none;margin:0;padding:0}.azm-ul>li{margin:0;padding:0}.azm-ul>li>label{display:none}
.azm-fig.azd{margin:0;max-width:none}
.azm-fig .azd-kicker,.azm-fig .azd-bar,.azm-fig .azd-prog,.azm-fig .azd-hint,.azm-fig .azd-more,.azm-fig .azl-row,.azm-fig .azd-foot,.azm-fig .azd-chips,.azm-fig .azd-badge{display:none}
.azm-fig .azd-now{font-size:17px;min-height:2.6em}
.azm-bar,.azm-bar2{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.azm-b{min-width:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:999px;border:1px solid rgba(217,178,106,.45);background:rgba(217,178,106,.08);color:#F2DCA6;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.azm-pp{background:#D9B26A;color:#15110A;border-color:#F6E3B4;min-width:120px}
.azm-pic{width:12px;height:15px;border-inline:4px solid currentColor}
.azm-pp.is-paused .azm-pic{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor;border-inline:0;border-inline-start:13px solid currentColor;border-block:8px solid transparent}
.azm-chev{width:10px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
[dir="rtl"] .azm-chev{transform:scaleX(-1)}
.azm-b[aria-pressed="true"]{background:#D9B26A;color:#15110A}
.azm-note{margin:10px 2px 0;font-size:13.5px;color:#9A968E;text-align:center}
.azm-finished .azm-cap{color:#9FE0B9}
.azm-finished .azm-stage{opacity:.55}
@media (max-width:420px){.azm-cap{font-size:20px}.azm-b{padding:0 14px}}
@keyframes azm-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.azm-player,.azm-player *{animation:none!important;transition:none!important}}