/* ═══════════════════════════════════════════════════════════════════════════
   99-pagina-latime.css · latimea paginii de activ pe desktop        LOT 148

   CERUT: pe desktop pagina sa fie mai ingusta. Sidebar-ul ramane lipit in
   stanga, gradientul animat din erou ramane pe toata latimea, iar restul -
   textul eroului, capitolele, subsolul - se aduna pe o coloana centrata.

   ⚠ CE ERA, MASURAT in Chromium, pe 7 pagini (actiune, moneda, marfa, doi
     indici, fond, valuta), pe un ecran de 1920px:
       capitolele   text de la 300 la 1820px, adica 1520px, lipit de sidebar
       eroul        text de la 284 la 1436px (plafon 1200, aliniat la stanga)
       subsolul     pe toata coloana
     Deci eroul si capitolele nici macar nu incepeau din acelasi loc (284 fata
     de 300), iar pe 2560px capitolele ajungeau la 1600px de text.

   ⚠ ACUM: o singura latime de text, `--x-lat` (1120px, aleasa de Mihai din
     1120 / 1200 / 1320 pe previzualizare), centrata in coloana. Toate trei au acelasi
     plafon si aceeasi margine interioara (40px, cea a capitolelor), deci
     textul eroului, al capitolelor si al subsolului incep din acelasi punct.
     Pe 1440px coloana are 1180px, deci textul are 1100px si aproape nu se
     schimba; de la ~1460px in sus apare aer egal in stanga si in dreapta.
     Pe 1920px textul sta intre 530 si 1650px.

   ⚠ DOAR PE DESKTOP. Capitolele au regula in interogarea de container de la
     900px (ca in `mds-design.css`), eroul si subsolul de la 1160px de ecran,
     adica exact cand coloana principala trece de 900px (1160 = 260 de
     sidebar + 900). Sub asta, nimic nu se schimba.

   ⚠ DOAR PE PAGINA DE ACTIV. Toate regulile stau sub `.mds-asset__main`,
     unde e declarata si `--x-lat`. Pagina de metodologie foloseste si ea
     `.mdsx__in`, dar in afara lui `main`, deci nu e atinsa.

   ⚠ INTOARCEREA: se sterge fisierul. Nicio alta foaie nu depinde de el.
   ═══════════════════════════════════════════════════════════════════════════ */

.mds-asset__main{ --x-lat:1120px; }

/* capitolele: aceeasi cutie ca pana acum (margine de 40px), doar centrata si
   cu alt plafon. `mds-design.css` o lipea la stanga cu `margin-inline:0`. */
@container mdsx (min-width:900px){
  .mds-asset__main .mdsx__in{ max-width:calc(var(--x-lat) + 80px); margin-inline:auto; }
}

@media (min-width:1160px){
  /* eroul: fundalul animat ramane pe toata latimea (`.mds-ahero` nu se
     atinge), doar continutul lui se centreaza, cu marginea capitolelor */
  .mds-asset__main .mds-ahero__in{ max-width:calc(var(--x-lat) + 80px); margin-inline:auto; padding-left:40px; padding-right:40px; }

  /* subsolul: linia de sus si fundalul raman pe toata latimea */
  .mds-asset__main .mds-footer .mds-container{ max-width:calc(var(--x-lat) + 80px); margin-inline:auto; padding-left:40px; padding-right:40px; }
}

/* ⚠⚠ TITLUL SE RUPE CAND DOUA CAPITOLE STAU PE UN RAND. Prins la masuratoare,
   nu gandit: pe Dow Jones, „compozitie" sta langa alt capitol in
   `.xef__2` (`94-etf.css:304`), fiecare pe jumatate din coloana. `.xan__t`
   are `text-wrap:nowrap` (`20-grup2.css:94`), iar „Din ce domenii e format
   Dow Jones Industrial Average" are 701px. Pe coloana veche (1520px) incapea
   in romana; pe cea noua jumatatea are ~540px, titlul impingea grila afara
   din capitol si pagina derula pe orizontala (1944px la un ecran de 1920).
   In germana si franceza iesea deja si pe coloana veche.
   ⚠ `balance`, ca la `98-cripto.css:677`: un titlu care incape ramane pe un
     rand, neschimbat; doar cel prea lung se rupe, in doua randuri egale. */
.mds-asset__main .xef__2 .xan__t{ text-wrap:balance; }