/* ontopsis.com — foaia comună, ediția 0.4 (17.10.2026): Burebi în prim-plan; produsul, pilotul, dovada și contactul se văd.
   Stilistica: hi-tech (rețea fină, mono tehnic, lumini de jad) alături de Renaștere (pergament, aur, serif clasic, fresca lui Michelangelo).
   Paleta și efectele vin din site-ul vechi (cerneală, pergament, aur, jad; graful animat, apariția la derulare, punctul care respiră).
   Nimic de la terți: fonturile stau în fonturi/ (OFL), imaginile în imagini/. Conținutul se vede și fără JavaScript; mișcarea respectă «reducere». */
:root {
  --fundal: #ECE8DD;            /* pergament */
  --fundal-2: #E2DDCF;
  --suprafata: #F6F3EA;
  --text: #0B1A1F;              /* cerneală */
  --text-slab: #3D5450;
  --linie: rgba(11, 26, 31, .16);
  --linie-2: rgba(11, 26, 31, .28);
  --accent: #7A5A10;            /* aur închis: contrast AA pe pergament */
  --accent-plin: #C9A24B;       /* aurul frescei, pentru suprafețe */
  --pe-accent: #0B1A1F;
  --jad: #1F6F57;
  --accent-slab: rgba(201, 162, 75, .16);
  --atentie: #8A4B00;
  --retea: rgba(11, 26, 31, .045);
  --serif: 'Spectral', "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sans: 'IBM Plex Sans', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fundal: #0B1A1F; --fundal-2: #0F2429; --suprafata: #102A30; --text: #ECE8DD; --text-slab: #9DB0AD;
    --linie: rgba(236, 232, 221, .12); --linie-2: rgba(236, 232, 221, .24); --accent: #C9A24B; --accent-plin: #C9A24B; --pe-accent: #0B1A1F;
    --jad: #5DCAA5; --accent-slab: rgba(201, 162, 75, .12); --atentie: #F0B45A; --retea: rgba(93, 202, 165, .05); color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --fundal: #0B1A1F; --fundal-2: #0F2429; --suprafata: #102A30; --text: #ECE8DD; --text-slab: #9DB0AD;
  --linie: rgba(236, 232, 221, .12); --linie-2: rgba(236, 232, 221, .24); --accent: #C9A24B; --accent-plin: #C9A24B; --pe-accent: #0B1A1F;
  --jad: #5DCAA5; --accent-slab: rgba(201, 162, 75, .12); --atentie: #F0B45A; --retea: rgba(93, 202, 165, .05); color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: var(--fundal); color: var(--text); font: 300 17px/1.65 var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden;
  /* rețeaua fină a planului de construcție: hi-tech, abia vizibilă */
  background-image: linear-gradient(var(--retea) 1px, transparent 1px), linear-gradient(90deg, var(--retea) 1px, transparent 1px);
  background-size: 48px 48px;
}
strong, b { font-weight: 600; }
a { color: var(--accent); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
::selection { background: var(--accent-plin); color: #0B1A1F; }
:focus-visible { outline: 2px solid var(--accent-plin); outline-offset: 3px; border-radius: 2px; }

.sari { position: absolute; left: -999px; }
.sari:focus { left: 16px; top: 8px; background: var(--suprafata); padding: 6px 10px; z-index: 60; }

/* ── antetul: lipit sus, cu voal ── */
header.sus { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--linie); background: color-mix(in srgb, var(--fundal) 88%, transparent); backdrop-filter: blur(8px); }
.bara { max-width: 72rem; margin: 0 auto; padding: 12px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.marca { font: 500 1.3rem/1 var(--serif); color: var(--text); text-decoration: none; letter-spacing: .01em; margin-right: auto; display: inline-flex; align-items: center; gap: 9px; }
.marca::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-plin); box-shadow: 0 0 0 4px var(--accent-slab); }
.marca .sub { font: 400 .78rem/1 var(--mono); color: var(--text-slab); letter-spacing: .08em; text-transform: uppercase; }
nav.meniu { display: flex; flex-wrap: wrap; gap: 4px 18px; order: 3; flex-basis: 100%; }   /* rândul al doilea: marca și tema sus, meniul întreg dedesubt */
nav.meniu a { color: var(--text-slab); text-decoration: none; font: 400 .82rem/1.4 var(--mono); letter-spacing: .03em; padding: 4px 0; }
nav.meniu a[aria-current="page"] { color: var(--text); border-bottom: 2px solid var(--accent-plin); }
nav.meniu a:hover { color: var(--text); }
nav.meniu a.contact { color: var(--accent); font-weight: 500; }
button.tema { font: 400 .78rem/1 var(--mono); color: var(--text-slab); background: none; border: 1px solid var(--linie-2); border-radius: 2px; padding: 6px 10px; cursor: pointer; }
.subnav { max-width: 72rem; margin: 0 auto; padding: 0 16px 10px; display: flex; flex-wrap: wrap; gap: 4px 16px; font: 400 .8rem/1.4 var(--mono); }
.subnav a { color: var(--text-slab); text-decoration: none; }
.subnav a[aria-current="page"] { color: var(--accent); }

