@layer components{.dm{border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 30%, #fff 0%, var(--color-paper) 60%, var(--color-paper-2) 100%);border:1px solid var(--hair);box-shadow:var(--shadow-card);isolation:isolate;position:relative;overflow:hidden}.dm-svg{cursor:pointer;touch-action:pan-y;block-size:auto;inline-size:100%;display:block}.dm-caps{justify-content:space-between;gap:12px;padding:0 60px 14px 18px;font-size:.8125rem;font-weight:600;line-height:1;display:flex}.dm-cap{align-items:center;gap:7px;display:inline-flex}.dm-cap:before{content:"";border-radius:50%;block-size:9px;inline-size:9px}.dm-cap.bad{color:#a7301a}.dm-cap.bad:before{background:var(--color-ember)}.dm-cap.ok{color:#176f3d}.dm-cap.ok:before{background:#1f9d55}.dm .c3d-replay{inset-block-end:10px;block-size:40px;inline-size:40px;right:10px}.dm:not([data-live]) .c3d-replay{display:none}@media (pointer:coarse){.dm .c3d-replay{block-size:44px;inline-size:44px}}.dm-stage{position:relative}.dm-chip{z-index:1;background:var(--color-card);box-shadow:inset 0 0 0 1px var(--hair);color:var(--fg-2);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;line-height:1.5;position:absolute;translate:-50% -100%}@media (prefers-reduced-motion:reduce){.dm .c3d-replay{display:none}.dm-caps{padding-right:18px}.dm-svg{cursor:default}}}
@layer components{.dm-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.dm-item{border-radius:var(--radius);background:var(--color-card);border:1px solid var(--hair);grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:20px 32px;padding:22px;display:grid}.dm-rule{align-content:start;gap:12px;display:grid}.dm-no{font-family:var(--font-display-en);color:var(--color-accent-ink);letter-spacing:.01em;font-size:2.4rem;font-weight:700;line-height:1}[dir=rtl] .dm-no{font-family:var(--font-display-fa);font-size:2rem;font-weight:800}.dm-rule p{color:var(--fg-2);line-height:1.85}@media (max-width:48rem){.dm-item{grid-template-columns:1fr;gap:14px;padding:12px 12px 16px}.dm-item>.dm{order:-1}.dm-rule{padding-inline:6px}}.chart-fig{border-radius:var(--radius);background:var(--color-card);border:1px solid var(--hair);margin:0;padding:clamp(14px,2.5vw,24px)}.chart-fig .tbl-scroll{background:linear-gradient(90deg, var(--color-card) 35%, transparent) left / 40px 100% no-repeat local, linear-gradient(270deg, var(--color-card) 35%, transparent) right / 40px 100% no-repeat local, linear-gradient(90deg, #1b1c1e33, transparent) left / 14px 100% no-repeat scroll, linear-gradient(270deg, #1b1c1e33, transparent) right / 14px 100% no-repeat scroll;border-radius:0}.chart-fig svg{block-size:auto;inline-size:100%;min-inline-size:47.5rem;display:block;overflow:hidden}.chart-fig figcaption{color:var(--fg-2);gap:4px;max-inline-size:48rem;margin-block-start:16px;font-size:.8125rem;display:grid}.chart-fig figcaption strong{color:var(--fg);margin-block-end:4px;font-size:1rem;font-weight:600}.tele{gap:14px;max-inline-size:46rem;display:grid}.tele p{color:var(--fg-2)}.tele .fx{font-family:var(--font-display-en);text-align:left;background:var(--color-card);border:1px solid var(--hair);color:var(--fg);letter-spacing:.01em;direction:ltr;unicode-bidi:isolate;border-radius:14px;padding:12px 18px;font-size:1.3rem;font-weight:700;line-height:1.3}.tele .fx sub{font-size:.62em}.tele-pairs,.tele-vars{margin:0;padding:0;list-style:none}.tele-pairs{gap:8px;display:grid}.tele-pairs li{background:var(--color-card);border:1px solid var(--hair);border-radius:14px;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 16px;display:flex}.tele-pairs li>span:first-child{color:var(--fg-2)}.tele-pairs b{white-space:nowrap;color:var(--fg);font-weight:600}@media (max-width:40rem){.tele-pairs li{flex-direction:column;gap:4px}.tele-pairs b{text-align:start}}.tele-vars{color:var(--fg-2);gap:4px;padding-inline-start:6px;font-size:.9rem;display:grid}.tele-vars li{align-items:baseline;gap:12px;display:flex}.tele-vars .code{color:var(--fg);min-inline-size:2.5rem}}