/* ============================================================================
   15-metodologie.css · pagina „Cum calculam cele trei indicatoare"
   Marcajul: `inc/sections/x-metodologie.php`, prin `template-metodologie.php`.

   ⚠ Prefixul 15 e dupa 14 (Argumente): folderul se incarca alfabetic prin
     `glob` (`01-css-sectiuni.php:31`). Nu e nevoie de nicio inregistrare.

   ⚠ TOATE JETOANELE SUNT ALE TEMEI, din `20-grup2.css:23-37` si `00-shell.css`.
     Niciunul redefinit aici.

   ⚠⚠ E O PAGINA DE CITIT, NU UN TABLOU DE BORD. De aia masura textului e
      limitata la 68 de caractere si nu exista carduri: un articol de noua mii
      de caractere rupt in cutii se citeste mai greu, nu mai usor. Singurele
      accente sunt cele doua clase de mai jos, si sunt rare dinadins.
   ============================================================================ */

.xmg__wrap{ padding:40px 0 96px; }

.xmg{ font-family:var(--xf); letter-spacing:-.004em; color:var(--xc-ink);
  max-width:68ch; margin:0 auto; }

/* ══ ANTETUL ═══════════════════════════════════════════════════════════════ */
.xmg__cap{ margin:0 0 34px; }
.xmg__t{ margin:0; font-size:var(--xt-1, clamp(30px,4.6vw,44px)); font-weight:700;
  line-height:1.12; letter-spacing:-.026em; color:var(--xc-ink); }
.xmg__lede{ margin:14px 0 0; font-size:var(--xt-4); line-height:1.6;
  color:var(--xc-ink2); }

/* ══ CAPITOLELE ════════════════════════════════════════════════════════════
   ⚠ `scroll-margin-top` OBLIGATORIU pe titluri: cuprinsul duce la ancore, iar
     antetul lipit al temei ar fi acoperit titlul la fiecare sarit. Aceeasi
     conventie ca peste tot, 78px pe mobil si 82px pe desktop
     (`verdict.css:345-357`). */
.xmg__s{ margin:0 0 40px; scroll-margin-top:78px; }
.xmg__h{ margin:0 0 14px; font-size:var(--xt-3); font-weight:700;
  line-height:1.2; letter-spacing:-.022em; color:var(--xc-ink);
  scroll-margin-top:78px; }
.xmg__p{ margin:0 0 15px; font-size:var(--xf-sm); line-height:1.68;
  color:var(--xc-ink2); }
.xmg__p:last-child{ margin-bottom:0; }
.xmg__p b{ color:var(--xc-ink); font-weight:600; }

/* ⚠ LISTA DE FAMILII, nu un card: doar putin fond si putin aer, ca ochiul sa
   vada ca e o enumerare, nu inca un paragraf. */
.xmg__fam{ padding:15px 18px; border-radius:var(--xr-i,22px);
  background:var(--xs-inset); color:var(--xc-ink2); }

/* ⚠ NOTA DE LIMITARE. Doua paragrafe din toata pagina o poarta, si amandoua
   spun ce NU putem masura. Marcajul e o linie verticala discreta, nu o culoare
   de avertizare: nu e o eroare, e o precizare. */
.xmg__nota{ padding:2px 0 2px 16px; border-left:2px solid var(--xc-ink4);
  color:var(--xc-ink2); }

.xmg__jos{ margin:48px 0 0; padding:18px 0 0;
  background:var(--xsep) no-repeat top/100% 1px; }
.xmg__jos .xmg__p{ font-size:var(--xt-7); color:var(--xc-ink4); }

.xmg__extra{ max-width:68ch; margin:40px auto 0; }

@media (min-width:900px){
  .xmg__s, .xmg__h{ scroll-margin-top:82px; }
  .xmg__wrap{ padding:56px 0 120px; }
}