/* TEXTE CITITE LA CHINONIC (T6.3, P3.1) — port al `STIL_CHINONIC` din V2 (`apps/home/src/chinonic.ts`).
   `.ch-usa`, `.ch-categorie > h2`, `.ch-spune`, `.ch-compacta`, `.ch-rand`, `.ch-t`, `.ch-cand`,
   `.ch-toate` stau deja în `stil.css` (portate odată cu Anunțul — aceleași clase, același desen).
   Aici rămâne ce nu se cere pe nicio altă pagină: capul listei, bara anilor, fișa unui text. */

/* capul paginii (listă și fișă) — ca la Calendar/Tipic, propriu fiecărei aplicații */
.cap { padding: 10px 0 4px }
.titlu-lista { font-size: 28px; font-weight: 400; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 6px }
.sursa { color: var(--soft); font-size: 14.5px; margin: 0 0 10px; max-width: 62ch }

/* ⚠️ BARA ANILOR — aceeași ca la Program și Newsletter (aceleași clase, același desen), ca
   aplicațiile să se recunoască între ele. Fără săgeți ‹ ›: fâșia se derulează cu degetul, iar anii
   chinonicului sunt puțini (V2, capul fișierului). */
.bara-ani { display: flex; align-items: stretch; margin: 10px 0 0;
            border: 1px solid var(--rule); border-radius: 10px; background: var(--tinta);
            overflow: hidden }
.bara-ani .fasie { flex: 1 1 auto; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain;
                    -webkit-overflow-scrolling: touch; scrollbar-width: none }
.bara-ani .fasie::-webkit-scrollbar { display: none }
.bara-ani .ani { display: flex; align-items: stretch; gap: 0; width: max-content; padding: 0 }
.an-buton { flex: none; display: flex; align-items: center; justify-content: center;
            color: var(--soft); text-decoration: none; background: transparent;
            border: 0; border-radius: 0; padding: 10px 13px;
            font: 600 12.5px/1 ui-sans-serif, system-ui; letter-spacing: .03em; white-space: nowrap }
.an-buton + .an-buton { border-left: 1px solid var(--rule) }
.an-buton:hover { color: var(--rosu); background: var(--paper) }
.an-buton.activ { color: var(--rosu); font-weight: 700;
                   background: color-mix(in srgb, var(--rosu) 11%, transparent) }

/* „Fără autor" e o lipsă mărturisită, nu un nume: se scrie mai stins și înclinat */
.ch-a { color: var(--faint); font: 13px/1.4 ui-sans-serif, system-ui; flex: 0 1 auto }
.ch-niciun-autor { font-style: italic; opacity: .65 }

.ch-spre-stare { margin: 10px 0 0 }
.ch-spre-stare a { color: var(--rosu); text-decoration: none; font: 600 13px/1 ui-sans-serif, system-ui }
.ch-spre-stare a:hover { text-decoration: underline }
.ch-cate { color: var(--faint); font-size: 15px }
.anul { margin: 28px 0 2px; font-size: 19px; color: var(--soft) }

/* pagina unui text */
.ch-autorul { margin: 2px 0 4px; font-size: 17px; color: var(--soft) }
.ch-poza { display: block; width: 100%; height: auto; border-radius: 12px; margin: 18px 0 0 }
/* ⚠️ textul e curățat prin tokenizerul sinaxarului (`@xc/domeniu-calendar` + `sinaxarHtml`), deci
   ia culorile temei ca orice text al nostru — nu mai e HTML netratat, copiat direct din import. */
.ch-text { color: var(--ink); margin: 18px 0 0; line-height: 1.7 }
.ch-text p { margin: 0 0 12px }
.ch-text strong { font-weight: 600 }
.ch-text em { font-style: italic }
.ch-text ul, .ch-text ol { margin: 0 0 12px; padding-left: 22px }
.ch-text li { margin: 0 0 5px }
.ch-text blockquote { margin: 0 0 12px; padding-left: 14px; border-left: 3px solid var(--rule);
                       color: var(--soft) }
.ch-text blockquote p:last-child { margin-bottom: 0 }
/* fragmentul se vede ca fragment: o dungă la stânga spune că textul nu e întreg */
.ch-fragment { padding-left: 14px; border-left: 3px solid var(--rule) }
.ch-partial { margin: 12px 0 0; color: var(--faint); font-size: 13.5px }
.ch-sursa { margin: 12px 0 0; padding: 10px 12px; background: var(--tinta);
            border: 1px solid var(--rule); border-radius: 10px;
            color: var(--soft); font-size: 13px }
.ch-sursa > span { font-weight: 600; color: var(--ink) }
.ch-drum { color: var(--rosu) }

.vecini { margin: 24px 0 0 }
.vecini a { color: var(--rosu); text-decoration: none; font: 600 13.5px/1 ui-sans-serif, system-ui }
.vecini a:hover { text-decoration: underline }