/* Cititorul e-book (/citeste, /carte). Se încarcă după tokens.css și site.css. */

/* Teme: Auto (sistem), Alb, Hârtie, Noapte. Toate trec de AA (vezi docs/BRAND.md). */
:root[data-theme="light"]{--bg:#FFFFFF;--text:#1A1A1A;--text-2:#5A5A60;--accent:#B8341F;--linie:#E6E3DD;--buton-bg:#1A1A1A;--buton-text:#FFFFFF;--panou:#FFFFFF}
:root[data-theme="hartie"]{--bg:#F2EBDD;--text:#17181D;--text-2:#5E5A52;--accent:#C43D2B;--linie:#DDD4C3;--buton-bg:#17181D;--buton-text:#F2EBDD;--panou:#F7F2E8}
:root{--panou:color-mix(in srgb,var(--bg) 70%,#fff)}
:root[data-theme="dark"]{--panou:#1C1F27}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--panou:#1C1F27}}

/* Mărimea (8 trepte), fontul, spațierea, lățimea, alinierea */
.cititor{--c-fs:1.1875rem;--c-lh:1.68;--c-col:38rem;--c-font:var(--f-text)}
:root[data-marime="0"] .cititor{--c-fs:.95rem}
:root[data-marime="1"] .cititor{--c-fs:1.05rem}
:root[data-marime="2"] .cititor{--c-fs:1.125rem}
:root[data-marime="3"] .cititor{--c-fs:1.1875rem}
:root[data-marime="4"] .cititor{--c-fs:1.3rem}
:root[data-marime="5"] .cititor{--c-fs:1.45rem}
:root[data-marime="6"] .cititor{--c-fs:1.65rem}
:root[data-marime="7"] .cititor{--c-fs:1.9rem}
:root[data-font="sans"] .cititor{--c-font:var(--f-ui)}
:root[data-spatiere="strans"] .cititor{--c-lh:1.45}
:root[data-spatiere="larg"] .cititor{--c-lh:1.9}
:root[data-latime="ingusta"] .cititor{--c-col:32rem}
:root[data-latime="lata"] .cititor{--c-col:46rem}

body.cititor{background:var(--bg);transition:background-color .25s,color .25s}

/* Bara de progres */
.c-progres{position:fixed;inset:0 0 auto;height:3px;z-index:40;pointer-events:none}
.c-progres span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s linear}

/* Bara de sus: se ascunde la derulare în jos, revine la derulare în sus sau la atingere */
.c-bara{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:.35rem;padding:calc(env(safe-area-inset-top,0px) + .45rem) max(.6rem,env(safe-area-inset-right)) .45rem max(.6rem,env(safe-area-inset-left));
  background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--linie);
  font-family:var(--f-ui);transition:transform .3s var(--ease),background-color .25s}
.c-ascuns .c-bara{transform:translateY(-110%)}
.c-titlu{flex:1;min-width:0;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.c-ic{appearance:none;display:inline-grid;place-items:center;min-width:2.75rem;height:2.75rem;padding:0 .5rem;border:0;border-radius:999px;background:transparent;color:var(--text);cursor:pointer;font:600 1rem var(--f-ui);-webkit-tap-highlight-color:transparent}
.c-ic:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}
.c-ic svg{width:1.4rem;height:1.4rem}
.c-ic .semn{width:1.55rem}
.c-aa{font-family:var(--f-titlu);font-style:italic;font-size:1.3rem;font-weight:400}
.c-pastila{display:inline-flex;align-items:center;height:2.3rem;padding:0 .95rem;border-radius:999px;border:1.5px solid var(--text);color:var(--text);text-decoration:none;font:600 .9rem var(--f-ui);white-space:nowrap;background:transparent;cursor:pointer}
.c-pastila-plina{background:var(--buton-bg);color:var(--buton-text);border-color:var(--buton-bg)}

/* Textul */
.c-main{padding:calc(4.2rem + env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-left)) calc(6rem + env(safe-area-inset-bottom,0px))}
.c-text{max-width:var(--c-col);margin:0 auto;font-family:var(--c-font);font-size:var(--c-fs);line-height:var(--c-lh);transition:font-size .15s}
:root[data-aliniere="justificat"] .c-text p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.c-text article,.c-text header.part,.c-text section{padding:2.6rem 0 1.2rem;scroll-margin-top:4.5rem}
.c-text>*:first-child{padding-top:1rem}
.c-text article+article,.c-text header.part{border-top:1px solid var(--linie)}
.c-text header.part{padding:4rem 0 2rem;text-align:center}
.c-text header.part h2{font-family:var(--f-ui);font-size:1.9em;letter-spacing:-.02em}
.c-text header.part .lead{font-style:italic;color:var(--text-2);max-width:28rem;margin:.6rem auto 0;font-size:1em}
.c-text .kicker{display:block;font:600 .74rem var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-bottom:.5rem}
.c-text h2{font-family:var(--f-ui);font-size:1.55em;line-height:1.2;letter-spacing:-.015em;margin:0 0 1.2em;text-wrap:balance}
.c-text p{margin:0 0 1em}
.c-text .hook{font-size:1.1em;line-height:1.5;padding-left:1rem;border-left:3px solid var(--accent);margin-bottom:1.6em}
.c-text ol{padding-left:1.4em;margin:0 0 1.1em}
.c-text li{margin-bottom:.5em;padding-left:.2em}
.c-text .aforism{font-family:var(--f-titlu);font-style:italic;font-weight:400;font-size:1.4em;line-height:1.3;color:var(--accent);margin:1.6em 0 .6em;text-wrap:balance}
.c-text .last p{font-size:1.1em}
.c-fisa{font:600 .95rem var(--f-ui);margin:1.4rem 0 0}
.c-fisa a{text-decoration:none;border-bottom:1.5px solid var(--linie)}
.c-final{margin:3rem 0 1rem;padding:2rem 1.6rem;border:1.5px solid var(--text);border-radius:1rem;font-family:var(--f-ui);text-align:center}
.c-final p{font-size:1.05rem}
.c-final .continua{font-size:1.5rem;font-weight:600;margin-top:0}

/* Bara de jos: capitolul, timpul rămas, înainte / înapoi */
.c-jos{position:fixed;inset:auto 0 0;z-index:30;display:flex;align-items:center;gap:.4rem;padding:.35rem max(.6rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom,0px)) max(.6rem,env(safe-area-inset-left));
  background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--linie);
  font-family:var(--f-ui);transition:transform .3s var(--ease)}