/* ── pagina ── */
main { max-width: 72rem; margin: 0 auto; padding: 0 16px 72px; }
.text { max-width: 46rem; }
.cap { padding: 64px 0 30px; }
.eticheta { font: 500 .74rem/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--accent); margin: 0 0 16px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; line-height: 1.12; letter-spacing: -.01em; }
h1 { font-size: clamp(2.3rem, 6vw, 4.2rem); margin: 0 0 22px; }
h1 em, h2 em { font-style: italic; color: var(--accent); }
h2 { font-size: clamp(1.6rem, 3.4vw, 2.5rem); margin: 72px 0 18px; }
h3 { font-size: 1.28rem; font-weight: 500; margin: 26px 0 8px; }
.lead { font-size: clamp(1.05rem, 1.5vw, 1.2rem); color: var(--text-slab); max-width: 44rem; }
.lead strong { color: var(--text); font-weight: 400; }
.slab, .nota { color: var(--text-slab); }
.nota { font-size: .9rem; }
section { scroll-margin-top: 110px; }

/* titlul care urcă rând cu rând (din site-ul vechi) */
.ln { display: block; overflow: hidden; }
.ln > span { display: block; }
.js .ln > span { transform: translateY(105%); transition: transform .9s cubic-bezier(.2, .8, .2, 1); }
.js .cap.in .ln > span { transform: none; }
.js .cap.in .ln:nth-child(2) > span { transition-delay: .12s; }

/* apariția la derulare */
.js .rv { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.js .rv.in { opacity: 1; transform: none; }

/* ── butoanele de acțiune ── */
.actiuni { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 12px; }
.actiuni a { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 2px; text-decoration: none; font: 500 .85rem/1.2 var(--mono); letter-spacing: .03em; border: 1px solid var(--accent-plin); transition: transform .2s, background-color .2s, border-color .2s; }
.actiuni a.principal { background: var(--accent-plin); color: var(--pe-accent); }
.actiuni a.principal::after { content: "→"; }
.actiuni a.secundar { background: transparent; color: var(--text); border-color: var(--linie-2); }
.actiuni a:hover { transform: translateY(-1px); }
.actiuni a.secundar:hover { border-color: var(--accent-plin); }

/* ── fresca: Renașterea, sub lumina ecranului ── */
.fresca { position: relative; margin: 18px calc(50% - 50vw) 0; height: clamp(220px, 42vw, 520px); overflow: hidden; border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); background: #0B1A1F; }
.fresca .pictura { position: absolute; inset: 0; background: url('imagini/crearea-lui-adam-maini-900.jpg') center / cover no-repeat; filter: sepia(.35) saturate(.85) contrast(1.05); }
@media (min-width: 900px) { .fresca .pictura { background-image: url('imagini/crearea-lui-adam-maini.jpg'); } }
.fresca::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(11, 26, 31, .55), transparent 22%, transparent 78%, rgba(11, 26, 31, .55)),
              repeating-linear-gradient(0deg, rgba(11, 26, 31, .10) 0 1px, transparent 1px 4px); }   /* liniile ecranului */
