/* pagina-l15.css · aspectul paginilor L15 (generat). Culorile vin din simbolurile paletei (app.css = paleta 1, teme.css = 2 și 3). */
:root { --bloc-a: var(--pri); --bloc-b: color-mix(in srgb, var(--pri) 40%, #12b886); --bloc-c: color-mix(in srgb, var(--pri) 40%, #f08c00); }
.bara-teme { position: sticky; top: 0; z-index: 20; display: flex; gap: 8px; justify-content: flex-end; max-width: 780px; margin: 0 auto; padding: 8px 16px; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(6px); }
.bara-teme button { font: inherit; font-weight: 800; border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 12px; padding: 6px 12px; min-height: 40px; cursor: pointer; }
html.js .bara-teme { display: none; }   /* [hub] cu JavaScript, tema și culorile sunt în antetul sesiunii și în meniul ☰ */
.bara-teme .accbtn { display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; min-width: 0; border-radius: 12px; padding: 6px 12px; }
.bara-teme .accbtn i { width: 16px; height: 16px; border-radius: 50%; display: inline-block; }
.ecran .cover-bloc { background: linear-gradient(140deg, var(--bloc-c-bg, var(--pri)), color-mix(in srgb, var(--bloc-c-bg, var(--pri)) 70%, #1cb0f6)); }
.ecran-bloc-a .cover-bloc, .cover-a { --bloc-c-bg: var(--bloc-a); }
.ecran-bloc-b .cover-bloc, .cover-b { --bloc-c-bg: var(--bloc-b); }
.ecran-bloc-c .cover-bloc, .cover-c { --bloc-c-bg: var(--bloc-c); }
.coperta-linii { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.coperta-linii li { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 10px 14px; }
.coperta-linii li.aprox { font-weight: 800; color: var(--mute); }
.coperta-micro { margin: 0; padding-left: 20px; color: var(--mute); }
#continut .actiune { margin: 0; color: var(--mute); font-size: 15px; border-left: 4px solid var(--pri); padding-left: 10px; }
.m { font-weight: 800; color: var(--pri-d, var(--pri)); background: color-mix(in srgb, var(--pri) 10%, transparent); border-radius: 6px; padding: 0 4px; overflow-wrap: anywhere; }
.punte { display: grid; gap: 8px; }
.punte-legatura { margin: 0; }
.btn.ghost, .btn.ok, .stiu a { display: inline-block; text-decoration: none; border-radius: 14px; padding: 10px 16px; font-weight: 800; }
.harta-randuri { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.harta-rand { border: 2px solid var(--ec, var(--pri)); border-radius: 18px; padding: 12px 14px; background: var(--surface); }
.harta-rand h3 { margin: 0 0 8px; }
.pastile { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pastila a { font-weight: 800; }
.fisa-nodului { margin: 2px 0 0; color: var(--mute); font-size: 14px; }
.acces-rand { margin: 8px 0 0; display: flex; gap: 12px; flex-wrap: wrap; font-size: 14px; }
.faq-sectiune { max-width: 780px; margin: 24px auto; padding: 12px 16px; }
.faq-sectiune dt { font-weight: 800; margin-top: 12px; }
.faq-sectiune dd { margin: 4px 0 0; }
/* [audit-1] CLS desktop: FAQ-ul static (în afara <main>) rămânea vizibil și sărea în sus când motorul ascundea <main>; acum stă ascuns, ca #continut, până desenează motorul */
html.js:not(.motor) .faq-sectiune { visibility: hidden; }
figure.scena-l15 { margin: 0; }
figure.scena-l15 .sfhost { min-height: 300px; border-radius: 18px; background: var(--surface2); }
figure.scena-l15 figcaption { font-size: 14px; color: var(--mute); padding: 6px 4px; }
.pe-scurt { color: var(--mute); }
/* C415: hubul lecției */
.hub-cap h1 { font-family: Manrope, Nunito, sans-serif; font-size: clamp(26px, 3.4vw, 38px); line-height: 1.15; margin: 10px 0 8px; text-wrap: balance; }
.hub-start { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; margin: 14px 0 6px; }
.hub-btn { font-size: 17px; padding: 12px 22px; }
.hub-stat { color: var(--mute); font-weight: 700; }
#continut > .ecran:first-child { border-top: 0; }
.cuprins { display: grid; gap: 8px; }
.cuprins li { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 8px 12px; min-width: 0; }
.cuprins .nr { font-weight: 800; color: var(--mute); min-width: 2.2ch; font-variant-numeric: tabular-nums; }
.cuprins a { font-weight: 800; text-decoration: none; }
.cuprins .ecrane-nr { color: var(--mute); margin-left: auto; }
.harta-rand h3 a { text-decoration: none; color: var(--ec, var(--pri)); }
.etalon-rand { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 1500px; margin: 0 auto; }
.etalon-cadru { margin: 0; } .etalon-cadru iframe { width: 100%; height: 760px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg); }
@media (max-width: 1000px) { .etalon-rand { grid-template-columns: 1fr; } }