.c-ascuns .c-jos{transform:translateY(110%)}
.c-stare{flex:1;min-width:0;display:grid;text-align:center;line-height:1.25}
#c-cap{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#c-ramas{font-size:.78rem;color:var(--text-2)}
.c-jos .c-ic[disabled]{opacity:.3;cursor:default}

/* Reluare */
.c-reia{position:fixed;left:50%;bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:31;display:flex;align-items:center;gap:.6rem;padding:.45rem .45rem .45rem 1rem;
  background:var(--panou);border:1px solid var(--linie);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.14);font:400 .92rem var(--f-ui);width:max-content;max-width:calc(100% - 1.5rem)}

/* Panouri: cuprinsul din stânga, setările de jos (foaie pe mobil, card pe desktop) */
.c-fundal{position:fixed;inset:0;z-index:40;background:rgba(10,10,14,.38);animation:c-apare .2s}
.c-panou{position:fixed;z-index:41;background:var(--panou);color:var(--text);font-family:var(--f-ui);box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain}
.c-panou-stanga{inset:0 auto 0 0;width:min(88vw,24rem);padding:calc(env(safe-area-inset-top,0px) + .5rem) 0 calc(1.5rem + env(safe-area-inset-bottom,0px));animation:c-stanga .28s var(--ease)}
.c-panou-jos{inset:auto 0 0 0;max-height:85vh;border-radius:1.2rem 1.2rem 0 0;padding:.5rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom,0px));animation:c-sus .28s var(--ease)}
@media (min-width:760px){.c-panou-jos{inset:4.2rem 1rem auto auto;width:22rem;border-radius:1rem;animation:c-apare .2s}}
.c-panou-cap{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.4rem .2rem .4rem 1.2rem;background:var(--panou);z-index:1}
.c-panou-jos .c-panou-cap{padding-left:0}
.c-panou-cap strong{font-size:1.05rem}
@keyframes c-stanga{from{transform:translateX(-100%)}}
@keyframes c-sus{from{transform:translateY(100%)}}
@keyframes c-apare{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.c-panou,.c-fundal{animation:none}.c-bara,.c-jos{transition:none}}

.c-toc{list-style:none;margin:0;padding:0 .6rem}
.c-toc-parte{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);padding:1.2rem .6rem .4rem}
.c-toc a{display:grid;grid-template-columns:1.8rem 1fr auto;gap:.5rem;align-items:baseline;padding:.6rem;border-radius:.6rem;text-decoration:none;color:var(--text);font-size:.95rem;line-height:1.35}
.c-toc a:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.c-toc a[aria-current="true"]{background:color-mix(in srgb,var(--text) 10%,transparent);font-weight:600}
.c-toc-n{font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}
.c-toc-min{font-size:.78rem;color:var(--text-2);white-space:nowrap}
.c-toc a.citit .c-toc-n::after{content:" ✓";color:var(--accent);font-size:.8em}
.c-toc-blocat{padding:.6rem 1rem;color:var(--text-2);font-size:.92rem;font-style:italic}

.c-set{padding:.8rem 0;border-top:1px solid var(--linie)}
.c-set:first-of-type{border-top:0}
.c-set-et{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin:0 0 .6rem;display:flex;justify-content:space-between}
.c-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.35rem;padding:.3rem;border-radius:.8rem;background:color-mix(in srgb,var(--text) 6%,transparent)}
.c-seg button{min-height:2.6rem;border:0;border-radius:.55rem;background:transparent;color:var(--text);font:600 .9rem var(--f-ui);cursor:pointer}
.c-seg button[aria-checked="true"]{background:var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.14),0 0 0 1.5px var(--text)}
.c-t-alb{background:#fff!important;color:#1A1A1A!important}
.c-t-hartie{background:#F2EBDD!important;color:#17181D!important}
.c-t-noapte{background:#15171E!important;color:#F3EDE1!important}
.c-f-serif{font-family:var(--f-text)!important;font-weight:400!important;font-size:1rem!important}
.c-f-sans{font-family:var(--f-ui)!important}
.c-marime{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem}
.c-marime input{width:100%;accent-color:var(--text);min-height:2.75rem}
.c-comut{display:flex;align-items:center;gap:.7rem;font-size:.95rem;cursor:pointer}
.c-comut input{width:1.2rem;height:1.2rem;accent-color:var(--text)}
@media (max-width:759px){.c-doar-lat{display:none}}

/* Subsolul site-ului rămâne sub carte, dar liniștit */
body.cititor .subsol{padding-bottom:6rem}

@media print{.c-bara,.c-jos,.c-progres,.c-reia,.c-panou,.c-fundal{display:none!important}.c-main{padding:0}}
.c-text>article:first-child{border-top:0}