.fresca svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.fresca .semnatura { position: absolute; right: 12px; bottom: 8px; z-index: 2; font: 400 .7rem/1.3 var(--mono); color: #ECE8DD; background: rgba(11, 26, 31, .7); padding: 3px 8px; border-radius: 2px; letter-spacing: .04em; }
.scanteie { fill: #C9A24B; }
.scanteie-halou { fill: none; stroke: #C9A24B; stroke-width: 1.2; transform-box: fill-box; transform-origin: center; }
.js .scanteie-halou { animation: respira 4s ease-in-out infinite; }
.fir { stroke: rgba(93, 202, 165, .6); stroke-width: 1.1; fill: none; }
.js .fir { stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.8s ease; }   /* pathLength="100" pe fiecare fir */
.js .fresca.in .fir { stroke-dashoffset: 0; }
.nod { fill: #5DCAA5; }
@keyframes respira { 0%, 100% { transform: scale(1); opacity: .5; } 50% { transform: scale(1.9); opacity: 0; } }

/* lectura frescei */
.lectura { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 18px 48px; margin: 56px 0 24px; align-items: start; }
.lectura h2 { margin-top: 0; }
.lectura p { margin: 0 0 14px; }
.lectura .citat-lectura { font: italic 400 1.3rem/1.5 var(--serif); color: var(--text); border-left: 2px solid var(--accent-plin); padding-left: 18px; }

/* banda de afirmații (din site-ul vechi, rescrisă pe fapte) */
.banda { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 calc(50% - 50vw); padding: 0 max(16px, calc(50vw - 36rem)); border-bottom: 1px solid var(--linie); background: var(--fundal-2); }
.banda > div { padding: 26px 22px 24px; border-right: 1px solid var(--linie); }
.banda > div:last-child { border-right: none; }
.banda .k { font: 500 .7rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-slab); margin: 0 0 8px; }
.banda .v { font: 400 1.2rem/1.3 var(--serif); margin: 0; }
.banda .v b { color: var(--accent); font-weight: 500; }

/* ── cardurile, cu linia de aur care crește (din site-ul vechi) ── */
.grila { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); margin: 22px 0; }
.carte { position: relative; background: var(--suprafata); border: 1px solid var(--linie); border-radius: 3px; padding: 24px 22px 18px; transition: border-color .25s, transform .25s; }
.carte::before { content: ""; position: absolute; top: -1px; left: -1px; height: 2px; width: 64px; background: var(--accent-plin); }
.js .carte.rv::before { width: 0; transition: width .6s ease .2s; }
.js .carte.rv.in::before { width: 64px; }
.carte:hover { border-color: var(--linie-2); transform: translateY(-2px); }
.carte h3 { margin-top: 0; }
.carte p { margin: 0 0 8px; color: var(--text-slab); }
.carte .rol { display: block; font: 500 .72rem/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; }
.carte a.mai-mult { display: inline-block; margin-top: 8px; font: 500 .82rem/1.4 var(--mono); text-decoration: none; }
.carte a.mai-mult::after { content: " →"; }

/* pașii */
ol.bucla { list-style: none; padding: 0; margin: 22px 0; counter-reset: pas; display: grid; gap: 12px; }
ol.bucla li { counter-increment: pas; background: var(--suprafata); border: 1px solid var(--linie); border-radius: 3px; padding: 16px 18px 14px 64px; position: relative; color: var(--text-slab); }
ol.bucla li::before { content: counter(pas, decimal-leading-zero); position: absolute; left: 18px; top: 16px; font: 500 .85rem/1.6 var(--mono); color: var(--accent); }
ol.bucla strong { font: 500 1.08rem/1.4 var(--serif); color: var(--text); }

/* fluxul: o întrebare intră, o cifră verificabilă iese (din site-ul vechi) */
.flux { display: flex; border: 1px solid var(--linie); border-radius: 3px; overflow: hidden; background: var(--suprafata); margin: 22px 0; }
.flux > div { flex: 1; padding: 20px 18px; border-right: 1px solid var(--linie); position: relative; }
.flux > div:last-child { border-right: none; }
.flux .k { font: 500 .7rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--accent); margin: 0 0 8px; }
.flux p { margin: 0; font-size: .92rem; color: var(--text-slab); }
.flux p b { color: var(--text); font-weight: 500; }

/* graful animat (semnătura site-ului vechi) */
.cu-graf { position: relative; overflow: hidden; }
.cu-graf > svg.graf { position: absolute; top: 0; right: -6%; width: 58%; height: 100%; z-index: 0; opacity: .9; pointer-events: none; }
.cu-graf > .text { position: relative; z-index: 1; }
.graf line { stroke: color-mix(in srgb, var(--jad) 45%, transparent); stroke-width: .8; }
.graf circle { fill: var(--jad); }
.graf circle.aur { fill: var(--accent-plin); }
.graf text { font: 400 11px var(--mono); fill: var(--text-slab); letter-spacing: .05em; }
.graf text.aur { fill: var(--accent); }

ol.principii { padding-left: 0; list-style: none; counter-reset: pr; }
ol.principii > li { counter-increment: pr; padding: 20px 0 18px; border-top: 1px solid var(--linie); }
ol.principii > li:last-child { border-bottom: 1px solid var(--linie); }
ol.principii .enunt { font: 400 1.35rem/1.35 var(--serif); margin: 0 0 6px; }
ol.principii .enunt::before { content: counter(pr, decimal-leading-zero) "  "; color: var(--accent); font: 500 .9rem var(--mono); }
ol.principii p { margin: 0; color: var(--text-slab); }

blockquote.definitie { margin: 28px 0; padding: 22px 24px; background: var(--suprafata); border: 1px solid var(--linie); border-left: 3px solid var(--accent-plin); border-radius: 3px; font: 400 1.15rem/1.6 var(--serif); }
blockquote.definitie p { margin: 0 0 10px; }
blockquote.definitie p:last-child { margin-bottom: 0; }
blockquote.citat { margin: 26px 0; padding: 6px 0 6px 22px; border-left: 2px solid var(--accent-plin); font: italic 400 clamp(1.3rem, 2.4vw, 1.7rem)/1.4 var(--serif); }
blockquote.citat p { margin: 0 0 10px; }
blockquote.citat footer { font: 400 .8rem/1.5 var(--mono); font-style: normal; color: var(--text-slab); }
.temelie { margin: 44px 0; padding: 30px 28px; background: var(--accent-slab); border: 1px solid var(--linie); border-radius: 3px; }
.temelie h2 { margin-top: 0; }

.cuprins { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 12px 0; font: 400 .85rem/1.5 var(--mono); }
dl.lexicon { margin: 0; }
dl.lexicon > div { padding: 18px 0 16px; border-top: 1px solid var(--linie); scroll-margin-top: 110px; }
dl.lexicon dt { font: 400 1.3rem/1.3 var(--serif); }
dl.lexicon dt .nr { color: var(--accent); font: 500 .85rem var(--mono); margin-right: 8px; }
dl.lexicon dd { margin: 6px 0 0; }
dl.lexicon dd p { margin: 0 0 6px; }
.nu { color: var(--text-slab); }
.nu b { color: var(--text); font-weight: 600; }

table { border-collapse: collapse; width: 100%; font-size: .95rem; margin: 18px 0; }
.tabel { overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--linie); }
th { font: 500 .72rem/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-slab); background: var(--fundal-2); }
td.data { white-space: nowrap; color: var(--text-slab); font-family: var(--mono); font-size: .85rem; }

