/* Dirijor page. The system is in hora.css; this file is one page's composition. */
body { background:var(--deep); }
main { position:relative; }

/* ---------- PARTITURA. Default: a readable document. .part-live (set inside Hora.motion) makes it a pinned stage ---------- */
.part { position:relative; z-index:1; background:radial-gradient(120% 90% at 72% 12%,#123029 0,#0D1E1A 46%,var(--deep) 100%) fixed; }
.part__stage { position:relative; padding-top:calc(var(--header-h) + clamp(40px,7vw,96px)); padding-bottom:clamp(56px,7vw,96px); }
.part__cv,.part__veil,.part__labels,.part__clock,.scene__bar,.fisa { display:none; }
.part__fold h1 { max-width:14.5em; font-stretch:109%; }
.part__sub { margin-top:clamp(16px,3vh,28px); max-width:31em; color:var(--deep-text-2); }
.part__act { display:flex; flex-wrap:wrap; align-items:center; gap:10px 28px; margin-top:clamp(20px,3.6vh,36px); }
.part__cue { display:none; }
.part__top { margin-top:clamp(40px,6vw,72px); }
.part__beats { list-style:none; margin:0; padding:0; border-top:1px solid var(--hairline); }
.part__beat { padding-block:16px; border-bottom:1px solid var(--hairline); }
.part__beat time { font-family:var(--font-data); font-size:var(--t-mono); margin-right:.7em; color:var(--deep-gold); }
.part__replan { font-size:var(--t-h3); }
.part__replan-s { margin-top:.3em; color:var(--text-2); }
.part__static { margin:clamp(32px,4vw,56px) 0 0; padding-inline:var(--gutter); }
.part__static-in { overflow-x:auto; }
.part__static-in svg { display:block; min-width:1100px; width:100%; height:auto; }
.part__static figcaption { margin-top:12px; max-width:70ch; }
.part__note { padding-inline:var(--gutter); margin:18px auto 0; max-width:none; }

html.part-live .part { height:350svh; }
html.part-live .part__stage { position:sticky; top:0; height:100svh; padding:0; overflow:hidden; }
html.part-live .part__static { display:none; }
html.part-live .part__cv { display:block; position:absolute; inset:0; width:100%; height:100%; z-index:1; }
html.part-live .part__veil { display:block; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgb(11 23 20/.97) 0,rgb(11 23 20/.94) 40%,rgb(11 23 20/.5) 58%,rgb(11 23 20/0) 74%); }
html.part-live .part__fold { position:absolute; left:0; right:0; top:calc(var(--header-h) + 3vh); bottom:0; z-index:3; display:flex; flex-direction:column; justify-content:center; padding-bottom:6vh; pointer-events:none; }
html.part-live .part__fold > * { pointer-events:auto; }
html.part-live .part__fold h1 { font-size:clamp(2.4rem,1.2rem + 3.7vw,4.9rem); max-width:12.6em; }
html.part-live .part__cue { display:flex; align-items:center; gap:10px; position:absolute; left:var(--gutter); bottom:14px; color:var(--deep-text-2); margin:0; max-width:none; }
@media (max-height:760px) and (min-width:861px) { html.part-live .part__cue { display:none; } }

html.part-live .part__labels { display:block; position:absolute; left:var(--gutter); top:0; z-index:3; pointer-events:none; }
html.part-live .part__lab { position:absolute; left:0; top:0; width:calc(max(186px,13.5vw) - var(--gutter) - 22px); min-width:124px; font-size:1rem; line-height:1.2; color:var(--deep-ink); will-change:transform; opacity:0; }
html.part-live .part__lab span { display:flex; align-items:center; gap:.4em; font-weight:600; }
html.part-live .part__lab span::before { content:""; width:10px; height:10px; flex:none; background:var(--c); }
html.part-live .part__lab em { display:block; font-style:normal; font-size:.9375rem; color:var(--deep-text-2); margin-top:2px; }
html.part-live .part__lab em:empty { display:none; }
html.part-live .part__lab b { display:block; font-weight:500; font-size:1.0625rem; font-variant-numeric:tabular-nums; }

html.part-live .part__top { position:absolute; left:0; right:0; top:calc(var(--header-h) + clamp(8px,1.8vh,20px)); margin:0; z-index:3; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:clamp(24px,3.4vw,56px); align-items:center; opacity:0; pointer-events:none; }
html.part-live .part__clock { display:block; margin:0; font:800 clamp(3.4rem,1.6rem + 5.2vw,6.6rem)/1 var(--font-display); font-stretch:112%; letter-spacing:-.035em; color:var(--deep-ink); max-width:none; font-variant-numeric:tabular-nums lining-nums; }
html.part-live .part__beats { position:relative; border:0; min-height:clamp(84px,14vh,132px); }
html.part-live .part__beat { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); padding:0; border:0; opacity:0; transition:opacity 260ms ease-out; }
html.part-live .part__beat.is-on { opacity:1; }
html.part-live .part__beat p { max-width:38em; font-size:var(--t-lead); line-height:1.32; color:var(--deep-ink); }
html.part-live .part__beat time { display:none; }
html.part-live .part__replan { font:800 min(clamp(1.9rem,3.8vw,3.4rem),7.4vh)/1.04 var(--font-display); font-stretch:110%; letter-spacing:-.03em; color:var(--deep-gold); }
html.part-live .part__beat .part__replan-s { font-size:var(--t-body); color:var(--deep-text-2); margin-top:.35em; }
html.part-live .part__note { position:absolute; left:0; right:0; bottom:calc(max(14px,env(safe-area-inset-bottom)) + 48px); margin:0; padding-inline:var(--gutter); z-index:3; pointer-events:none; opacity:0; max-width:none; }
html.part-live .scene__bar { display:flex; position:absolute; left:var(--gutter); right:calc(var(--gutter) + 190px); bottom:max(10px,env(safe-area-inset-bottom)); align-items:center; gap:clamp(14px,2vw,28px); z-index:3; min-height:44px; }
.bar__prog { flex:1; height:12px; position:relative; background:repeating-linear-gradient(90deg,#6E8A80 0 1px,transparent 1px 8px); min-width:60px; }
.bar__prog i { position:absolute; left:0; top:-2px; bottom:-2px; width:2px; background:var(--deep-gold); box-shadow:0 0 0 1px var(--deep-gold); transform:translateX(calc(var(--p,0)*var(--w,0px))); }
.bar__prog::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:#6E8A80; }
.bar__skip { flex:none; display:inline-flex; align-items:center; min-height:44px; padding-inline:.6em; border-radius:4px; background:var(--deep); color:var(--deep-ink); font-size:1.0625rem; text-decoration:underline; text-underline-offset:.28em; text-decoration-color:var(--deep-gold); }

/* the note card opened on the stage */
html.part-live .fisa[hidden] { display:none; }
html.part-live .fisa { display:block; position:absolute; z-index:5; right:clamp(12px,2vw,28px); top:calc(var(--header-h) + 12px); width:min(470px,calc(100vw - 24px)); max-height:calc(100svh - var(--header-h) - 84px); overflow:auto; overscroll-behavior:contain; padding:20px 22px 22px; border-radius:var(--r-surface); background:#0E1E1A; box-shadow:0 0 0 1px #3B5C53,0 24px 60px -24px #000; }
.fisa__x { float:right; min-height:44px; margin:-8px -8px 4px 12px; padding:0 .7em; background:transparent; border:1px solid #4A6A61; border-radius:var(--r-control); color:var(--deep-ink); font:500 1rem var(--font-body); cursor:pointer; }
.fisa__h { font-family:var(--font-data); font-size:1rem; color:var(--text-2); display:flex; align-items:center; gap:.7em; }
.fisa__t1 { margin-top:.35em; font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem); }
.fisa__w { margin-top:.55em; }
.fisa__r { margin-top:.6em; }
.fisa__t { width:100%; margin-top:.9em; border-collapse:collapse; font-size:1.0625rem; font-variant-numeric:tabular-nums; }
.fisa__t th,.fisa__t td { white-space:nowrap; padding:.32em 0; border-top:1px solid var(--hairline); text-align:left; font-weight:400; vertical-align:baseline; }
.fisa__t thead th { font-size:.9375rem; color:var(--text-2); border-top:0; }
.fisa__t .n { text-align:right; padding-left:1em; }
.fisa__t i { display:inline-block; width:10px; height:10px; margin-right:.5em; }
.fisa__t tr.is-sel th,.fisa__t tr.is-sel td { font-weight:700; color:var(--deep-gold); }

.nt-s { display:none; }
@media (max-width:760px) { html.part-live .part__note .nt { display:none; } html.part-live .part__note .nt-s { display:inline; } }
.if-live,.if-reg { display:none; }
html.part-live .if-live { display:inline; }
html.reg-live .if-reg { display:inline; }

/* ---------- REGISTRU ---------- */
.reg { padding-top:clamp(72px,8vw,128px); }
.reg__head { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:16px clamp(24px,4vw,64px); align-items:end; }
.reg__head .t-lead { color:var(--deep-text-2); }
.reg__live { display:none; margin-top:clamp(28px,4vw,48px); }
html.reg-live .reg__live { display:grid; grid-template-columns:minmax(0,1fr); }
@media (min-width:1100px) {
  html.reg-live .reg__live { grid-template-columns:minmax(0,1fr) minmax(0,400px); column-gap:clamp(24px,3vw,48px); align-items:start; }
  .reg__score { grid-column:1; }
  .reg__ruler { grid-column:1; }
  .reg__card.fisa__in { grid-column:2; grid-row:1 / span 2; margin-top:30px !important; display:block !important; border-top:0 !important; padding-top:0 !important; min-height:0 !important; }
  .reg__card .fisa__t { margin-top:1em !important; }
}
.reg__score { position:relative; margin-inline:calc(var(--gutter)*-1) calc(var(--gutter)*-1); }
@media (min-width:1100px) { .reg__score { margin-inline-end:0; } }
@media (min-width:1449px) { .reg__score { margin-inline-start:calc((100vw - var(--max))/-2); } }
#reg-cv { display:block; width:100%; height:clamp(340px,62vw,460px); cursor:crosshair; touch-action:pan-y; }
@media (min-width:1100px) { #reg-cv { height:clamp(480px,62vh,620px); } }
.reg__labels { position:absolute; left:max(var(--gutter),calc((100vw - var(--max))/2)); top:0; pointer-events:none; font-size:1rem; font-weight:600; }
.reg__labels span { position:absolute; left:0; white-space:nowrap; display:flex; align-items:center; gap:.4em; }
.reg__labels span::before { content:""; width:10px; height:10px; background:var(--c); }
@media (max-width:759px) { .reg__labels { left:8px; font-size:.9375rem; } .reg__labels span { background:rgb(11 23 20/.76); padding:0 .4em; border-radius:3px; } }
.reg__ruler { margin-top:18px; }
.reg__ruler label { display:block; font-weight:600; }
.reg__ruler output { font-family:var(--font-display); font-weight:800; font-stretch:110%; font-size:1.625rem; margin-left:.3em; color:var(--deep-gold); }
.reg__range { -webkit-appearance:none; appearance:none; display:block; width:100%; height:48px; margin:2px 0 0; cursor:pointer; background:repeating-linear-gradient(90deg,#6E8A80 0 1px,transparent 1px calc(100%/24)) 0 50%/100% 16px no-repeat; }
.reg__range::-webkit-slider-runnable-track { height:48px; background:transparent; }
.reg__range::-moz-range-track { height:48px; background:transparent; }
.reg__range::-webkit-slider-thumb { -webkit-appearance:none; width:14px; height:40px; margin-top:4px; border:2px solid #0B1714; border-radius:3px; background:var(--deep-gold); }
.reg__range::-moz-range-thumb { width:12px; height:38px; border:2px solid #0B1714; border-radius:3px; background:var(--deep-gold); }
.reg__card { margin-top:24px; max-width:62rem; padding-top:20px; border-top:1px solid var(--hairline); display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); column-gap:clamp(24px,4vw,64px); min-height:300px; align-content:start; }
.reg__card > * { grid-column:1; }
.reg__card .fisa__t { grid-column:2; grid-row:1 / span 6; margin-top:0; align-self:start; }
.reg__list-w { margin-top:clamp(48px,6vw,88px); }
.reg__list-w h3 { margin-bottom:18px; }
.reg__keys > li { padding-block:0; }
.reg__sum { display:grid; grid-template-columns:5.5ch minmax(0,1fr); gap:0 1.2em; align-items:baseline; min-height:56px; padding-block:14px; padding-right:2.6em; cursor:pointer; list-style:none; position:relative; font-weight:600; }
.reg__sum::-webkit-details-marker { display:none; }
.reg__sum::after { content:""; position:absolute; right:6px; top:calc(50% - 9px); width:12px; height:12px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg); transition:transform 180ms ease-out; }
details[open] > .reg__sum::after { transform:rotate(225deg); top:calc(50% - 3px); }
.reg__sum time { font-family:var(--font-data); font-size:1.0625rem; color:var(--deep-gold); font-weight:500; }
.reg__det { padding:0 0 22px calc(5.5ch + 1.2em); }
.reg__go { display:none; margin-top:6px; padding:0; background:none; border:0; font:inherit; font-weight:600; cursor:pointer; color:inherit; }
html.reg-live .reg__go { display:inline-flex; }
.reg__foot { margin-top:18px; }
@media (max-width:860px) { .reg__head { grid-template-columns:minmax(0,1fr); } .reg__card { grid-template-columns:minmax(0,1fr); min-height:0; } .reg__card .fisa__t { grid-column:1; grid-row:auto; margin-top:16px; } .reg__det { padding-left:0; } }

/* ---------- CE ESTE ---------- */
.azi__l { grid-column:1 / span 5; }
.azi__r { grid-column:7 / span 6; position:relative; }
.azi__lead { margin-top:.6em; color:var(--hora-ink); font-weight:500; }
.azi__p { margin-top:1em; color:var(--text-2); }
.reg__list { list-style:none; margin:0; padding:0; position:relative; border-top:1px solid var(--hairline); }
.reg__list > li { position:relative; display:grid; grid-template-columns:3rem minmax(0,1fr); gap:0 12px; padding-block:18px; border-bottom:1px solid var(--hairline); }
.reg__list p { margin-top:.2em; }
.rl__n { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; border:1.5px solid var(--draw-accent); font:600 1.0625rem var(--font-body); color:var(--hora-ink); background:var(--hora-surface); position:relative; z-index:1; transition:background-color 300ms ease-out,color 300ms ease-out; }
.reg__list > li.is-on .rl__n { background:var(--primary-bg); border-color:var(--primary-bg); color:var(--primary-ink); }
.rl--off h3,.rl--off p { color:var(--text-2); }
.rl--off h3 { text-decoration:line-through; text-decoration-thickness:1px; }
.rl--off .rl__n,.reg__list > li.rl--off.is-on .rl__n { background:transparent; border-style:dashed; border-color:var(--text-2); color:var(--text-2); }
.reg__rail { position:absolute; left:17px; top:0; bottom:0; width:1.5px; background:var(--draw-accent); transform-origin:top; z-index:0; }
@media (max-width:860px) { .azi__r { margin-top:40px; } }

/* ---------- LIBRET ---------- */
.lib__flag { margin-top:.7em; color:var(--text-2); max-width:44em; }
.lib__flag .exemplu { margin-right:.35em; font-size:.9375rem; }
.lib__g { margin-top:clamp(32px,4vw,56px); }
.lib__list { display:none; }
html.lib-live .lib__g { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:24px clamp(32px,5vw,80px); align-items:start; }
html.lib-live .lib__list { display:block; border-top:1px solid var(--hairline); }
.lib__ask { display:block; width:100%; min-height:56px; padding:14px 0; text-align:left; background:none; border:0; border-bottom:1px solid var(--hairline); font:500 var(--t-body)/1.35 var(--font-body); color:var(--text-2); cursor:pointer; }
.lib__ask[aria-pressed="true"] { color:var(--hora-ink); font-weight:700; box-shadow:inset 0 -2px 0 var(--draw-accent); }
@media (hover:hover) and (pointer:fine) { .lib__ask:hover { color:var(--hora-ink); } }
.lib__item + .lib__item { margin-top:48px; }
html.lib-live .lib__item + .lib__item { margin-top:0; }
.lib__item[hidden] { display:none; }
.lib__who { font-family:var(--font-data); font-size:var(--t-mono); color:var(--text-2); }
.lib__who--d { color:var(--text-2); }
.lib__q { margin-top:.35em; font-family:var(--font-display); font-weight:600; font-stretch:106%; font-size:var(--t-h3); line-height:1.22; letter-spacing:-.012em; max-width:28em; }
.lib__rest { color:transparent; }
.lib__a { margin-top:clamp(24px,3vw,40px); padding-top:clamp(18px,2vw,26px); border-top:1px solid var(--hairline); }
.lib__big { margin-top:.2em; font-family:var(--font-display); font-weight:800; font-stretch:110%; font-size:clamp(1.8rem,1.2rem + 2vw,3.25rem); line-height:1.06; letter-spacing:-.028em; max-width:18em; margin-bottom:.45em; }
.lib__src { margin-top:.9em; }
@media (max-width:860px) { html.lib-live .lib__g { grid-template-columns:minmax(0,1fr); } }

/* ---------- LIMITELE ---------- */
.lim__head { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:16px clamp(24px,4vw,64px); align-items:end; }
.lim__head .t-lead { color:var(--deep-text-2); }
.inst { display:none; margin-top:clamp(36px,5vw,64px); }
html.lim-live .inst { display:block; }
html.lim-live .lim__static { display:none; }
.lim__static { margin-top:28px; }
.inst__row + .inst__row { margin-top:clamp(36px,4.5vw,64px); padding-top:clamp(28px,3.5vw,48px); border-top:1px solid var(--hairline); }
.inst__fig { display:grid; grid-template-columns:repeat(2,minmax(0,max-content)); gap:8px clamp(20px,6vw,96px); }
.inst__fig p { display:grid; grid-template-columns:auto auto; justify-content:start; align-items:baseline; column-gap:.35em; max-width:none; }
.inst__fig span { grid-column:1/-1; font-size:1.0625rem; color:var(--text-2); }
.inst__fig output { font:800 clamp(2.5rem,1.7rem + 3vw,4.75rem)/1.02 var(--font-display); font-stretch:110%; letter-spacing:-.03em; color:var(--text-2); min-width:3.4ch; }
.inst__fig small { font-size:1.0625rem; color:var(--text-2); }
.inst__fig .is-app { min-width:0; }
.inst__fig .is-app output { color:var(--deep-gold); }
.inst__rule { position:relative; height:136px; margin-top:12px; }
.inst__rule canvas { position:absolute; inset:0; width:100%; height:100%; }
.inst__rule input { -webkit-appearance:none; appearance:none; position:absolute; left:0; right:0; top:22px; width:100%; height:80px; margin:0; background:transparent; cursor:ew-resize; touch-action:pan-y; }
.inst__rule input::-webkit-slider-runnable-track { height:80px; background:transparent; }
.inst__rule input::-moz-range-track { height:80px; background:transparent; }
.inst__rule input::-webkit-slider-thumb { -webkit-appearance:none; width:26px; height:80px; border-radius:4px; background:linear-gradient(90deg,transparent 0 11px,#F3CE80 11px 15px,transparent 15px),radial-gradient(ellipse 12px 9px at 50% 50%,#F3CE80 98%,transparent 100%); border:0; }
.inst__rule input::-moz-range-thumb { width:26px; height:80px; border:0; border-radius:4px; background:linear-gradient(90deg,transparent 0 11px,#F3CE80 11px 15px,transparent 15px),radial-gradient(ellipse 12px 9px at 50% 50%,#F3CE80 98%,transparent 100%); }
.inst__rule input:focus-visible { outline:3px solid #F3CE80; outline-offset:2px; }
.inst__msg { margin-top:10px; min-height:3.2em; max-width:56em; }
.inst__msg.is-alert { color:#F19A82; font-weight:600; }
.inst__sw { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:clamp(24px,3vw,40px); }
.inst__sw .btn[aria-pressed="true"] { background:#E07A5F; color:#10201B; border-color:#E07A5F; }
.inst__sw p { color:var(--deep-text-2); max-width:38em; }
.is-off .inst__fig .is-app output { color:var(--deep-text-2); }
.is-off .inst__row:first-child .is-app small { display:none; }
.lim__facts { margin-top:clamp(40px,5vw,72px); }
.lim__ex { margin-top:18px; }
@media (max-width:860px) { .lim__head { grid-template-columns:minmax(0,1fr); } }

/* ---------- CE NU FACE: type, nothing else ---------- */
.nu__list { list-style:none; margin:clamp(32px,4vw,56px) 0 0; padding:0; }
.nu__li { position:relative; padding-block:clamp(24px,3vw,44px); }
.nu__rule { position:absolute; left:0; right:0; top:0; height:1px; background:var(--hairline); transform-origin:left; }
.nu__h { font-family:var(--font-display); font-weight:800; font-stretch:110%; font-size:clamp(1.9rem,1.1rem + 3.1vw,4.25rem); line-height:1.04; letter-spacing:-.03em; max-width:none; text-wrap:balance; }
.nu__s { margin-top:.55em; font-size:var(--t-lead); line-height:1.4; color:var(--text-2); }

/* ---------- CHEIA ---------- */
.cheie__head { max-width:60rem; }
.cheie__head .t-lead { margin-top:.6em; }
.cheie__g { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:32px clamp(32px,5vw,80px); margin-top:clamp(32px,4vw,56px); align-items:start; }
.cheie__tbl h3 { font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem); margin-bottom:14px; }
.tbl-scroll { overflow-x:auto; }
#cheie-t { width:100%; min-width:600px; table-layout:fixed; border-collapse:collapse; font-variant-numeric:tabular-nums; }
#cheie-t th,#cheie-t td { text-align:left; padding:.62em .9em .62em 0; border-bottom:1px solid var(--hairline); vertical-align:middle; font-weight:400; }
#cheie-t thead th { font-size:1.0625rem; color:var(--text-2); }
#cheie-t tbody th { font-weight:600; white-space:nowrap; }
#cheie-t tfoot th,#cheie-t tfoot td { border-bottom:0; font-weight:600; }
#cheie-t .n { text-align:right; }
.ves { display:block; position:relative; width:calc(var(--k,1)*100%); min-width:32px; height:12px; margin-bottom:4px; background:repeating-linear-gradient(90deg,var(--hairline) 0 1px,transparent 1px 5px); box-shadow:inset 0 0 0 1px var(--text-2); }
.ves i { position:absolute; inset:0; display:block; background:var(--hora-brand); transform-origin:left; }
.cheie__was { color:var(--text-2); font-size:var(--t-small); }
.cheie__how { margin-top:14px; }
.cheie__rec { padding:clamp(20px,2.4vw,32px); background:var(--deep); color:var(--deep-ink); border-radius:var(--r-surface); --text-2:var(--deep-text-2); --hora-ink:var(--deep-ink); --hairline:#2F4C45; --hora-accent:var(--deep-gold); }
.cheie__rec .exemplu { color:var(--deep-text-2); }
.cheie__recq { color:var(--deep-text-2); }
.cheie__recv { margin-top:.15em; font-family:var(--font-display); font-weight:800; font-stretch:110%; font-size:clamp(2.2rem,1.5rem + 2.4vw,3.75rem); line-height:1.04; letter-spacing:-.03em; color:var(--deep-gold); }
.cheie__dl { margin:1em 0; }
.cheie__dl div { display:flex; justify-content:space-between; gap:1em; padding-block:.5em; border-top:1px solid #2F4C45; }
.cheie__dl dd { margin:0; font-weight:700; white-space:nowrap; }
.cheie__rec p + p { margin-top:.7em; }
.cheie__rec .link { margin-top:.5em; }
@media (max-width:860px) { .cheie__g { grid-template-columns:minmax(0,1fr); } }

/* ---------- RĂSPUNDERE ---------- */
.sc__chain { display:none; }
html.js .sc__chain { display:block; }
.sc__chain { width:100%; height:60px; margin-top:clamp(20px,3vw,40px); color:var(--draw-accent); }
.sc__list { margin-top:clamp(16px,2vw,28px); }
.sc__k { font-family:var(--font-display); font-size:var(--t-h3); font-weight:700; font-stretch:106%; }

/* ---------- DISCUTIE (the block every page ends with) ---------- */
.discutie { padding-top:clamp(56px,7vw,110px); }
.discutie h2 { font-size:clamp(2.2rem,1.4rem + 3.2vw,4rem); }
.discutie__l { grid-column:1/6; }
.discutie__l .t-lead { margin-top:.6em; color:var(--deep-text-2); }
.discutie__c { margin-top:1.1em; }
.discutie__r { grid-column:7/13; }
.discutie__priv { margin-top:.8em; }
.discutie a { color:inherit; }
@media (max-width:860px) { .discutie__r { margin-top:32px; } }

/* ---------- phones: the stage reflows; the score keeps its own world ---------- */
@media (max-width:999px) {
  html.part-live .part__lab { width:auto; min-width:0; left:0; display:flex; flex-wrap:nowrap; align-items:baseline; gap:.45em; background:rgb(11 23 20/.72); padding:0 .4em; border-radius:3px; font-size:.9375rem; white-space:nowrap; }
  html.part-live .part__labels { left:8px; }
  html.part-live .part__lab em { margin:0; font-size:.875rem; }
  html.part-live .part__lab b { font-size:.9375rem; }
}
@media (max-width:760px) {
  html.part-live .part__veil { background:linear-gradient(180deg,rgb(11 23 20/.0) 12%,rgb(11 23 20/.72) 34%,rgb(11 23 20/.95) 55%); }
  html.part-live .part__fold { justify-content:flex-end; padding-bottom:70px; }
  html.part-live .part__fold h1 { font-size:clamp(2rem,1.3rem + 3.6vw,2.6rem); }
  html.part-live .part__cue { display:none; }
  html.part-live .part__top { grid-template-columns:minmax(0,1fr); row-gap:2px; }
  html.part-live .part__clock { font-size:clamp(2.75rem,12vw,3.5rem); }
  html.part-live .part__beats { min-height:6.6em; }
  html.part-live .part__beat { top:0; transform:none; }
  html.part-live .part__beat p { font-size:1.125rem; line-height:1.3; }
  html.part-live .part__replan { font-size:clamp(1.65rem,7.4vw,2.1rem); }
  html.part-live .part__beat .part__replan-s { font-size:1.0625rem; line-height:1.3; }
  .long { display:none; }
  html.part-live .part__note { font-size:.9375rem; bottom:calc(max(6px,env(safe-area-inset-bottom)) + 76px); }
  html.part-live .scene__bar { right:var(--gutter); flex-wrap:wrap; gap:0 12px; bottom:max(6px,env(safe-area-inset-bottom)); }
  .bar__prog { flex-basis:100%; }
  .bar__skip { font-size:1rem; }
  html.part-live .fisa { top:auto; bottom:8px; left:8px; right:8px; width:auto; max-height:72svh; }
  .pause-ctl { bottom:max(6px,env(safe-area-inset-bottom)); right:var(--gutter); font-size:1rem; padding-inline:.7em; }
}
html.part-live .scene__bar:focus-within { opacity:1 !important; pointer-events:auto !important; }
@media (max-width:640px) {
  .inst__fig p { grid-template-columns:minmax(0,1fr); }
  .inst__fig output { font-size:clamp(2rem,10vw,2.5rem); min-width:0; }
  .inst__fig small { font-size:1rem; }
  .tbl-scroll { overflow-x:visible; }
  #cheie-t { min-width:0; font-size:1rem; }
  #cheie-t th,#cheie-t td { padding-right:.45em; }
  #cheie-t tbody th { white-space:normal; }
  #cheie-t th:nth-child(1) { width:28%; } #cheie-t th:nth-child(2) { width:17%; } #cheie-t th:nth-child(3) { width:22%; }
  #cheie-t thead th { font-size:.9375rem; padding-right:.15em; }
  .ves { min-width:0; }
  .cheie__was { display:block; font-size:.9375rem; }
  #cheie-t th:nth-child(3),#cheie-t td:nth-child(3) { padding-left:.55em; }
  #cheie-t tfoot th,#cheie-t tfoot td { font-size:.9375rem; }
  #cheie-t tfoot td b { font-weight:700; }
}
@media (max-width:380px) {
  .pause-ctl { min-width:44px; justify-content:center; padding-inline:0; }
  .pause-ctl span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #cheie-t th:nth-child(1) { width:25%; } #cheie-t th:nth-child(2) { width:19%; } #cheie-t th:nth-child(3) { width:25%; }
}
@media (max-height:620px) {
  html.part-live .part__sub { display:none; }
}
@media print { .part__cv,.part__veil,.scene__bar { display:none !important; } }

#cheie-t th:nth-child(1) { width:23%; } #cheie-t th:nth-child(2) { width:13%; } 

/* very short phones: the score needs the room more than the second line does */
@media (max-height:640px) and (max-width:760px) {
  html.part-live .part__clock { font-size:2.25rem; }
  html.part-live .part__top { top:calc(var(--header-h) + 4px); }
  html.part-live .part__beats { min-height:4.8em; }
  html.part-live .part__replan { font-size:1.5rem; }
  html.part-live .part__replan-s { display:none; }
  .part__note .nt { display:none; }
  html.part-live .part__note { bottom:calc(max(6px,env(safe-area-inset-bottom)) + 68px); }
}
@media (max-width:399px) { .fisa__t td,.fisa__t thead th { white-space:normal; } .fisa__t { font-size:1rem; } }