/* GENERAT de make.js (nu edita aici): fonturi + fereastra din ../valabilitati-intrare/sx-vin.src.css + sx-vdrag.src.css */
@property --vin-u { syntax: "<length>"; inherits: true; initial-value: 1px; }
@font-face { font-family: "Vin Inter"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("../hl/fonts/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Vin Inter"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("../hl/fonts/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Vdr Hand"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../c41/fonts/Caveat-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Vdr Hand"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../c41/fonts/Caveat-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }

/* @u-begin — fereastra Valabilități (v34-final, dlg:711-1188), mai strânsă pe verticală; valorile sunt „pixeli de program” */
.sx-vdr .vrc-win {
  --vrc-win: #ffffff; --vrc-ink: #16293b; --vrc-ink-2: #5b636c; --vrc-hair: rgba(22, 41, 59, .10);
  --vrc-zebra: #f5f5f4; --vrc-band: #efefed; --vrc-today: rgba(22, 41, 59, .30);
  --vrc-x: #c9413a; --vrc-s: #b7791f; --vrc-u: #2f6ea3;
  --vrc-primary: #3a76b0; --vrc-on-primary: #ffffff; --vrc-note: #f7f7f6; --vrc-note-line: rgba(22, 41, 59, .10);
  --vrc-shadow: 0 0 0 calc(1 * var(--vin-u)) rgba(22, 41, 59, .05), 0 calc(2 * var(--vin-u)) calc(4 * var(--vin-u)) rgba(22, 41, 59, .06), 0 calc(18 * var(--vin-u)) calc(40 * var(--vin-u)) calc(-12 * var(--vin-u)) rgba(22, 41, 59, .30), 0 calc(48 * var(--vin-u)) calc(96 * var(--vin-u)) calc(-40 * var(--vin-u)) rgba(22, 41, 59, .42);
  position: relative; box-sizing: border-box; width: calc(965 * var(--vin-u)); max-width: 100%; margin: 0; overflow: hidden;
  background: var(--vrc-win); color: var(--vrc-ink); border-radius: calc(8 * var(--vin-u)); box-shadow: var(--vrc-shadow);
  font-family: "Vin Inter", Inter, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: calc(14 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); font-weight: 400;
  letter-spacing: 0; word-spacing: 0; text-align: left; text-transform: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color-scheme: light;
}
.sx-vdr .vrc-win *, .sx-vdr .vrc-win *::before, .sx-vdr .vrc-win *::after { box-sizing: border-box; }
.sx-vdr .vrc-win :where(p, span, i, table, th, td, tr) { margin: 0; }
.sx-vdr .vrc-win b { font-weight: 500; color: inherit; }
.sx-vdr .vrc-win :where(table) { width: 100%; border-collapse: separate; border-spacing: 0; background: transparent; }
.sx-vdr .vrc-win :where(th, td) { padding: 0; font: inherit; color: inherit; text-align: left; vertical-align: top; }
.sx-vdr .vrc-win svg { display: block; max-width: none; }
.sx-vdr .vrc-win .vrc-sr { position: absolute; width: calc(1 * var(--vin-u)); height: calc(1 * var(--vin-u)); margin: calc(-1 * var(--vin-u)); padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* antetul: titlul la mijloc, × la dreapta */
.sx-vdr .vrc-head { display: grid; grid-template-columns: calc(28 * var(--vin-u)) minmax(0, 1fr) calc(28 * var(--vin-u)); align-items: center; gap: calc(16 * var(--vin-u)); padding: calc(8 * var(--vin-u)) calc(16 * var(--vin-u)); }
.sx-vdr .vrc-title { grid-column: 2; text-align: center; font-size: calc(18 * var(--vin-u)); line-height: calc(24 * var(--vin-u)); font-weight: 400; letter-spacing: -.005em; color: var(--vrc-ink); }
.sx-vdr .vrc-x { grid-column: 3; display: grid; place-items: center; width: calc(28 * var(--vin-u)); height: calc(28 * var(--vin-u)); border-radius: calc(4 * var(--vin-u)); color: var(--vrc-ink-2); }
.sx-vdr .vrc-x svg { width: calc(16 * var(--vin-u)); height: calc(16 * var(--vin-u)); }

/* banda: salvarea bazei + comenzile vechi */
.sx-vdr .t4-band { --vrc-warn-in: var(--vrc-note); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: calc(6 * var(--vin-u)) calc(14 * var(--vin-u)); padding: calc(7 * var(--vin-u)) calc(24 * var(--vin-u));
  background: var(--vrc-note); box-shadow: inset 0 calc(1 * var(--vin-u)) 0 var(--vrc-note-line), inset 0 calc(-1 * var(--vin-u)) 0 var(--vrc-note-line); font-size: calc(14 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); color: var(--vrc-ink); }
.sx-vdr .tw-b { display: inline-flex; align-items: center; gap: calc(8 * var(--vin-u)); }
.sx-vdr .vrc-warn { flex: none; width: calc(16 * var(--vin-u)); height: calc(16 * var(--vin-u)); color: var(--vrc-s); }
.sx-vdr .tw-sep { flex: none; width: calc(1 * var(--vin-u)); height: calc(16 * var(--vin-u)); background: var(--vrc-note-line); }
.sx-vdr .t4-ord { display: inline-flex; align-items: center; gap: calc(4 * var(--vin-u)); white-space: nowrap; }
.sx-vdr .vrc-down { flex: none; width: calc(12 * var(--vin-u)); height: calc(12 * var(--vin-u)); color: var(--vrc-ink-2); }

/* semnele: forma spune starea, culoarea doar pe semn */
.sx-vdr .vrc-mk { position: relative; display: inline-block; flex: none; width: calc(10 * var(--vin-u)); height: calc(10 * var(--vin-u)); border-radius: 50%; box-shadow: 0 0 0 calc(2 * var(--vin-u)) var(--vrc-halo, var(--vrc-win)); }
.sx-vdr .vrc-mk--x { background: var(--vrc-x); }
.sx-vdr .vrc-mk--s { background: conic-gradient(var(--vrc-s) 0 180deg, var(--vrc-halo, var(--vrc-win)) 0); box-shadow: inset 0 0 0 calc(1.5 * var(--vin-u)) var(--vrc-s), 0 0 0 calc(2 * var(--vin-u)) var(--vrc-halo, var(--vrc-win)); }
.sx-vdr .vrc-mk--u { background: var(--vrc-halo, var(--vrc-win)); box-shadow: inset 0 0 0 calc(1.5 * var(--vin-u)) var(--vrc-u), 0 0 0 calc(2 * var(--vin-u)) var(--vrc-halo, var(--vrc-win)); }
.sx-vdr .vrc-cap { display: block; font-size: calc(14 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); font-weight: 500; letter-spacing: calc(.8 * var(--vin-u)); text-transform: uppercase; color: var(--vrc-ink-2); }

/* calendarul pe perioade */
.sx-vdr .vrc-cal { position: relative; margin-top: calc(8 * var(--vin-u)); }
.sx-vdr .vrc-tbl th, .sx-vdr .vrc-tbl td { padding: calc(6 * var(--vin-u)) 0 calc(6 * var(--vin-u)) calc(14 * var(--vin-u)); font-weight: 400; }
.sx-vdr .vrc-tbl .vrc-c-res { padding-left: calc(24 * var(--vin-u)); padding-right: calc(8 * var(--vin-u)); white-space: nowrap; }
.sx-vdr .vrc-tbl tr > :last-child { padding-right: calc(24 * var(--vin-u)); }
.sx-vdr .vrc-tbl .vrc-c-past { padding-right: calc(14 * var(--vin-u)); }
.sx-vdr .vrc-tbl .vrc-now { box-shadow: inset calc(1 * var(--vin-u)) 0 0 var(--vrc-today); }
.sx-vdr .vrc-tbl thead th { background: var(--vrc-band); }
.sx-vdr .vrc-tbl thead .vrc-cap { white-space: nowrap; }
.sx-vdr .vrc-colf { display: block; }
.sx-vdr .vrc-th-r { display: block; font-size: calc(13 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); color: var(--vrc-ink-2); white-space: nowrap; }
.sx-vdr .vrc-row { --vrc-halo: var(--vrc-win); }
.sx-vdr .vrc-row--z { --vrc-halo: var(--vrc-zebra); }
.sx-vdr .vrc-row--z > * { background: var(--vrc-zebra); }
.sx-vdr .vrc-res { display: inline-flex; align-items: center; gap: calc(4 * var(--vin-u)); max-width: 100%; color: var(--vrc-ink); }
.sx-vdr .vrc-res-n { min-width: 0; max-width: calc(176 * var(--vin-u)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-vdr .vrc-it { position: relative; display: flex; flex-wrap: nowrap; column-gap: calc(8 * var(--vin-u)); padding-left: calc(18 * var(--vin-u)); font-size: calc(13 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); }
.sx-vdr .vrc-it .vrc-mk { position: absolute; left: 0; top: calc(5 * var(--vin-u)); }
.sx-vdr .vrc-it-d { min-width: 0; max-width: calc(168 * var(--vin-u)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--vrc-ink-2); }
.sx-vdr .vrc-it-t { white-space: nowrap; color: var(--vrc-ink); }
.sx-vdr .vrc-it-t, .sx-vdr .vrc-th-r, .sx-vdr .vrc-ag-r, .sx-vdr .vrc-ag-when, .sx-vdr .t4-band b { font-variant-numeric: tabular-nums; }   /* cifrele pe coloană, ca în program; nu pe tot textul: cu Inter, tnum lățește și cratima din „să-i” */
.sx-vdr .vrc-it--u .vrc-it-t { color: var(--vrc-ink-2); }

/* agenda (fereastră îngustă): aceleași perioade, un rând pe act */
.sx-vdr .vrc-ag { display: none; padding: calc(2 * var(--vin-u)) 0 calc(6 * var(--vin-u)); }
.sx-vdr .vrc-ag-h { display: flex; align-items: baseline; justify-content: space-between; gap: calc(12 * var(--vin-u)); padding: calc(14 * var(--vin-u)) calc(16 * var(--vin-u)) calc(6 * var(--vin-u)); }
.sx-vdr .vrc-ag-g:first-child .vrc-ag-h { padding-top: calc(10 * var(--vin-u)); }
.sx-vdr .vrc-ag-r { font-size: calc(13 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); color: var(--vrc-ink-2); white-space: nowrap; }
.sx-vdr .vrc-ag-row { --vrc-halo: var(--vrc-win); display: flex; align-items: center; gap: calc(8 * var(--vin-u)); min-height: calc(38 * var(--vin-u)); padding: 0 calc(16 * var(--vin-u)); font-size: calc(14 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); color: var(--vrc-ink); }
.sx-vdr .vrc-ag-row--z { --vrc-halo: var(--vrc-zebra); background: var(--vrc-zebra); }
.sx-vdr .vrc-ag-res { flex: 0 1 auto; min-width: calc(48 * var(--vin-u)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-vdr .vrc-ag-doc { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(13 * var(--vin-u)); color: var(--vrc-ink-2); }
.sx-vdr .vrc-ag-when { flex: none; margin-left: auto; white-space: nowrap; font-size: calc(13 * var(--vin-u)); color: var(--vrc-ink); }

/* subsolul: o singură acțiune */
.sx-vdr .vrc-foot { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--vin-u)) calc(24 * var(--vin-u)); margin-top: calc(8 * var(--vin-u)); padding: calc(8 * var(--vin-u)) calc(24 * var(--vin-u)); box-shadow: inset 0 calc(1 * var(--vin-u)) 0 var(--vrc-hair); }
.sx-vdr .vrc-hint { min-width: 0; font-size: calc(13 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); color: var(--vrc-ink-2); }
.sx-vdr .vrc-btn { display: inline-flex; align-items: center; justify-content: center; flex: none; height: calc(36 * var(--vin-u)); padding: 0 calc(28 * var(--vin-u)); border-radius: calc(4 * var(--vin-u));
  background: var(--vrc-primary); color: var(--vrc-on-primary); font-size: calc(14 * var(--vin-u)); line-height: calc(20 * var(--vin-u)); font-weight: 500; white-space: nowrap;
  box-shadow: inset 0 calc(1 * var(--vin-u)) 0 rgba(255, 255, 255, .16), 0 calc(1 * var(--vin-u)) calc(2 * var(--vin-u)) rgba(10, 20, 30, .22); }

/* tema închisă: tokenii programului (drawer-dark.css), aceiași ca html.dark .vrc-win din v34-final (dlg:767-800) */
html[data-theme="dark"] .sx-vdr .vrc-win {
  --vrc-win: #1f2125; --vrc-ink: #cfd1d4; --vrc-ink-2: #93989d; --vrc-hair: rgba(255, 255, 255, .08);
  --vrc-zebra: #27292d; --vrc-band: #18191c; --vrc-today: rgba(207, 209, 212, .30);
  --vrc-x: #d47069; --vrc-s: #d4a855; --vrc-u: #5aaabb;
  --vrc-primary: #5e6ad2; --vrc-on-primary: #ffffff; --vrc-note: #26282d; --vrc-note-line: rgba(255, 255, 255, .08);
  --vrc-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px rgba(255, 255, 255, .07), 0 2px 6px rgba(0, 0, 0, .4), 0 40px 80px -30px rgba(0, 0, 0, .85);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .sx-vdr .vrc-win {
    --vrc-win: #1f2125; --vrc-ink: #cfd1d4; --vrc-ink-2: #93989d; --vrc-hair: rgba(255, 255, 255, .08);
    --vrc-zebra: #27292d; --vrc-band: #18191c; --vrc-today: rgba(207, 209, 212, .30);
    --vrc-x: #d47069; --vrc-s: #d4a855; --vrc-u: #5aaabb;
    --vrc-primary: #5e6ad2; --vrc-on-primary: #ffffff; --vrc-note: #26282d; --vrc-note-line: rgba(255, 255, 255, .08);
    --vrc-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px rgba(255, 255, 255, .07), 0 2px 6px rgba(0, 0, 0, .4), 0 40px 80px -30px rgba(0, 0, 0, .85);
    color-scheme: dark;
  }
}


/* [cc 19.10] sx-vdrag.src.css · 3.1 #valabilitati „Înainte / Cu Soft-Transport”, cu linia de tras (piesa veche site-sectiuni/valabilitati, 02.10),
   pusă în aspectul paginii Documente refăcute. make.js scrie sx-vdrag.css = fonturile + fereastra v34 (blocul vrc-* din
   ../valabilitati-intrare/sx-vin.src.css, aceeași fereastră ca în 3.1 de azi, la scară) + acest fișier.
   Ce vine din piesa veche (vbb-* -> vdr-*): scena cu două straturi și linia (hârtia sus, tăiată de linie cu două transformări;
   programul jos), mânerul rotund <>, care la margine devine limbă, numerele albastre (pe hârtie și lângă act), cercurile de marker
   care se redesenează, bilețelele care se ridică, intrarea (linia trece peste hârtie, actele aterizează), zborul ferestrei în triunghi.
   Ce e nou: fereastra = v34-final (tabelul pe perioade; agenda pe ecran îngust), datele de pe hârtie = datele ei (azi 18.10.2026),
   culorile și literele = ale paginii (Work Sans, --ink / --mute / --line), padding-ul secțiunii = minimul paginii (80 px).
   [cc 19.10 mare] Scena înapoi la mărimea piesei vechi (efectul câștigă în fața regulii de un ecran): agenda ferestrei pe toate lățimile,
   scena ≈ 620 px la 1440, calendarul ≈ 350 px, repausul ≈ 40%; secțiunea ≈ 1160 px (la integrare: #valabilitati în TALL_OK). Copiile: *.before-mare.* */

/* ---------- 1. Tokeni ---------- */
.sx-vdr {
  /* [cc 19.10 piese] curba piesei vechi (site-sectiuni/base.css: --sx-ease). Pagina refăcută nu o definește, așa că toate tranzițiile
     „var(--sx-ease, ease)” cădeau pe „ease”; aici e definită doar pentru secțiune */
  --sx-ease: cubic-bezier(.16, 1, .3, 1);
  --vdr-x: 37%;
  --vdr-knob-y: 50%;
  --vdr-r: 14px;
  --vdr-frame: 0 0 0 1px var(--line, rgba(20, 42, 62, .2)), 0 2px 4px rgba(20, 42, 62, .05), 0 22px 44px -18px rgba(20, 42, 62, .22);
  /* hârtia (piesa veche) */
  --vdr-wall: #d8d1c3; --vdr-wall-hi: rgba(255, 252, 244, .38); --vdr-wall-lo: rgba(92, 78, 56, .22);
  --vdr-paper: #fbfaf6; --vdr-paper-old: #f1ead8; --vdr-paper-line: rgba(29, 39, 51, .13);
  --vdr-print: #24272c; --vdr-print-2: #5c6169; --vdr-sun: #b0322a;
  --vdr-marker: #c8362b; --vdr-pen: #22408c; --vdr-felt: #2a2a2d;
  --vdr-yel: #f6e383; --vdr-pink: #f6c6cc; --vdr-tape: rgba(232, 220, 188, .86);
  --vdr-rule: rgba(64, 110, 190, .26); --vdr-margin: rgba(214, 72, 72, .42); --vdr-bind: #2c3035;
  --vdr-shadow-paper: 0 1px 1px rgba(48, 36, 20, .12), 0 6px 10px -4px rgba(48, 36, 20, .22), 0 24px 34px -20px rgba(48, 36, 20, .38);
  /* [cc 19.10 piese] „normal”, ca în tema închisă: cu „multiply” fiecare cadru al liniei recompunea hârtia (motion-audit: la tras 15 cadre lungi, max 245 ms; fără: 0, max 44 ms). Pe hârtia deschisă culoarea iese aproape la fel */
  --vdr-blob: rgba(40, 28, 10, .42); --vdr-noise-o: .6; --vdr-blend: normal;
  /* numerele perechilor: cerneala paginii (ca etichetele din #ai), alb pe ele */
  --vdr-key: #142a3e; --vdr-key-ink: #ffffff; --vdr-key-ring: rgba(20, 42, 62, .16);
  /* programul din spatele ferestrei */
  --vdr-app: #edeff2; --vdr-app-bar: #fbfbfc; --vdr-app-line: #e0e3e8; --vdr-app-sk: #dce1e7; --vdr-app-row: #f6f7f9;
  --vdr-glyph: #6f7782; --vdr-scrim: rgba(24, 31, 40, .26); --vdr-tri-on: #142a3e;
  /* linia și mânerul */
  --vdr-seam: #ffffff; --vdr-seam-edge: rgba(23, 32, 43, .16); --vdr-seam-shade: rgba(36, 26, 12, .16);
  --vdr-knob: #ffffff; --vdr-knob-press: #f1f2f4; --vdr-knob-ink: #142a3e;
  --vdr-knob-shadow: 0 0 0 1px rgba(23, 32, 43, .10), 0 2px 4px rgba(20, 28, 38, .12), 0 12px 26px -8px rgba(20, 28, 38, .36);
  --vdr-hover: rgba(20, 42, 62, .055); --vdr-track: rgba(20, 42, 62, .06);
  --vdr-hand: "Vdr Hand", "Caveat", "Ink Free", "Segoe Print", cursive;
  --vdr-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .17 0 0 0 0 .1 0 0 0 .24 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  overflow-x: clip;
}
html[data-theme="dark"] .sx-vdr {
  --vdr-frame: 0 0 0 1px rgba(255, 255, 255, .14), 0 2px 6px rgba(0, 0, 0, .4), 0 44px 96px -30px rgba(0, 0, 0, .8);
  --vdr-wall: #24211c; --vdr-wall-hi: rgba(255, 240, 210, .05); --vdr-wall-lo: rgba(0, 0, 0, .45);
  --vdr-paper: #d6cfbf; --vdr-paper-old: #c6bca5; --vdr-paper-line: rgba(20, 18, 14, .17);
  --vdr-print: #1c1e22; --vdr-print-2: #45484e; --vdr-sun: #8f2820;
  --vdr-marker: #b0302a; --vdr-pen: #1a3170; --vdr-felt: #151518;
  --vdr-yel: #cbb55c; --vdr-pink: #c69aa1; --vdr-tape: rgba(190, 178, 146, .8);
  --vdr-rule: rgba(46, 74, 140, .32); --vdr-margin: rgba(150, 52, 52, .5); --vdr-bind: #121315;
  --vdr-shadow-paper: 0 1px 1px rgba(0, 0, 0, .4), 0 8px 14px -6px rgba(0, 0, 0, .6), 0 28px 40px -22px rgba(0, 0, 0, .75);
  --vdr-blob: rgba(0, 0, 0, .7); --vdr-noise-o: .75; --vdr-blend: normal;
  --vdr-key: #e6e8eb; --vdr-key-ink: #0b0f14; --vdr-key-ring: rgba(230, 232, 235, .22);
  --vdr-app: #141518; --vdr-app-bar: #1c1d21; --vdr-app-line: #2c2e34; --vdr-app-sk: #2c2e34; --vdr-app-row: #18191c;
  --vdr-glyph: #8d939b; --vdr-scrim: rgba(0, 0, 0, .34); --vdr-tri-on: #e6e8eb;
  --vdr-seam: #e8e4d9; --vdr-seam-edge: rgba(0, 0, 0, .55); --vdr-seam-shade: rgba(0, 0, 0, .4);
  --vdr-knob: #2d2b27; --vdr-knob-press: #36332e; --vdr-knob-ink: #e8e4d9;
  --vdr-knob-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 2px 4px rgba(0, 0, 0, .5), 0 12px 26px -8px rgba(0, 0, 0, .7);
  --vdr-hover: rgba(255, 255, 255, .06); --vdr-track: rgba(255, 255, 255, .06);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .sx-vdr {
    --vdr-frame: 0 0 0 1px rgba(255, 255, 255, .14), 0 2px 6px rgba(0, 0, 0, .4), 0 44px 96px -30px rgba(0, 0, 0, .8);
    --vdr-wall: #24211c; --vdr-wall-hi: rgba(255, 240, 210, .05); --vdr-wall-lo: rgba(0, 0, 0, .45);
    --vdr-paper: #d6cfbf; --vdr-paper-old: #c6bca5; --vdr-paper-line: rgba(20, 18, 14, .17);
    --vdr-print: #1c1e22; --vdr-print-2: #45484e; --vdr-sun: #8f2820;
    --vdr-marker: #b0302a; --vdr-pen: #1a3170; --vdr-felt: #151518;
    --vdr-yel: #cbb55c; --vdr-pink: #c69aa1; --vdr-tape: rgba(190, 178, 146, .8);
    --vdr-rule: rgba(46, 74, 140, .32); --vdr-margin: rgba(150, 52, 52, .5); --vdr-bind: #121315;
    --vdr-shadow-paper: 0 1px 1px rgba(0, 0, 0, .4), 0 8px 14px -6px rgba(0, 0, 0, .6), 0 28px 40px -22px rgba(0, 0, 0, .75);
    --vdr-blob: rgba(0, 0, 0, .7); --vdr-noise-o: .75; --vdr-blend: normal;
    --vdr-key: #e6e8eb; --vdr-key-ink: #0b0f14; --vdr-key-ring: rgba(230, 232, 235, .22);
    --vdr-app: #141518; --vdr-app-bar: #1c1d21; --vdr-app-line: #2c2e34; --vdr-app-sk: #2c2e34; --vdr-app-row: #18191c;
    --vdr-glyph: #8d939b; --vdr-scrim: rgba(0, 0, 0, .34); --vdr-tri-on: #e6e8eb;
    --vdr-seam: #e8e4d9; --vdr-seam-edge: rgba(0, 0, 0, .55); --vdr-seam-shade: rgba(0, 0, 0, .4);
    --vdr-knob: #2d2b27; --vdr-knob-press: #36332e; --vdr-knob-ink: #e8e4d9;
    --vdr-knob-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 2px 4px rgba(0, 0, 0, .5), 0 12px 26px -8px rgba(0, 0, 0, .7);
    --vdr-hover: rgba(255, 255, 255, .06); --vdr-track: rgba(255, 255, 255, .06);
  }
}
/* padding-ul secțiunii: minimul paginii (80 px; --sec = clamp(80px, 9vw, 128px)) */
html body .sx.sx-vdr { padding-top: clamp(72px, 5.6vw, 80px); padding-bottom: clamp(72px, 5.6vw, 80px); }
@property --vdr-x { syntax: "<percentage>"; inherits: true; initial-value: 37%; }
.sx-vdr .vdr-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.sx-vdr .sx-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sx-vdr .vdr-i { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- 2. Capul: ca restul paginii (eticheta, H2, rândul de fapte) ---------- */
.sx-vdr .sx-head.sx-vdr-head { margin-bottom: 0; }

/* ---------- 3. Rândul de deasupra scenei: cele două părți și îndemnul ---------- */
/* [cc 19.10 mare] fereastra pe ecran lat: agenda, 640 de „pixeli de program” la 0,94 px (textul de 13 px din fereastră iese 12,2 px),
   cel mult 57,5% din scenă, ca în stânga ei să rămână hârtia (calendarul pe octombrie întreg, ca în piesa veche) */
.sx-vdr .vdr-fig { margin: 20px 0 0; position: relative; container: vdr / inline-size; --vin-u: .94px; --vdr-ww: min(calc(640 * var(--vin-u)), 57.5cqi); }
.sx-vdr .vdr-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.sx-vdr .vdr-side {
  appearance: none; margin: -6px -10px; padding: 6px 10px; border: 0; border-radius: 10px; background: transparent;
  font: inherit; color: var(--ink); cursor: pointer; text-align: left;
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
  transition: background-color .15s ease, color .15s ease;
}
.sx-vdr .vdr-side .vdr-i { color: var(--mute); transition: color .15s ease; }
.sx-vdr .vdr-side-l { min-width: 0; }
.sx-vdr .vdr-side-t { font: 500 17px/1.25 var(--ws); letter-spacing: -.012em; word-spacing: 0; text-decoration: underline 1.5px transparent; text-underline-offset: 6px; transition: text-decoration-color .15s ease; }
.sx-vdr .vdr-side-s { font: 400 15px/1.25 var(--ws); letter-spacing: -.005em; word-spacing: 0; color: var(--mute); }
.sx-vdr .vdr-side:hover { background: var(--vdr-hover); }
.sx-vdr .vdr-side:hover .vdr-i { color: var(--ink); }
.sx-vdr .vdr-side:active { background: var(--vdr-track); }
.sx-vdr .vdr-side[aria-pressed="true"] .vdr-side-t { text-decoration-color: currentColor; }
.sx-vdr .vdr-side[aria-pressed="true"] .vdr-i { color: var(--ink); }
.sx-vdr .vdr-side:focus { outline: none; }
.sx-vdr .vdr-side:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.sx-vdr .vdr-hint { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 400 14px/1.3 var(--ws); letter-spacing: -.005em; word-spacing: 0; color: var(--mute); }
.sx-vdr .vdr-hint .vdr-i { width: 16px; height: 16px; }
.sx-vdr .vdr-hint > span { text-wrap: balance; }
.sx-vdr .vdr-same { color: var(--mute); }
@container vdr (max-width: 1040px) { .sx-vdr .vdr-same { display: none; } }
.sx-vdr:not(.vdr-js) .vdr-hint { visibility: hidden; }
.sx-vdr:not(.vdr-js) .vdr-side { pointer-events: none; }

/* ---------- 4. Scena: rama, cele două straturi, linia ---------- */
.sx-vdr .vdr-stage {
  position: relative; isolation: isolate; overflow: hidden;
  border-radius: var(--vdr-r); box-shadow: var(--vdr-frame); background: var(--vdr-app);
  touch-action: pan-y;
}
/* jos: programul (în flux pe ecran lat: fereastra dă înălțimea scenei) */
.sx-vdr .vdr-after { position: relative; z-index: 1; display: flex; justify-content: flex-end; align-items: flex-start; padding: 35px 14px 10px; }
/* sus: hârtia, tăiată la linie */
.sx-vdr .vdr-clip { position: absolute; inset: 0; z-index: 2; overflow: hidden; transform: translateX(calc(var(--vdr-x) - 100%)); }
.sx-vdr .vdr-stage.is-peek .vdr-clip { pointer-events: none; }
.sx-vdr .vdr-before {
  position: absolute; inset: 0; container-type: inline-size;
  transform: translateX(calc(100% - var(--vdr-x)));
  background-color: var(--vdr-wall);
  background-image: radial-gradient(90% 80% at 24% 18%, var(--vdr-wall-hi), transparent 70%), radial-gradient(150% 120% at 50% 45%, transparent 52%, var(--vdr-wall-lo) 100%);
}
.sx-vdr .vdr-before::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--vdr-noise); background-size: 180px 180px; opacity: var(--vdr-noise-o); mix-blend-mode: var(--vdr-blend); }
.sx-vdr .vdr-seam { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--vdr-x); width: 0; pointer-events: none; }
.sx-vdr .vdr-seam::before { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; width: 2px; background: var(--vdr-seam); box-shadow: 0 0 0 .5px var(--vdr-seam-edge); }
.sx-vdr .vdr-seam::after { content: ""; position: absolute; top: 0; bottom: 0; left: 1px; width: 26px; background: linear-gradient(90deg, var(--vdr-seam-shade), transparent); }
.sx-vdr .vdr-hit { position: absolute; top: 0; bottom: 0; left: -14px; width: 28px; display: none; cursor: ew-resize; touch-action: none; pointer-events: auto; }
.sx-vdr.vdr-js .vdr-hit { display: block; }
/* [cc 19.10 piese] cu JS, linia o mută scriptul: patru transformări pe straturi proprii (fără --vdr-x moștenit, fără left animat).
   Fără JS rămân pozițiile din --vdr-x de mai sus */
.sx-vdr.vdr-js .vdr-clip, .sx-vdr.vdr-js .vdr-before, .sx-vdr.vdr-js .vdr-seam, .sx-vdr.vdr-js .vdr-knob { will-change: transform; }
.sx-vdr.vdr-js .vdr-seam { left: 0; }
/* mânerul: cerc cu două săgeți (fața); la margine fața se stinge și apare limba lipită de ramă (.vdr-tab): doar opacitate și transformare */
.sx-vdr .vdr-knob {
  position: absolute; z-index: 5; top: var(--vdr-knob-y); left: clamp(26px, var(--vdr-x), calc(100% - 26px));
  width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%;
  display: none; place-items: center;
  color: var(--vdr-knob-ink);
  cursor: grab; touch-action: none; -webkit-tap-highlight-color: transparent;
}
.sx-vdr.vdr-js .vdr-knob { display: grid; left: 0; }
.sx-vdr .vdr-knob::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; }
.sx-vdr .vdr-face {
  position: absolute; inset: 0; border-radius: 50%; background: var(--vdr-knob); box-shadow: var(--vdr-knob-shadow);
  transition: opacity .2s ease, transform .3s var(--sx-ease), box-shadow .15s ease, background-color .15s ease;
}
.sx-vdr .vdr-knob svg { position: relative; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; overflow: visible; transition: opacity .2s ease, transform .3s var(--sx-ease); }
.sx-vdr .vdr-knob svg path { transition: transform .15s var(--sx-ease); }
.sx-vdr .vdr-knob:hover .vdr-face { box-shadow: var(--vdr-knob-shadow), 0 0 0 5px var(--vdr-key-ring); }
.sx-vdr .vdr-knob:hover svg .a { transform: translateX(-1.5px); }
.sx-vdr .vdr-knob:hover svg .b { transform: translateX(1.5px); }
.sx-vdr .vdr-knob:active, .sx-vdr .vdr-stage.is-drag .vdr-knob { cursor: grabbing; }
.sx-vdr .vdr-knob:active .vdr-face, .sx-vdr .vdr-stage.is-drag .vdr-face, .sx-vdr .vdr-stage.is-drag .vdr-tab { background: var(--vdr-knob-press); }
.sx-vdr .vdr-stage.is-drag { cursor: grabbing; user-select: none; -webkit-user-select: none; }
.sx-vdr .vdr-knob:focus { outline: none; }
.sx-vdr .vdr-knob:focus-visible { outline: 2.5px solid var(--vdr-knob-ink); outline-offset: 3px; }
.sx-vdr .vdr-knob:focus-visible .vdr-face { box-shadow: var(--vdr-knob-shadow), 0 0 0 6px var(--vdr-key-ring); }
.sx-vdr .vdr-stage.is-l .vdr-face, .sx-vdr .vdr-stage.is-r .vdr-face, .sx-vdr .vdr-stage.is-l .vdr-knob svg, .sx-vdr .vdr-stage.is-r .vdr-knob svg { opacity: 0; transform: scale(.6); }
.sx-vdr .vdr-tab {
  position: absolute; z-index: 5; top: var(--vdr-knob-y); width: 22px; height: 64px; margin-top: -32px;
  display: none; place-items: center; pointer-events: none;
  background: var(--vdr-knob); color: var(--vdr-knob-ink); box-shadow: var(--vdr-knob-shadow);
  opacity: 0; transition: opacity .2s ease, transform .3s var(--sx-ease), background-color .15s ease;
}
.sx-vdr.vdr-js .vdr-tab { display: grid; }
.sx-vdr .vdr-tab svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sx-vdr .vdr-tab--l { left: 0; border-radius: 0 14px 14px 0; transform: translateX(-100%); }
.sx-vdr .vdr-tab--r { right: 0; border-radius: 14px 0 0 14px; transform: translateX(100%); }
.sx-vdr .vdr-stage.is-l .vdr-tab--l, .sx-vdr .vdr-stage.is-r .vdr-tab--r { opacity: 1; transform: none; }
.sx-vdr .vdr-stage.is-l .vdr-knob:hover ~ .vdr-tab--l, .sx-vdr .vdr-stage.is-r .vdr-knob:hover ~ .vdr-tab--r { box-shadow: var(--vdr-knob-shadow), 0 0 0 5px var(--vdr-key-ring); }
.sx-vdr .vdr-stage.is-l .vdr-knob:focus-visible, .sx-vdr .vdr-stage.is-r .vdr-knob:focus-visible { outline: none; }
.sx-vdr .vdr-stage.is-l .vdr-knob:focus-visible ~ .vdr-tab--l, .sx-vdr .vdr-stage.is-r .vdr-knob:focus-visible ~ .vdr-tab--r { outline: 2.5px solid var(--vdr-knob-ink); outline-offset: -3px; }

/* ---------- 5. Numerele perechilor: pe hârtie (.vdr-tag) și lângă act (.vdr-key) ---------- */
.sx-vdr .vdr-tag, .sx-vdr .vdr-key {
  display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%;
  background: var(--vdr-key); color: var(--vdr-key-ink);
  font: normal 600 11px/1 var(--ws); font-variant-numeric: tabular-nums; letter-spacing: 0; word-spacing: 0; text-align: center;
}
.sx-vdr .vdr-tag { position: absolute; z-index: 4; pointer-events: none; box-shadow: 0 0 0 2px var(--vdr-paper), 0 1px 3px rgba(40, 30, 10, .3); transition: opacity .2s ease, scale .36s var(--sx-ease), box-shadow .2s ease; }
.sx-vdr .vdr-arm .vdr-tag:not(.is-lit) { opacity: 0; scale: .6; }
.sx-vdr .vdr-tag.is-hot { scale: 1.14; box-shadow: 0 0 0 2px var(--vdr-paper), 0 0 0 4.5px var(--vdr-key), 0 2px 6px rgba(40, 30, 10, .3); }
.sx-vdr .vdr-keys { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.sx-vdr:not(.vdr-js) .vdr-keys { display: none; }
.sx-vdr .vdr-key {
  appearance: none; position: absolute; left: 0; top: 0; margin: -9px 0 0 -9px; padding: 0; border: 0;
  cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent;
  box-shadow: 0 0 0 2px var(--vrc-win, #fff), 0 1px 2px rgba(20, 28, 38, .25);
  transition: opacity .2s ease, scale .36s var(--sx-ease), box-shadow .2s ease, visibility 0s;
}
.sx-vdr .vdr-key::before { content: ""; position: absolute; inset: -6px; border-radius: 50%; }
.sx-vdr .vdr-key:not(.is-on), .sx-vdr .vdr-key.is-out {
  opacity: 0; scale: .6; pointer-events: none; visibility: hidden;
  transition: opacity .16s ease, scale .2s ease, box-shadow .2s ease, visibility 0s linear .2s;
}
/* sub hârtie (linia a trecut peste act) sau derulat afară din listă: ascuns, dar rămâne în ordinea tastaturii */
.sx-vdr .vdr-key.is-under:not(.is-hot):not(:focus), .sx-vdr .vdr-key.is-away:not(:focus) { opacity: 0; scale: .5; pointer-events: none; transition-duration: 0s; }
/* [cc 19.10 piese] descoperit de linie: apare pe loc, ca tot ce era sub hârtie (nu cu animația de aterizare, după ce linia a trecut) */
.sx-vdr .vdr-key.is-snap { transition: none !important; }
.sx-vdr .vdr-key:hover, .sx-vdr .vdr-key.is-hot { box-shadow: 0 0 0 2px var(--vrc-win, #fff), 0 0 0 4.5px var(--vdr-key), 0 2px 6px rgba(20, 28, 38, .3); }
.sx-vdr .vdr-key.is-hot { scale: 1.14; }
.sx-vdr .vdr-key:active { scale: .94; }
.sx-vdr .vdr-key:focus { outline: none; }
.sx-vdr .vdr-key:focus-visible { outline: 2px solid var(--vdr-key); outline-offset: 4px; }

/* ---------- 6. Hârtia (mărimi în cqw: din lățimea scenei pentru așezare, a foii pentru ce e pe ea) ---------- */
.sx-vdr .vdr-before * { letter-spacing: 0; word-spacing: 0; }
.sx-vdr .vdr-before p { margin: 0; }
.sx-vdr .vdr-before b { color: inherit; }
.sx-vdr .vdr-sheet { position: relative; color: var(--vdr-print); background-color: var(--vdr-paper); box-shadow: var(--vdr-shadow-paper); padding: 5.2cqw 5cqw 4.4cqw; font-family: Arial, Helvetica, sans-serif; }
.sx-vdr .vdr-sheet::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--vdr-noise); background-size: 180px 180px; opacity: .32; mix-blend-mode: var(--vdr-blend); }
.sx-vdr .vdr-cal-m { display: flex; align-items: baseline; justify-content: space-between; gap: 2cqw; padding-bottom: 2.6cqw; margin-bottom: 2.8cqw; border-bottom: 1.5px solid var(--vdr-print); }
.sx-vdr .vdr-cal-m b { font-size: 9.6cqw; font-weight: 700; line-height: .95; letter-spacing: -.035em; color: var(--vdr-print); }
.sx-vdr .vdr-cal-m span { font-size: 5cqw; font-weight: 400; line-height: 1; color: var(--vdr-print-2); font-variant-numeric: lining-nums; }
.sx-vdr .vdr-cal-g { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); font-variant-numeric: tabular-nums lining-nums; }
.sx-vdr .vdr-cal-g > span { position: relative; height: 11cqw; padding: 1.3cqw 1.4cqw 0; font-size: 3.8cqw; font-weight: 600; line-height: 1; color: var(--vdr-print); border-top: 1px solid var(--vdr-paper-line); }
.sx-vdr .vdr-cal-g > .w { height: auto; padding: 0 1.4cqw 1.9cqw; border-top: 0; font-size: 3cqw; font-weight: 500; color: var(--vdr-print-2); }
.sx-vdr .vdr-cal-g > .s { color: var(--vdr-sun); }
.sx-vdr .mk b { position: relative; z-index: 1; font-weight: 600; }
.sx-vdr .mk .vdr-o {
  position: absolute; z-index: 2; left: -1.2cqw; top: -2.2cqw; width: 10.8cqw; height: 8.2cqw; overflow: visible;
  fill: none; stroke: var(--vdr-marker); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 1 1; stroke-dashoffset: 0; mix-blend-mode: var(--vdr-blend); opacity: .9;
}
.sx-vdr .mk em { position: absolute; z-index: 2; top: 5.4cqw; white-space: nowrap; font: 500 5.3cqw/1 var(--vdr-hand); font-style: normal; color: var(--vdr-pen); }
.sx-vdr .mk--l em { right: 3.2cqw; transform: rotate(-6deg); transform-origin: right center; }
.sx-vdr .mk--r em { left: .2cqw; transform: rotate(-4deg); transform-origin: left center; }
.sx-vdr .vdr-sep .mk em { font-size: max(11px, 5.6cqw); top: 4.4cqw; }
/* numerele de pe calendar: lângă scrisul de mână, nu peste cifrele tipărite */
.sx-vdr .vdr-oct .mk[data-k="3"] .vdr-tag { left: -5.6cqw; top: -2.6cqw; }
.sx-vdr .vdr-oct .mk[data-k="4"] .vdr-tag { left: 19.4cqw; top: 5.6cqw; }
.sx-vdr .vdr-oct .mk[data-k="6"] .vdr-tag { left: -5.6cqw; top: -2.6cqw; }
.sx-vdr .vdr-sep .mk[data-k="1"] .vdr-tag { left: 22.5cqw; top: 4.4cqw; }
/* perechea ridicată: cercul se redesenează, mai apăsat */
.sx-vdr .mk.is-hot .vdr-o { stroke-width: 3.3; opacity: 1; animation: vdr-redraw .7s cubic-bezier(.33, .7, .3, 1) both; }
@keyframes vdr-redraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }

/* calendarul de perete, agățat într-un cui */
.sx-vdr .vdr-cal { position: absolute; z-index: 2; container-type: inline-size; transform: rotate(-1.6deg); transform-origin: 50% -12%; }
.sx-vdr .vdr-hang { position: absolute; left: 26%; width: 48%; top: -10.4cqw; height: 10.6cqw; overflow: visible; fill: none; stroke: rgba(46, 38, 28, .55); stroke-width: 1.2; }
.sx-vdr .vdr-hang path { vector-effect: non-scaling-stroke; }
html[data-theme="dark"] .sx-vdr .vdr-hang { stroke: rgba(10, 8, 6, .8); }
.sx-vdr .vdr-nail { position: absolute; left: 50%; top: -11.8cqw; width: 2.8cqw; height: 2.8cqw; margin-left: -1.4cqw; border-radius: 50%; background: radial-gradient(circle at 36% 32%, #c3c7cc, #4a4f55 62%, #2a2d31); box-shadow: 0 1.5px 2px rgba(0, 0, 0, .35); }
.sx-vdr .vdr-cal-bind { position: relative; z-index: 2; height: 3.8cqw; border-radius: 1cqw 1cqw .4cqw .4cqw; background: linear-gradient(#474c53, var(--vdr-bind)); }
.sx-vdr .vdr-cal-bind > i { position: absolute; left: 4%; right: 4%; top: -1.9cqw; height: 4.4cqw; border-radius: .6cqw; background: repeating-linear-gradient(90deg, transparent 0 1.2cqw, #c9cdd2 1.2cqw 1.6cqw, #868c93 1.6cqw 2cqw, transparent 2cqw 2.9cqw); }
.sx-vdr .vdr-cal-torn { position: relative; z-index: 1; height: 2.2cqw; margin: -.3cqw .8cqw -.6cqw; background: var(--vdr-paper-old);
  clip-path: polygon(0 0, 100% 0, 100% 40%, 97% 90%, 94% 48%, 90% 100%, 86% 45%, 82% 85%, 78% 38%, 73% 95%, 69% 50%, 64% 80%, 60% 35%, 55% 92%, 51% 45%, 46% 100%, 42% 50%, 37% 85%, 33% 38%, 28% 95%, 24% 50%, 19% 82%, 15% 40%, 10% 92%, 6% 45%, 3% 85%, 0 40%); }
/* foaia din septembrie, ruptă din calendar și lăsată pe masă */
.sx-vdr .vdr-sep { position: absolute; z-index: 1; container-type: inline-size; transform: rotate(-6deg); transform-origin: 30% 20%; }
.sx-vdr .vdr-sep .vdr-sheet { background-color: var(--vdr-paper-old); background-image: linear-gradient(97deg, transparent 63%, rgba(80, 60, 30, .07) 63.4%, transparent 65%); padding-top: 4.6cqw; }
.sx-vdr .vdr-sep .vdr-cal-g > span { height: 10cqw; }
.sx-vdr .vdr-sep .vdr-cal-m b { font-size: 9cqw; }

/* bilețelele: fața (p) peste o umbră curbată (::before), ca să pară lipite doar sus */
.sx-vdr .vdr-note, .sx-vdr .vdr-scrap { position: absolute; z-index: 3; container-type: inline-size; transform: rotate(var(--r, 0deg)); transition: transform .45s var(--sx-ease, ease); }
/* [cc 19.10 piese] straturi proprii: ridicarea la hover nu mai redesenează toată hârtia */
.sx-vdr.vdr-js .vdr-note, .sx-vdr.vdr-js .vdr-scrap { will-change: transform; }
.sx-vdr .vdr-note::before { content: ""; position: absolute; right: 7%; bottom: 6%; width: 64%; height: 24%; background: var(--vdr-blob); filter: blur(7px); transform: rotate(5deg) skewX(12deg); transform-origin: right bottom; transition: transform .45s var(--sx-ease, ease), opacity .45s ease; }
.sx-vdr .vdr-note::after { content: ""; position: absolute; left: 8%; bottom: 7%; width: 40%; height: 16%; background: var(--vdr-blob); opacity: .5; filter: blur(6px); transform: rotate(-4deg); }
.sx-vdr .vdr-note > p {
  position: relative; z-index: 1; aspect-ratio: 1 / 1; padding: 12cqw 8.5cqw 8cqw;
  font: 500 12.4cqw/1.16 var(--vdr-hand); color: var(--vdr-pen); background-color: var(--vdr-yel);
  background-image: linear-gradient(180deg, rgba(60, 40, 0, .07) 0, rgba(60, 40, 0, 0) 15%), linear-gradient(160deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 45%), radial-gradient(120% 70% at 100% 100%, rgba(80, 60, 0, .09), transparent 60%);
  box-shadow: 0 1px 1px rgba(50, 36, 10, .14);
}
.sx-vdr .vdr-note--pink > p { background-color: var(--vdr-pink); color: var(--vdr-felt); }
.sx-vdr .vdr-note .l1 { font-size: 14cqw; font-weight: 700; }
.sx-vdr .vdr-note > .vdr-tag, .sx-vdr .vdr-scrap > .vdr-tag { left: -7px; top: -8px; }
/* foaia liniată, ruptă dintr-un caiet, lipită cu bandă */
.sx-vdr .vdr-scrap { filter: drop-shadow(0 1px 1px rgba(48, 36, 20, .16)) drop-shadow(0 10px 12px rgba(48, 36, 20, .2)); }
html[data-theme="dark"] .sx-vdr .vdr-scrap { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .4)) drop-shadow(0 12px 14px rgba(0, 0, 0, .5)); }
.sx-vdr .vdr-scrap > p {
  position: relative; padding: 6.6cqw 6cqw 9.5cqw 15cqw; font: 500 8cqw/9cqw var(--vdr-hand); color: var(--vdr-pen); background-color: var(--vdr-paper);
  background-image: linear-gradient(90deg, transparent 11%, var(--vdr-margin) 11%, var(--vdr-margin) calc(11% + 1.5px), transparent calc(11% + 1.5px)), repeating-linear-gradient(180deg, transparent 0 calc(9cqw - 1px), var(--vdr-rule) calc(9cqw - 1px) 9cqw);
  background-position: 0 0, 0 6.3cqw;
  clip-path: polygon(0 0, 100% 0, 100% 95%, 96% 97.5%, 92% 95%, 87% 98.5%, 82% 95.5%, 77% 98%, 72% 94.5%, 66% 97.5%, 61% 95.5%, 55% 99%, 50% 96%, 44% 98%, 39% 95%, 33% 98.5%, 28% 95.5%, 22% 98%, 17% 95%, 11% 97.5%, 6% 95.5%, 0 98.5%);
}
.sx-vdr .vdr-scrap .l1 { color: var(--vdr-felt); font-weight: 700; }
.sx-vdr .vdr-scrap .u { position: relative; white-space: nowrap; color: var(--vdr-marker); font-weight: 700; }
.sx-vdr .vdr-scrap .vdr-u { position: absolute; left: -3%; bottom: -2.6cqw; width: 106%; height: 3.6cqw; overflow: visible; fill: none; stroke: var(--vdr-marker); stroke-width: 1.6; stroke-linecap: round; }
.sx-vdr .vdr-tape { position: absolute; z-index: 2; left: 34%; top: -4.2cqw; width: 30%; height: 9cqw; background: var(--vdr-tape); transform: rotate(-4deg); mix-blend-mode: var(--vdr-blend);
  clip-path: polygon(3% 0, 97% 0, 100% 12%, 97% 25%, 100% 38%, 97% 50%, 100% 63%, 97% 75%, 100% 88%, 97% 100%, 3% 100%, 0 88%, 3% 75%, 0 63%, 3% 50%, 0 38%, 3% 25%, 0 12%); }
/* perechea ridicată: bilețelul se desprinde puțin de perete, umbra crește */
.sx-vdr .vdr-note.is-hot, .sx-vdr .vdr-scrap.is-hot { z-index: 6; transform: translateY(-7px) rotate(calc(var(--r, 0deg) * .55)) scale(1.04); }
.sx-vdr .vdr-note.is-hot::before { transform: rotate(5deg) skewX(12deg) translate(4px, 10px) scale(1.12); }

/* [cc 19.10 mare] așezarea pe ecran lat (scena ≈ 1,7 : 1, înaltă cât agenda), ca în piesa veche: la stânga liniei (în repaus) calendarul pe
   octombrie (18, 19, 24 încercuite), sub el foaia din septembrie și bilețelul lui Marin (cele două acte expirate);
   sub program: cele trei bilețele „mai târziu” sus și foaia de caiet jos */
.sx-vdr .vdr-cal { left: 3%; top: 9.5%; width: 31%; }
.sx-vdr .vdr-sep { left: .4%; top: 60%; width: 23.5%; }
.sx-vdr .vdr-n-marin { left: 24.4%; top: 63.5%; width: 10.8%; --r: 5deg; }
.sx-vdr .vdr-n-l1 { left: 46%; top: 8%; width: 13.4%; --r: -6deg; }
.sx-vdr .vdr-n-l2 { left: 61.5%; top: 12%; width: 13.4%; --r: 4.5deg; }
.sx-vdr .vdr-n-l3 { left: 77%; top: 7%; width: 13.4%; --r: -2deg; }
.sx-vdr .vdr-n-cargo { left: 50.5%; top: 56%; width: 26%; --r: -2.5deg; }

/* ---------- 7. Programul: bara de sus (doar triunghiul viu), pagina estompată, fereastra ---------- */
.sx-vdr .vdr-app { position: absolute; inset: 0; z-index: 0; background: var(--vdr-app); }
.sx-vdr .vdr-app-bar { position: relative; height: 28px; display: flex; align-items: center; gap: 12px; padding: 0 14px 0 18px; background: var(--vdr-app-bar); border-bottom: 1px solid var(--vdr-app-line); }
.sx-vdr .vdr-app-logo { width: 16px; height: 16px; border-radius: 4px; background: var(--vdr-key); flex: 0 0 auto; opacity: .85; }
.sx-vdr .vdr-app-crumb { width: 96px; height: 7px; border-radius: 4px; background: var(--vdr-app-sk); flex: 0 1 auto; }
.sx-vdr .vdr-app-btns { margin-left: auto; display: flex; align-items: center; gap: 2px; }
.sx-vdr .vdr-gl { flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 6px; color: var(--vdr-glyph); opacity: .62; }
.sx-vdr .vdr-gl svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.sx-vdr .vdr-gl--t { font: 700 9px/1 Arial, Helvetica, sans-serif; letter-spacing: .01em; word-spacing: 0; }
.sx-vdr .vdr-gl-sep { flex: none; width: 1px; height: 16px; margin: 0 4px; background: var(--vdr-app-line); }
.sx-vdr .vdr-tri {
  appearance: none; position: relative; width: 24px; height: 24px; margin: 0 2px 0 0; padding: 0; border: 0; border-radius: 6px; flex: 0 0 auto;
  display: grid; place-items: center; background: var(--vdr-app-bar); color: var(--ink); cursor: pointer; box-shadow: inset 0 0 0 1px var(--vdr-app-line);
  transition: box-shadow .15s ease, color .15s ease, background-color .15s ease;
}
.sx-vdr .vdr-tri svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sx-vdr .vdr-tri:disabled { cursor: default; }
.sx-vdr .vdr-tri:not(:disabled):hover { box-shadow: inset 0 0 0 1.5px var(--vdr-tri-on); }
.sx-vdr .vdr-tri:focus { outline: none; }
.sx-vdr .vdr-tri:focus-visible { outline: 2px solid var(--vdr-tri-on); outline-offset: 2px; }
.sx-vdr .vdr-tri::after { content: ""; position: absolute; inset: -4px; border-radius: 9px; border: 2px solid var(--vdr-tri-on); opacity: 0; pointer-events: none; }
.sx-vdr .vdr-tri.is-ring::after { animation: vdr-ring .9s cubic-bezier(.4, 0, .2, 1); }
@keyframes vdr-ring { 0% { opacity: 0; transform: scale(1.5); } 28% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1); } }
.sx-vdr .vdr-after.is-shut .vdr-tri { color: var(--vdr-tri-on); box-shadow: inset 0 0 0 1.5px var(--vdr-tri-on); }
.sx-vdr .vdr-tri-tip {
  position: absolute; top: calc(100% + 9px); left: 50%; transform: translate(-50%, -4px); padding: 5px 10px; border-radius: 7px;
  background: var(--ink); color: var(--bg); font: 500 13px/1.2 var(--ws); letter-spacing: -.005em; white-space: nowrap;
  opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s var(--sx-ease, ease);
}
.sx-vdr .vdr-tri-tip::before { content: ""; position: absolute; left: 50%; top: -4px; width: 8px; height: 8px; margin-left: -4px; background: inherit; transform: rotate(45deg); border-radius: 1px; }
.sx-vdr .vdr-after.is-shut .vdr-tri-tip { opacity: 1; transform: translate(-50%, 0); transition-delay: .5s; }
.sx-vdr .vdr-app-body { position: absolute; top: 29px; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 15% minmax(0, 1fr); }
.sx-vdr .vdr-app-nav { padding: 22px 9% 0 12%; display: grid; align-content: start; gap: 14px; background: var(--vdr-app-bar); border-right: 1px solid var(--vdr-app-line); }
.sx-vdr .vdr-app-nav i { height: 7px; border-radius: 4px; background: var(--vdr-app-sk); width: 78%; }
.sx-vdr .vdr-app-nav i:nth-child(2n) { width: 62%; }
.sx-vdr .vdr-app-nav i:nth-child(3n) { width: 88%; }
.sx-vdr .vdr-app-main { padding: 24px 3.2% 0 4%; display: grid; align-content: start; gap: 9px; }
.sx-vdr .vdr-app-main i { height: 30px; border-radius: 7px; background: var(--vdr-app-row); box-shadow: inset 0 0 0 1px var(--vdr-app-line); }
.sx-vdr .vdr-app-main .h { height: 12px; width: 26%; margin-bottom: 8px; background: var(--vdr-app-sk); box-shadow: none; }
.sx-vdr .vdr-app-scrim { position: absolute; inset: 0; background: var(--vdr-scrim); transition: opacity .32s ease; }
.sx-vdr .vdr-after.is-shut .vdr-app-scrim { opacity: 0; pointer-events: none; }
.sx-vdr .vrc-win { position: relative; z-index: 1; }
.sx-vdr .vrc-win.is-gone { visibility: hidden; }
/* [cc 19.10 mare] ecran lat: agenda (ca în program când fereastra e mai îngustă de 880 px), toată, fără derulare; ea dă înălțimea scenei.
   Marginile laterale ca banda și subsolul (24), numerele stau în stânga ferestrei, în dreptul rândului (ca în piesa veche) */
.sx-vdr .vrc-win { width: var(--vdr-ww); }
.sx-vdr .vrc-cal { display: none; }
.sx-vdr .vrc-ag { display: block; }
.sx-vdr .vrc-ag-h { padding: calc(11 * var(--vin-u)) calc(24 * var(--vin-u)) calc(5 * var(--vin-u)); }
.sx-vdr .vrc-ag-g:first-child .vrc-ag-h { padding-top: calc(9 * var(--vin-u)); }
.sx-vdr .vrc-ag-row { min-height: calc(36 * var(--vin-u)); padding: 0 calc(24 * var(--vin-u)); }
.sx-vdr .vdr-cap .vdr-cap-in { text-wrap: balance; }
.sx-vdr .vdr-demo-m { display: none; }
/* × și „Am înțeles” sunt butoane (închid fereastra ca în program); restul ferestrei e desen */
.sx-vdr .vrc-x, .sx-vdr .vrc-btn { appearance: none; border: 0; margin: 0; font: inherit; cursor: pointer; }
.sx-vdr .vrc-x { padding: 0; background: transparent; transition: background-color .12s ease, color .12s ease; }
.sx-vdr .vrc-x:hover { background: var(--vrc-zebra); color: var(--vrc-ink); }
.sx-vdr .vrc-btn { font-weight: 500; transition: filter .12s ease, transform .06s ease; }
.sx-vdr .vrc-btn:hover { filter: brightness(1.07); }
.sx-vdr .vrc-btn:active { transform: translateY(1px); }
.sx-vdr .vrc-x:focus, .sx-vdr .vrc-btn:focus { outline: none; }
.sx-vdr .vrc-x:focus-visible, .sx-vdr .vrc-btn:focus-visible { outline: 2px solid var(--vrc-primary); outline-offset: 2px; }
/* actul legat de un număr: nuanța numărului, semnul cu inel */
.sx-vdr .vrc-it[data-k], .sx-vdr .vrc-ag-row[data-k] { transition: opacity .24s ease, translate .42s var(--sx-ease), background-color .15s ease, box-shadow .15s ease; }
.sx-vdr .vrc-it.is-hot { background: color-mix(in srgb, var(--vdr-key) 9%, transparent); box-shadow: 0 0 0 calc(4 * var(--vin-u)) color-mix(in srgb, var(--vdr-key) 9%, transparent); border-radius: 3px; }
.sx-vdr .vrc-ag-row.is-hot { background: color-mix(in srgb, var(--vdr-key) 9%, var(--vrc-win)); }
.sx-vdr .vrc-cap.is-hot { color: var(--vrc-ink); }

/* ---------- 8. Sub scenă: textul ---------- */
.sx-vdr .vdr-cap { margin-top: 12px; }
.sx-vdr .vdr-cap p { text-wrap: pretty; }
.sx-vdr .vdr-cap-1 { margin: 0; font: 400 16px/24px var(--ws); letter-spacing: -.01em; word-spacing: 0; color: var(--ink); }
.sx-vdr .vdr-cap-2, .sx-vdr .vdr-cap-in { margin: 2px 0 0; font: 400 15px/22px var(--ws); letter-spacing: -.005em; word-spacing: 0; color: var(--ink2, var(--mute)); }
.sx-vdr .vdr-demo { font-size: 13px; letter-spacing: 0; color: var(--mute); white-space: nowrap; }
.sx-vdr .vdr-cap-m { display: none; }

/* ---------- 9. Intrarea (o dată, din JS): linia trece peste hârtie, fiecare act aterizează în locul lui ---------- */
.sx-vdr .vdr-arm .vrc-win { transition: opacity .38s ease, transform .5s var(--sx-ease, ease); }
.sx-vdr .vdr-arm:not(.vdr-on) .vrc-win { opacity: 0; transform: translateY(10px) scale(.985); }
.sx-vdr .vdr-on:not(.vdr-done) .vrc-win { transition-delay: .5s; }
/* [cc 19.10 piese] actul intră din stânga (dinspre linie) cu opacitate + translate; fără clip-path (pictat la fiecare cadru și tăiat brusc la „vdr-done”) */
.sx-vdr .vdr-arm .vrc-it[data-k]:not(.is-in), .sx-vdr .vdr-arm .vrc-ag-row[data-k]:not(.is-in) { opacity: 0; translate: -14px 0; }   /* opacitate 0 (încercat .001 la 19.10: 14 cadre lungi în loc de 4, straturile aproape invizibile se compuneau la fiecare cadru) */
/* [cc 19.10 piese] doar în timpul intrării: straturile a tot ce aterizează (rândurile, numerele, fereastra) sunt gata înainte să pornească linia;
   altfel fiecare aterizare crea și rasteriza straturi noi în mijlocul liniei (motion-audit: cadre de 50 ms la x = 37% și 8,7%) */
.sx-vdr .vdr-arm:not(.vdr-done) .vrc-it[data-k], .sx-vdr .vdr-arm:not(.vdr-done) .vrc-ag-row[data-k], .sx-vdr .vdr-arm:not(.vdr-done) .vdr-tag,
.sx-vdr .vdr-arm:not(.vdr-done) .vdr-key, .sx-vdr .vdr-arm:not(.vdr-done) .vrc-win { will-change: transform, opacity; }

/* ---------- 10. Scena îngustă (figura < 860 px): agenda din program, cu text de 16 px; scena are înălțime fixă,
   lista din fereastră se derulează (doar din program); hârtia își are așezarea ei ---------- */
@container vdr (max-width: 859px) {
  .sx-vdr .vdr-stage { --vin-u: 1px; height: 600px; --vdr-x: 44%; }
  .sx-vdr .vdr-after { position: absolute; inset: 0; padding: 46px 12px 12px; align-items: stretch; }
  .sx-vdr .vrc-win { width: min(390px, 100%); height: 100%; display: flex; flex-direction: column; }
  .sx-vdr .vrc-cal { display: none; }
  .sx-vdr .vrc-ag { display: block; flex: 1 1 auto; min-height: 0; overflow: hidden; position: relative; padding-bottom: 14px; }
  .sx-vdr .vrc-head, .sx-vdr .t4-band, .sx-vdr .vrc-foot { flex: none; }
  .sx-vdr .vrc-foot { margin-top: 0; }
  .sx-vdr .vrc-cap { font-size: 16px; line-height: 22px; letter-spacing: .6px; }
  .sx-vdr .vrc-ag-r, .sx-vdr .vrc-ag-row, .sx-vdr .vrc-ag-doc, .sx-vdr .vrc-ag-when { font-size: 16px; line-height: 22px; }
  .sx-vdr .vrc-hint { font-size: 16px; line-height: 22px; }
  .sx-vdr .vrc-btn { height: 40px; padding: 0 20px; font-size: 16px; }
  .sx-vdr .vrc-title { font-size: 18px; }
  .sx-vdr .t4-band { display: block; padding: 5px 14px; text-align: center; font-size: 16px; line-height: 22px; }
  .sx-vdr .tw-b, .sx-vdr .t4-ord { display: inline; }
  .sx-vdr .tw-b .vrc-warn { display: inline-block; vertical-align: -2px; margin-right: 6px; }
  .sx-vdr .t4-ord .vrc-down { display: inline-block; vertical-align: 1px; margin-left: 4px; }
  .sx-vdr .tw-sep { display: inline-block; vertical-align: -3px; margin: 0 10px; }
  .sx-vdr .vrc-foot { padding: 8px 16px; gap: 12px; }
  .sx-vdr .vrc-foot .vrc-hint { flex: 1 1 auto; }
  .sx-vdr .vrc-ag-h { padding: 10px 16px 4px; }
  .sx-vdr .vrc-ag-g:first-child .vrc-ag-h { padding-top: 8px; }
  .sx-vdr .vrc-ag-row { min-height: 36px; }
  /* umbra de jos a listei: arată că mai sunt acte */
  .sx-vdr .vrc-ag::after { content: ""; position: sticky; display: block; bottom: -14px; height: 28px; margin: -14px 0 0; background: linear-gradient(180deg, transparent, var(--vrc-win)); pointer-events: none; }
  .sx-vdr .vdr-app-bar { height: 36px; }
  .sx-vdr .vdr-app-body { top: 37px; }
  .sx-vdr .vdr-gl, .sx-vdr .vdr-tri { width: 22px; height: 24px; }
  .sx-vdr .vdr-app-nav { display: none; }
  .sx-vdr .vdr-app-body { grid-template-columns: minmax(0, 1fr); }
  /* hârtia pe tabletă: în stânga ferestrei calendarul, foaia din septembrie și bilețelul roz; sub fereastră bilețelele și foaia de caiet */
  .sx-vdr .vdr-cal { left: 4%; top: 8%; width: 36%; }
  .sx-vdr .vdr-sep { left: 1%; top: 55%; width: 25%; }
  .sx-vdr .vdr-n-marin { left: 25.5%; top: 63%; width: 16%; --r: -4deg; }
  .sx-vdr .vdr-n-l1 { left: 50%; top: 5%; width: 15%; --r: -5deg; }
  .sx-vdr .vdr-n-l2 { left: 67%; top: 8%; width: 15%; --r: 4deg; }
  .sx-vdr .vdr-n-l3 { left: 58%; top: 31%; width: 15%; --r: -2deg; }
  .sx-vdr .vdr-n-cargo { left: 50%; top: 66%; width: 30%; --r: -2deg; }
}
/* telefon (figura < 560 px): o parte odată; rândul de sus devine comutator, linia stă pe program și se trage de la margine
   (mânerul e o limbă în stânga, jos); fereastra ia toată lățimea, cu loc pentru numere în stânga */
@container vdr (max-width: 559px) {
  .sx-vdr .vdr-stage { height: 532px; --vdr-x: 0%; --vdr-knob-y: calc(100% - 70px); --vdr-r: 12px; }
  .sx-vdr .vdr-after { padding: 46px 8px 8px 26px; }
  .sx-vdr .vrc-win { width: 100%; }
  .sx-vdr .vrc-head { padding-block: 4px; }
  .sx-vdr .vrc-ag-h { padding: 8px 12px 2px; }
  .sx-vdr .vrc-ag-row { padding: 0 12px; gap: 7px; min-height: 34px; }
  .sx-vdr .vrc-foot { padding: 7px 10px 7px 12px; }
  .sx-vdr .vrc-btn { padding: 0 14px; }
  .sx-vdr .t4-band { padding: 5px 10px; }
  .sx-vdr .vdr-app-crumb { display: none; }
  .sx-vdr .vdr-app-bar { padding: 0 6px 0 10px; gap: 6px; }
  .sx-vdr .vdr-app-btns { gap: 0; }
  .sx-vdr .vdr-gl, .sx-vdr .vdr-tri { width: 20px; height: 22px; border-radius: 5px; }
  .sx-vdr .vdr-gl svg, .sx-vdr .vdr-tri svg { width: 13px; height: 13px; }
  .sx-vdr .vdr-gl--t { font-size: 8px; }
  .sx-vdr .vdr-gl-sep { height: 14px; margin: 0 2px; }
  /* hârtia pe telefon: o scenă îngustă și înaltă */
  .sx-vdr .vdr-cal { left: 4%; top: 7%; width: 64%; }
  .sx-vdr .vdr-n-l1 { left: 70%; top: 3%; width: 27%; --r: 6deg; }
  .sx-vdr .vdr-n-l2 { left: 71%; top: 22.5%; width: 27%; --r: -4deg; }
  .sx-vdr .vdr-sep { left: 1%; top: 46%; width: 50%; transform: rotate(-7deg); }
  .sx-vdr .vdr-n-marin { left: 56%; top: 46%; width: 30%; --r: -4deg; }
  .sx-vdr .vdr-n-l3 { left: 5%; top: 78%; width: 27%; --r: 3deg; }
  .sx-vdr .vdr-n-cargo { left: 38%; top: 77.5%; width: 56%; --r: -2deg; }
}

/* ---------- 11. Lățimile paginii ---------- */
@media (max-width: 1199px) {
  .sx-vdr .vdr-app-crumb { width: 64px; }
}
@media (max-width: 899px) {
  .sx-vdr .vdr-fig { margin-top: 20px; }
}
/* telefon: comutatorul (cele două părți), textul de sub scenă de 16 px */
@media (max-width: 640px) {
  .sx-vdr .vdr-fig { margin-top: 18px; }
  .sx-vdr .vdr-bar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px; padding: 4px; margin-bottom: 12px; border-radius: 12px; background: var(--vdr-track); box-shadow: inset 0 0 0 1px var(--rule, var(--line)); }
  .sx-vdr .vdr-hint { display: none; }
  .sx-vdr .vdr-side { margin: 0; padding: 0 10px; justify-content: center; border-radius: 9px; gap: 8px; }
  .sx-vdr .vdr-side--after .vdr-i { order: -1; }
  .sx-vdr .vdr-side-t { font-size: 16px; text-decoration: none; }
  .sx-vdr .vdr-side-s { display: none; }
  .sx-vdr .vdr-side[aria-pressed="true"] { background: var(--card, #fff); box-shadow: 0 1px 2px rgba(20, 28, 38, .1), 0 0 0 1px var(--rule, var(--line)); }
  .sx-vdr .vdr-cap { margin-top: 12px; }
  .sx-vdr .vdr-cap-d { display: none; }
  .sx-vdr .vdr-cap-m { display: block; margin: 0; font: 400 16px/23px var(--ws); letter-spacing: -.012em; word-spacing: 0; color: var(--ink); }
  /* telefon: „Tot la intrare” + „Date inventate.” într-un singur paragraf; „Oricând, din triunghiul…” rămâne doar pe ecran lat (ca înainte) */
  .sx-vdr .vdr-cap-in { margin: 6px 0 0; font: 400 16px/23px var(--ws); letter-spacing: -.012em; color: var(--ink2, var(--mute)); }
  .sx-vdr .vdr-cap-2 { display: none; }
  .sx-vdr .vdr-cap-in .vdr-demo-m { display: inline; font-size: 16px; color: var(--ink2, var(--mute)); white-space: normal; }
}
@media (max-width: 420px) {
  .sx-vdr .vdr-side .vdr-i { display: none; }
}

/* ---------- 12. Mișcare redusă: nimic nu pornește singur; linia se trage, numerele se văd ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-vdr .vrc-win, .sx-vdr .vrc-it, .sx-vdr .vrc-ag-row { opacity: 1 !important; transform: none !important; translate: none !important; clip-path: none !important; transition: none !important; }
  .sx-vdr .vrc-win.is-gone { opacity: 0 !important; }
  .sx-vdr .vdr-knob, .sx-vdr .vdr-knob svg, .sx-vdr .vdr-knob svg path, .sx-vdr .vdr-face, .sx-vdr .vdr-tab, .sx-vdr .vdr-app-scrim, .sx-vdr .vdr-tri-tip,
  .sx-vdr .vdr-tag, .sx-vdr .vdr-key, .sx-vdr .vdr-note, .sx-vdr .vdr-scrap { transition: none !important; }
  .sx-vdr .vdr-tri.is-ring::after { animation: none; opacity: .9; transform: none; }
  .sx-vdr .mk.is-hot .vdr-o { animation: none; }
}
@media print { .sx-vdr .vdr-keys, .sx-vdr .vdr-knob, .sx-vdr .vdr-tab, .sx-vdr .vdr-seam { display: none !important; } }