.limita { border: 1px solid var(--linie); border-left: 3px solid var(--atentie); border-radius: 3px; padding: 14px 18px; margin: 14px 0; background: var(--suprafata); }
.limita p { margin: 0 0 6px; }
.limita p:last-child { margin: 0; }

.plan { display: flex; flex-direction: column; }
.plan .pret { font: 400 1.5rem/1.3 var(--serif); margin: 4px 0 12px; color: var(--text); }
.plan ul { margin: 0 0 14px; padding-left: 1.1rem; color: var(--text-slab); }
.plan .actiuni { margin-top: auto; }
details.intrebare { border-top: 1px solid var(--linie); padding: 14px 0; }
details.intrebare:last-of-type { border-bottom: 1px solid var(--linie); }
details.intrebare summary { cursor: pointer; font: 500 1.05rem/1.4 var(--serif); }
details.intrebare p { margin: 8px 0 0; color: var(--text-slab); }
.de-completat { background: var(--accent-slab); color: var(--text); padding: 0 4px; border-radius: 2px; font-family: var(--mono); font-size: .85em; }

/* angajamentul (punctul care respiră, din site-ul vechi) */
.angajament { text-align: center; max-width: 44rem; margin: 64px auto; }
.angajament .punct { display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--jad); margin: 0 auto 26px; position: relative; }
.angajament .punct::after { content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 1px solid var(--jad); opacity: .4; }
.js .angajament .punct::after { animation: respira 4s ease-in-out infinite; }
.angajament p { font: 400 clamp(1.25rem, 2.4vw, 1.65rem)/1.5 var(--serif); margin: 0; }
.angajament p em { color: var(--accent); }
.angajament .semn { display: block; margin-top: 18px; font: 400 .8rem/1.5 var(--mono); color: var(--text-slab); letter-spacing: .06em; }

