@font-face { font-family: "Literata"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("fonts/literata-italic-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("fonts/literata-italic-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("fonts/literata-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("fonts/literata-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/literata-normal-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/literata-normal-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/literata-normal-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/literata-normal-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Noto Serif Yn"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/noto-serif-yn-normal-text.woff2") format("woff2"); unicode-range: U+a65f; }
/* Povestea virguliței de sub ș și ț: stilurile articolului, peste style.css.
   Culorile vin din temele site-ului (luminoasă, întunecată, contrast mărit), mărimile în rem urmează preferința
   „Mărime text”. Textul e cules cu Literata, găzduită aici (fără Google Fonts); restul folosește fonturile site-ului. */

/* Culoarea poveștii: sepia, ca cerneala documentelor vechi. Se deosebește de albastrul site-ului și de roșul folosit
   pentru erori (--error). Contrast pe fundalurile site-ului: 6,5 : 1 (luminos), 8,7 : 1 (întunecat). */
.page-poveste {
  --p-accent: #7B4A14;
  --p-accent-ink: #FFFDF8;
  --p-serif: "Literata", "Noto Serif Yn", "Iowan Old Style", Georgia, serif;
  --p-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --p-surface: var(--bg);
  --p-note: var(--bg-soft);
  --p-soft: var(--bg-soft);
  --p-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 18px rgba(0, 0, 0, .06);
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
  .page-poveste { --p-soft: color-mix(in srgb, var(--p-accent) 13%, var(--bg)); }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .page-poveste { --p-accent: #E2B27A; --p-accent-ink: #14161A; }
}
:root[data-theme="dark"] .page-poveste { --p-accent: #E2B27A; --p-accent-ink: #14161A; }
@media (prefers-contrast: more) {
  .page-poveste { --p-accent: #5A350C; }
  :root[data-theme="dark"] .page-poveste { --p-accent: #F0CB9A; }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .page-poveste { --p-accent: #F0CB9A; }
}
.page-poveste main a { color: var(--p-accent); }

/* Banda de deasupra navigării: paginile acestea există doar în română */
.band-lang { margin: 0; border-radius: 0; padding: .5rem var(--gutter); font-size: .85rem; text-align: center;
  background: var(--p-soft); color: var(--ink); border-bottom: 1px solid var(--line); }

.poveste {
  --p-col: 39rem;
  font-family: var(--p-serif); font-size: 1.0556rem; line-height: 1.7;
  padding-bottom: 3rem;
}
.poveste > * { max-width: var(--p-col); margin-left: auto; margin-right: auto; }

.poveste > .p-back { font: .85rem/1.5 var(--p-sans); margin: 1.2rem auto 0; }

/* titlul */
.poveste > .p-hero { max-width: 54rem; text-align: center; padding: 2.2rem 0 1.4rem; }
.poveste .kicker { font: 600 .72rem var(--p-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--p-accent); }
.poveste h1 { font-family: var(--p-serif); font-size: clamp(2.2rem, 7vw, 4.2rem); line-height: 1.05; margin: .9rem 0 1rem; font-weight: 600; letter-spacing: -.01em; }
.poveste h1 .glyph { color: var(--p-accent); }
.poveste h1 .duo { display: block; white-space: nowrap; font-size: 1.35em; line-height: 1.1; margin-top: .04em; padding-bottom: .16em; }
.poveste h1 .amp { font-style: italic; font-weight: 400; color: var(--ink-soft); font-size: .62em; margin: 0 .14em; vertical-align: .12em; }
.poveste .lede { font-size: 1.22rem; color: var(--ink-soft); max-width: 37.8rem; margin: 0 auto; }
.poveste .byline { font: .78rem var(--p-sans); color: var(--ink-soft); margin-top: 1.2rem; }

/* cuprinsul */
.poveste nav.toc { margin-top: 1.4rem; margin-bottom: .6rem; }
.poveste nav.toc ol { list-style: none; padding: 1rem 1.22rem; margin: 0; background: var(--p-surface); border: 1px solid var(--line); border-radius: 14px; columns: 2; column-gap: 1.55rem; font: .83rem/1.55 var(--p-sans); }
.poveste nav.toc li { break-inside: avoid; padding: .17rem 0; margin: 0; }
.poveste nav.toc a { color: var(--ink-soft); text-decoration: none; }
.poveste nav.toc a:hover { color: var(--p-accent); text-decoration: underline; }
.poveste nav.toc .n { color: var(--p-accent); font-weight: 600; margin-right: 6px; }

/* capitolele */
.poveste section { padding-top: 3.1rem; }
.poveste .chap { font: 600 .72rem var(--p-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--p-accent); margin-bottom: .22rem; }
.poveste h2 { font-family: var(--p-serif); font-size: clamp(1.55rem, 4.2vw, 2.1rem); line-height: 1.2; margin: 0 0 1rem; font-weight: 600; }
.poveste h3 { font-family: var(--p-serif); font-size: 1.22rem; margin: 1.9rem 0 .45rem; font-weight: 600; }
.poveste p { margin: 0 0 1.05em; }
.poveste .drop::first-letter { float: left; font-size: 4.1em; line-height: .82; padding: 8px 10px 0 0; color: var(--p-accent); font-weight: 600; }
.poveste em.latin { font-style: italic; color: var(--ink-soft); }
.poveste i.l { font-style: italic; font-weight: 600; color: var(--ink); letter-spacing: .01em; }

.poveste blockquote { margin: 1.55rem 0; padding: .22rem 0 .22rem 1.22rem; border-left: 3px solid var(--p-accent); border-radius: 0; background: none; font-size: 1.17rem; line-height: 1.55; color: var(--ink); }
.poveste blockquote cite { display: block; margin-top: .45rem; font: .78rem var(--p-sans); color: var(--ink-soft); font-style: normal; }

/* figurile: scanările au fundal alb în ambele teme */
.poveste figure.doc { margin: 1.67rem -2.2rem; }
/* <picture> (WebP cu JPEG de rezervă) nu face cutie proprie: regulile de mai jos se aplică imaginii, ca înainte */
.poveste picture, .dosar picture { display: contents; }
.poveste figure.doc img { display: block; width: 100%; height: auto; border-radius: 10px; background: #fff; box-shadow: var(--p-shadow); }
.poveste figure.doc.narrow { margin: 1.67rem auto; max-width: 24.4rem; }
.poveste figure.doc figcaption { font: .8rem/1.55 var(--p-sans); color: var(--ink-soft); margin: .55rem .22rem 0; }
.poveste figure.doc figcaption b { color: var(--ink); font-weight: 600; }
.poveste .pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.67rem -2.2rem; align-items: start; }
.poveste .pair figure.doc { margin: 0; }

.poveste .aside { background: var(--p-note); border-radius: 14px; padding: 1rem 1.22rem; margin: 1.67rem 0; font: .89rem/1.6 var(--p-sans); color: var(--ink-soft); }
.poveste .aside .t { font-weight: 600; color: var(--p-accent); letter-spacing: .06em; text-transform: uppercase; font-size: .69rem; display: block; margin-bottom: .33rem; }

/* tabelul */
.poveste .tbl { margin: 1.55rem -2.2rem; }
.poveste .tbl .cap { font: .8rem/1.55 var(--p-sans); color: var(--ink-soft); margin: 0 .22rem .55rem; }
.poveste .tbl-wrap { overflow-x: auto; background: var(--p-surface); border: 1px solid var(--line); border-radius: 12px; }
.poveste .tbl table { border-collapse: collapse; width: 100%; font: .8rem/1.5 var(--p-sans); color: var(--ink-soft); }
.poveste .tbl th, .poveste .tbl td { text-align: left; vertical-align: top; padding: .55rem .78rem; border-bottom: 1px solid var(--line); }
.poveste .tbl th { font-weight: 600; color: var(--ink); background: var(--p-note); font-size: .72rem; letter-spacing: .03em; }
.poveste .tbl tr:last-child td { border-bottom: 0; }
.poveste .tbl td.who { color: var(--ink); font-weight: 500; }
.poveste .tbl tr.ref td { background: var(--p-note); font-size: .75rem; }
.poveste .tbl tr:not(.ref) + tr.ref td { border-top: 2px solid var(--line); }

/* drumul semnului (capitolul 11) */
.poveste .relay { margin: 1.67rem 0; border-left: 2px solid var(--line); padding-left: 1.33rem; }
.poveste .relay .step { position: relative; margin-bottom: 1rem; }
.poveste .relay .step::before { content: ""; position: absolute; left: -1.72rem; top: .5rem; width: .67rem; height: .67rem; border-radius: 50%; background: var(--p-accent); }
.poveste .relay .yr { font: 600 .78rem var(--p-sans); color: var(--p-accent); }
.poveste .relay .who { font-weight: 600; }
.poveste .relay .what { color: var(--ink-soft); font-size: .94rem; }

/* „A fost o decizie de identitate?”: un card pe întrebare (doar copiii direcți, nu și div-urile din card) */
.poveste .verdict { display: grid; gap: .78rem; margin: 1.45rem 0; }
.poveste .verdict > div { background: var(--p-surface); border: 1px solid var(--line); border-radius: 12px; padding: .78rem 1rem; }
.poveste .verdict .q { font: 600 .83rem/1.4 var(--p-sans); color: var(--ink); }
.poveste .verdict .a { font-size: .94rem; color: var(--ink-soft); margin-top: .22rem; }
.poveste .verdict .tag { display: inline-block; white-space: nowrap; font: 600 .67rem/1.5 var(--p-sans); padding: 1px 8px; border-radius: 999px; margin-left: 6px; background: var(--p-soft); color: var(--p-accent); }

/* „Vezi diferența” */
.poveste .compare { display: flex; gap: .78rem; align-items: center; justify-content: center; margin: 1.2rem 0 .33rem; flex-wrap: wrap; }
.poveste .compare button { font: 500 .78rem var(--p-sans); border: 1px solid var(--line); background: var(--p-surface); color: var(--ink-soft); padding: .39rem .78rem; border-radius: 999px; cursor: pointer; }
.poveste .compare button[aria-pressed="true"] { background: var(--p-accent); border-color: var(--p-accent); color: var(--p-accent-ink); }
.poveste .specimen { text-align: center; font-size: clamp(3rem, 11vw, 5.33rem); line-height: 1.5; letter-spacing: .04em; margin: .33rem 0 .22rem; padding-bottom: .1em; }
.poveste .specimen-note { text-align: center; font: .78rem var(--p-sans); color: var(--ink-soft); }

/* cei care au făcut drumul */
.poveste .people { display: grid; grid-template-columns: repeat(auto-fill, minmax(7.1rem, 1fr)); gap: 1.22rem .78rem; margin: 1.45rem 0 .55rem; }
.poveste .people .era { grid-column: 1 / -1; display: flex; align-items: baseline; gap: .55rem; margin: .78rem 0 -.33rem; border-bottom: 1px solid var(--line); padding-bottom: .33rem; }
.poveste .people .era-t { font: 600 .72rem var(--p-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--p-accent); }
.poveste .people .era-y { font: .72rem var(--p-sans); color: var(--ink-soft); }
.poveste a.person { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; color: var(--ink); }
.poveste a.person .av { width: 5.33rem; height: 5.33rem; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--p-note); box-shadow: 0 0 0 3px var(--bg), 0 0 0 4px var(--line); transition: box-shadow .15s, transform .15s; }
.poveste a.person .av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.poveste a.person .mono { font: 600 1.67rem var(--p-serif); color: var(--ink-soft); letter-spacing: .02em; }
.poveste a.person:hover .av, .poveste a.person:focus-visible .av { box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px var(--p-accent); transform: translateY(-2px); }
.poveste a.person .pn { font: 600 .8rem/1.25 var(--p-sans); margin-top: .55rem; }
.poveste a.person .pl { font: .69rem/1.4 var(--p-sans); color: var(--ink-soft); margin-top: 2px; }
.poveste a.person .pr { font: .72rem/1.35 var(--p-sans); color: var(--ink-soft); margin-top: .28rem; }
.poveste .people-note, .poveste .people-hint { font: .75rem/1.55 var(--p-sans); color: var(--ink-soft); margin-top: 1rem; }
.poveste .people-hint { margin-top: -.22rem; }

/* salturile: fără scroll animat, deci ținta rămâne pe loc; antetul site-ului nu e fix */
.poveste [id^="p-"] { scroll-margin-top: 1rem; border-radius: 8px; }
.poveste section, .poveste sup.fn a { scroll-margin-top: 1rem; }
.poveste .flash { animation: p-flash 3s ease-out both; }
@keyframes p-flash {
  0%, 30% { background-color: color-mix(in srgb, var(--p-accent) 18%, transparent); box-shadow: 0 0 0 12px color-mix(in srgb, var(--p-accent) 18%, transparent); }
  100% { background-color: transparent; box-shadow: 0 0 0 12px transparent; }
}
@media (prefers-reduced-motion: reduce) { .poveste .flash { animation-duration: .01s; } .poveste a.person .av { transition: none; } }

/* notele */
.poveste sup.fn { font: 600 .6em var(--p-sans); line-height: 0; margin-left: 1px; white-space: nowrap; }
.poveste sup.fn a { color: var(--p-accent); text-decoration: none; padding: 0 2px; }
.poveste sup.fn a:hover { text-decoration: underline; }
.poveste sup.fn a:target { background: var(--p-soft); border-radius: 3px; }
.poveste .notes-intro { font: .83rem/1.6 var(--p-sans); color: var(--ink-soft); }
.poveste ol.notes { padding-left: 1.45rem; margin: 1rem 0 0; font: .8rem/1.6 var(--p-sans); color: var(--ink-soft); }
.poveste ol.notes li { margin: 0 0 .5rem; padding: 2px 6px; border-radius: 6px; scroll-margin-top: 1rem; overflow-wrap: anywhere; }
.poveste ol.notes li::marker { color: var(--p-accent); font-weight: 600; }
.poveste ol.notes li:target { background: var(--p-soft); }
.poveste ol.notes a.back { margin-left: 2px; text-decoration: underline; text-underline-offset: .15em; }

/* sursele de la final */
.poveste .p-sources { margin-top: 2.2rem; border-top: 1px solid var(--line); padding-top: 1.2rem; font: .8rem/1.65 var(--p-sans); color: var(--ink-soft); }
.poveste .p-sources h2 { font: 600 .78rem var(--p-sans); color: var(--ink); margin: 1rem 0 .35rem; text-transform: uppercase; letter-spacing: .08em; }
.poveste .p-sources ul { padding-left: 1rem; margin: .33rem 0; }

@media (max-width: 820px) {
  .poveste figure.doc, .poveste .pair, .poveste .tbl { margin-left: 0; margin-right: 0; }
}
@media (max-width: 600px) {
  .poveste { font-size: .97rem; }
  .poveste nav.toc ol { columns: 1; }
  .poveste .pair { grid-template-columns: 1fr; }
  .poveste blockquote { font-size: 1.05rem; }
  .poveste .lede { font-size: 1.05rem; }
}
@media print {
  .poveste .compare { display: none; }
  .poveste figure.doc img { box-shadow: none; }
}

/* ---------- Dosarul cercetării: documentele de lucru ---------- */
.dosar { max-width: 50rem; margin: 0 auto; padding: .4rem 0 3rem; font: .89rem/1.65 var(--p-sans); }
.dosar .d-nav { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.1rem; padding: .9rem 0 .7rem; border-bottom: 1px solid var(--line); font-size: .8rem; }
.dosar .d-nav .d-home { font-weight: 600; text-decoration: none; color: var(--ink); }
.dosar .d-nav .d-links { display: flex; flex-wrap: wrap; gap: .3rem .9rem; }
.dosar .d-nav .d-links a { color: var(--ink-soft); text-decoration: none; }
.dosar .d-nav .d-links a[aria-current="page"], .dosar .d-nav a:hover { color: var(--p-accent); text-decoration: underline; }
.dosar h1 { font: 600 clamp(1.55rem, 4vw, 2.1rem)/1.2 var(--p-serif); margin: 1.4rem 0 1rem; }
.dosar h2 { font: 600 1.33rem/1.3 var(--p-serif); margin: 2rem 0 .65rem; scroll-margin-top: 1rem; }
.dosar h3, .dosar h4 { font: 600 1rem/1.35 var(--p-serif); margin: 1.45rem 0 .45rem; scroll-margin-top: 1rem; }
.dosar ul, .dosar ol { padding-left: 1.22rem; }
.dosar li { margin: .17rem 0; }
.dosar li > ul, .dosar li > ol { margin: .22rem 0; }
.dosar code { font: .72rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; background: var(--p-note); padding: 1px 5px; border-radius: 4px; overflow-wrap: anywhere; }
.dosar blockquote { margin: 1rem 0; padding: .55rem .9rem; border-left: 3px solid var(--p-accent); background: var(--p-note); border-radius: 0 8px 8px 0; }
.dosar blockquote p { margin: .33rem 0; }
.dosar hr { border: 0; border-top: 1px solid var(--line); margin: 1.67rem 0; }
.dosar .tw { overflow-x: auto; margin: .9rem 0; border: 1px solid var(--line); border-radius: 10px; background: var(--p-surface); }
.dosar table { border-collapse: collapse; width: 100%; font-size: .78rem; }
.dosar th, .dosar td { text-align: left; vertical-align: top; padding: .45rem .55rem; border-bottom: 1px solid var(--line); }
.dosar th { background: var(--p-note); font-weight: 600; }
.dosar tr:last-child td { border-bottom: 0; }
.dosar a, .dosar code { overflow-wrap: anywhere; word-break: break-word; }
.dosar .src { font-size: .72rem; color: var(--ink-soft); margin: 0 0 .22rem; }
.dosar .muted { color: var(--ink-soft); }
.dosar .pn { display: flex; justify-content: space-between; gap: .67rem; margin-top: 2.5rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.dosar .pn a { text-decoration: none; font-weight: 500; }
.dosar .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .67rem; margin: 1.1rem 0; }
.dosar .card { display: flex; flex-direction: column; gap: .22rem; margin: 0; padding: .78rem .9rem; border: 1px solid var(--line); border-radius: 12px; background: var(--p-surface); text-decoration: none; color: var(--ink); }
.dosar .card:hover { border-color: var(--p-accent); }
.dosar .card b { font: 600 .94rem var(--p-serif); color: var(--p-accent); }
.dosar .card span { font-size: .78rem; color: var(--ink-soft); }
.dosar .notelist li { margin: .33rem 0; }
.dosar .plate { margin: 1.45rem 0; scroll-margin-top: 1rem; }
.dosar .plate img { display: block; width: 100%; height: auto; border-radius: 10px; background: #fff; border: 1px solid var(--line); }
.dosar .plate figcaption { font-size: .78rem; color: var(--ink-soft); margin-top: .45rem; }
.dosar .plate:target figcaption { color: var(--ink); }
.dosar .plate:target img { outline: 3px solid var(--p-accent); outline-offset: 3px; }
@media (max-width: 600px) { .dosar th, .dosar td { padding: .33rem .45rem; } }