/* stil-A.css · completările de stil ale părții A, peste `app.css` (copia stilului din monolit, rândurile 8–798).
   Cuprinde numai ce nu exista în original: legăturile din bară (<a class="ln">, în loc de <button>), legăturile accesului direct de pe hartă
   și harta PE RÂNDURI (C388). Folosește aceleași variabile de culoare ca originalul, deci urmează tema și culoarea aleasă. */

/* pașii barei sunt legături: aceeași înfățișare ca butoanele din original */
a.ln{text-decoration:none;color:inherit}
a.ln:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
a.hdesch{text-decoration:underline}
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.side .tree a{text-decoration:none}

/* harta pe rânduri: un rând pe noțiune (numele, accesele directe, micro-noțiunile ca pastile); fișa nodului sub rândul apăsat, pe toate lățimile */
.hranduri{display:grid;gap:10px}
.hrand{border-radius:16px;border:2px solid color-mix(in srgb,var(--ec) 40%,var(--line));background:color-mix(in srgb,var(--ec) 7%,var(--surface));padding:10px 12px;display:grid;gap:8px;min-width:0}
.hrand h4{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--ec) 75%,var(--ink));overflow-wrap:break-word}
.hpastile{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.hpastile .hnode{flex:1 1 220px;min-width:0}
.hpastile .hnext{flex:1 1 100%;font-size:13px;color:var(--mute);font-weight:700}
.hslot:empty{display:none}
.hslot .hinfo{margin:0}
@media (max-width:760px){.hpastile .hnode{flex:1 1 100%}}

/* textul static al paginii, când sesiunea e închisă */
main#continut{max-width:980px;margin:0 auto;padding:12px 16px 40px}

/* 3.1.5-B · rândul „Ce faci aici” (expunere.actiune) de pe ecranele lecțiilor v8 */
.stage .actiune{margin:0;color:var(--mute);font-size:15px;border-left:4px solid var(--pri);padding-left:10px}
.stage .actiune b{color:var(--ink)}