.mai-departe { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 12px; }
.mai-departe a { display: inline-block; padding: 11px 18px; border: 1px solid var(--linie-2); border-radius: 2px; text-decoration: none; background: transparent; color: var(--text); font: 400 .85rem/1.3 var(--mono); }
.mai-departe a:hover { border-color: var(--accent-plin); }

footer.jos { border-top: 1px solid var(--linie); background: var(--fundal-2); }
footer.jos .bara { display: block; color: var(--text-slab); font-size: .88rem; padding: 26px 16px 40px; }
footer.jos p { margin: 0 0 8px; max-width: 52rem; }

@media (max-width: 860px) {
  .banda { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .banda > div:nth-child(2) { border-right: none; }
  .banda > div:nth-child(-n+2) { border-bottom: 1px solid var(--linie); }
  .lectura { grid-template-columns: 1fr; }
  .flux { flex-direction: column; }
  .flux > div { border-right: none; border-bottom: 1px solid var(--linie); }
  .flux > div:last-child { border-bottom: none; }
  .cu-graf > svg.graf { width: 110%; right: -40%; opacity: .35; }
}
@media (max-width: 560px) {
  body { font-size: 16px; }
  .cap { padding-top: 40px; }
  ol.bucla li { padding-left: 54px; }
  th, td { padding: 9px 8px; }
  .banda > div { padding: 18px 14px; }
  .fresca .semnatura { font-size: .6rem; right: 6px; bottom: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .rv, .js .ln > span { opacity: 1; transform: none; }
  .js .fir { stroke-dashoffset: 0; }
}


/* ═══ Ediția 0.4: produsul se vede, pilotul se citește pe scurt, dovada și contactul se pot parcurge ═══ */

/* caseta «cui i se adresează acum»: jad, nu portocaliu — e o informație de orientare, nu o limită */
.caseta { border: 1px solid var(--linie); border-left: 3px solid var(--jad); border-radius: 3px; padding: 14px 18px; margin: 18px 0; background: var(--suprafata); max-width: 46rem; }
.caseta p { margin: 0 0 6px; }
.caseta p:last-child { margin: 0; }
.caseta .k { font: 500 .7rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--jad); margin-bottom: 6px; }
.cap .actiuni + .legatura-mica { margin: 4px 0 0; font-size: .92rem; }

/* pilotul pe scurt, ca tabel citibil dintr-o privire */
table.pilot th[scope="row"] { width: 11rem; font: 500 .72rem/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--accent); background: transparent; border-bottom: 1px solid var(--linie); }
table.pilot td { color: var(--text); }
table.pilot td small { display: block; color: var(--text-slab); font-size: .85rem; margin-top: 2px; }

