/* pagina.css · stilul paginilor statice (generat). Fără JavaScript, pagina se citește ca o lecție lungă; cu JavaScript (clasa .js pe <html>), motorul
   montează sesiunea peste ea și ascunde antetul, bara și subsolul statice (textul rămâne în DOM, în <main hidden>). */
.sari { position: absolute; left: -9999px; top: 0; background: #fff; color: #000; padding: 8px 12px; z-index: 10; }
.sari:focus { left: 8px; top: 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body { margin: 0; }
.pagina-cap, .bara-pasi, .inainte-inapoi, .pagina-subsol, #continut { max-width: 780px; margin: 0 auto; padding: 8px 16px; box-sizing: border-box; }
.cale-pagina ol, .bara-pasi ol, .cuprins { list-style: none; padding: 0; margin: 4px 0; }
.cale-pagina li { display: inline; }
.cale-pagina li + li::before { content: " › "; color: var(--mute, #667); }
.bara-pasi ol { columns: 2 280px; }
.bara-pasi li { break-inside: avoid; padding: 2px 0; }
.bara-pasi li.cur a { font-weight: 800; }
.marcaj { font-size: 12px; color: var(--mute, #667); border: 1px solid currentColor; border-radius: 8px; padding: 0 6px; }
.marcaj.op { opacity: .75; }
.ecran { margin: 18px 0; padding: 14px 0; border-top: 1px solid var(--line, #dde); }
.ecran details.dupa > :not(summary) { opacity: .95; }
.inainte-inapoi { display: flex; gap: 16px; justify-content: space-between; flex-wrap: wrap; }
html.js .pagina-cap, html.js .bara-pasi, html.js .inainte-inapoi, html.js .pagina-subsol, html.js .sari { display: none; }
html.js:not(.motor) #continut { visibility: hidden; }   /* C415: textul static stă ascuns până desenează motorul (fără licărire la Înainte / Înapoi) */