/* cifre mari, cu data lor sub ele */
.cifre { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); margin: 22px 0; }
.cifre > div { background: var(--suprafata); border: 1px solid var(--linie); border-radius: 3px; padding: 16px 16px 12px; }
.cifre .n { font: 400 2.1rem/1.1 var(--serif); color: var(--accent); margin: 0 0 6px; }
.cifre .t { margin: 0; font-size: .9rem; color: var(--text-slab); }

/* ecranul ilustrativ: structura reală a unui răspuns, cu date inventate, marcat vizibil */
.ecran { border: 1px solid var(--linie-2); border-radius: 4px; background: var(--suprafata); margin: 22px 0; overflow: hidden; }
.ecran .bara-ecran { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; padding: 8px 16px; background: var(--fundal-2); border-bottom: 1px solid var(--linie); font: 500 .7rem/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-slab); }
.ecran .bara-ecran .ilustrativ { color: var(--atentie); }
.ecran .corp { padding: 18px 20px 6px; }
.ecran .intrebare-ex { font: 500 1.12rem/1.4 var(--serif); margin: 0 0 14px; padding-left: 12px; border-left: 2px solid var(--accent-plin); }
.ecran .raspuns { margin: 0 0 14px; }
.ecran .raspuns p { margin: 0 0 8px; }
.ecran table { font-size: .9rem; margin: 10px 0 14px; }
.ecran td.nr, .ecran th.nr { text-align: right; font-family: var(--mono); white-space: nowrap; }
.ecran .fisa { display: grid; gap: 0; border-top: 1px solid var(--linie); margin: 0 -20px; }
.ecran .fisa > div { padding: 12px 20px; border-bottom: 1px solid var(--linie); }
.ecran .fisa > div:last-child { border-bottom: none; }
.ecran .fisa .k { font: 500 .68rem/1.4 var(--mono); letter-spacing: .15em; text-transform: uppercase; color: var(--accent); margin: 0 0 4px; }
.ecran .fisa p { margin: 0; font-size: .93rem; color: var(--text-slab); }
.ecran .fisa p b { color: var(--text); font-weight: 500; }
.ecran code { font: 400 .82rem/1.5 var(--mono); background: var(--fundal-2); padding: 1px 5px; border-radius: 2px; }

/* capturile reale din aplicație */
figure.captura { margin: 26px 0; }
figure.captura img { display: block; width: 100%; height: auto; border: 1px solid var(--linie-2); border-radius: 3px; background: var(--fundal-2); }
figure.captura figcaption { margin-top: 8px; font: 400 .82rem/1.55 var(--mono); color: var(--text-slab); max-width: 52rem; }
figure.captura figcaption strong { color: var(--text); font-weight: 500; }
.galerie { display: grid; gap: 22px; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); }
.galerie figure.captura { margin: 0; }

/* contactul fără fricțiune */
.contact-rapid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); margin: 22px 0; }
.contact-rapid > div { background: var(--suprafata); border: 1px solid var(--linie); border-radius: 3px; padding: 16px 18px; }
.contact-rapid .k { font: 500 .7rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--accent); margin: 0 0 6px; }
.contact-rapid .adresa { font: 500 1.02rem/1.4 var(--mono); word-break: break-all; margin: 0 0 10px; }
button.copiaza { font: 500 .78rem/1 var(--mono); color: var(--text); background: transparent; border: 1px solid var(--linie-2); border-radius: 2px; padding: 8px 12px; cursor: pointer; }
button.copiaza:hover { border-color: var(--accent-plin); }
.copiat { margin-left: 10px; font: 400 .8rem var(--mono); color: var(--jad); }
pre.model-mesaj { white-space: pre-wrap; font: 400 .85rem/1.6 var(--mono); background: var(--fundal-2); border: 1px solid var(--linie); border-radius: 3px; padding: 14px 16px; margin: 10px 0; color: var(--text-slab); }

/* schema de securitate */
svg.schema { width: 100%; height: auto; max-width: 52rem; margin: 18px 0; }
svg.schema .cutie { fill: var(--suprafata); stroke: var(--linie-2); stroke-width: 1.2; }
svg.schema .cutie-aur { fill: var(--accent-slab); stroke: var(--accent-plin); stroke-width: 1.4; }
svg.schema .cutie-gol { fill: none; stroke: var(--linie-2); stroke-width: 1.2; stroke-dasharray: 5 4; }
svg.schema text { font: 400 12.5px var(--sans); fill: var(--text); }
svg.schema text.mic { font: 400 11px var(--mono); fill: var(--text-slab); }
svg.schema text.titlu-cutie { font: 500 11px var(--mono); letter-spacing: .1em; fill: var(--accent); text-transform: uppercase; }
svg.schema .sageata { stroke: var(--jad); stroke-width: 1.6; fill: none; marker-end: url(#varf); }
svg.schema .sageata-gol { stroke: var(--text-slab); stroke-width: 1.2; stroke-dasharray: 5 4; fill: none; }

/* testul Ontopsis */
fieldset.intrebare-test { border: 1px solid var(--linie); border-radius: 3px; background: var(--suprafata); margin: 12px 0; padding: 14px 18px 10px; }
fieldset.intrebare-test legend { font: 500 1.02rem/1.4 var(--serif); padding: 0 6px; }
fieldset.intrebare-test label { display: inline-flex; align-items: center; gap: 6px; margin: 4px 18px 6px 0; cursor: pointer; font: 400 .9rem var(--mono); }
fieldset.intrebare-test p { margin: 0 0 6px; font-size: .88rem; color: var(--text-slab); }
.scor { position: sticky; bottom: 0; background: var(--fundal); border-top: 1px solid var(--linie-2); padding: 12px 0; font: 500 1rem var(--mono); z-index: 5; }
.scor .bara-scor { height: 6px; background: var(--fundal-2); border-radius: 3px; margin-top: 8px; overflow: hidden; }
.scor .bara-scor > span { display: block; height: 100%; background: var(--jad); width: 0; transition: width .3s; }

/* subsolul cu legături */
footer.jos .legaturi-subsol { line-height: 1.9; }
footer.jos .legaturi-subsol a { white-space: nowrap; }

/* rândurile încă neconfirmate din tabelul de dovezi */
tr.provizoriu td { background: var(--accent-slab); }
.jurnal-editie { border-top: 1px solid var(--linie); padding: 20px 0 6px; }
.jurnal-editie h3 { margin-top: 0; }
.jurnal-editie .data { font: 500 .8rem var(--mono); color: var(--accent); letter-spacing: .08em; }

@media (max-width: 560px) {
  table.pilot th[scope="row"] { width: auto; display: block; border-bottom: none; padding-bottom: 0; }
  table.pilot td { display: block; padding-top: 2px; }
  .galerie { grid-template-columns: 1fr; }
  .ecran .corp { padding: 14px 14px 4px; }
  .ecran .fisa { margin: 0 -14px; }
  .ecran .fisa > div { padding: 10px 14px; }
}
@media print {
  header.sus, footer.jos, .sari, button, .actiuni, .mai-departe { display: none !important; }
  body { background: #fff; color: #000; font-size: 10.5pt; line-height: 1.45; background-image: none; }
  main { max-width: none; padding: 0; }
  h1 { font-size: 20pt; } h2 { font-size: 13pt; margin: 14pt 0 5pt; } h3 { font-size: 11pt; margin: 8pt 0 3pt; }
  a { color: #000; text-decoration: none; }
  .carte, .ecran, .limita, .caseta { break-inside: avoid; border-color: #999; }
  .js .rv { opacity: 1 !important; transform: none !important; }
}
.carte.ales { border-color: var(--accent-plin); box-shadow: 0 0 0 3px var(--accent-slab); }
/* comutatorul de limbă din antet (RO | EN) */
a.limba { font: 500 .78rem/1 var(--mono); color: var(--text-slab); border: 1px solid var(--linie-2); border-radius: 2px; padding: 6px 9px; text-decoration: none; letter-spacing: .08em; }
a.limba:hover { color: var(--text); border-color: var(--accent-plin); }