/* ============================================================================
   argumente.css · §Argumente pro și contra — fără card.   ARG-1
   SCARA-STRICTA

   Sectiunea era un card cu titlu inauntru. Trece pe acelasi tipar ca „Date
   cheie”: titlul si fraza in antetul benzii, continutul dedesubt, pe toata
   latimea, fara card.

   DE CE BANDA LATA SI NU BANDA OBISNUITA
   --------------------------------------
   Pe desktop `.band` e grila `240px | 1fr` cu gutiera de 48px si trimite
   continutul in coloana a doua. `.pc` e la randul lui `1fr 1fr`, deci fiecare
   coloana de argumente ar primi `(latime − 288) / 2` — 356px pe o coloana de
   1000px, in loc de 500px. Cu argumente de 20-40 de cuvinte, diferenta e intre
   trei randuri si cinci per argument. De aceea sectiunea a FOST card. Varianta
   `lata` (01-blocuri.css) da aceeasi latime fara card.
   ============================================================================ */

/* ⚠ ARG-2. Sectiunea revine la banda OBISNUITA, cu titlul in coloana din
     stanga, ca la Valoare justa. Costul e cel masurat mai sus: fiecare coloana
     primeste ~356px in loc de 500px pe o coloana de 1000px. Compensam prin
     carduri, care dau conturul si aerul pe care banda nu le mai da. */

/* `.pc` avea `margin-top:20px` fata de antetul cardului disparut; spatiul vine
   acum din `.dek+*`. */
.mdsx .band .pc {
	margin-top: 0;
}

/* ── #7 · CELE DOUA COLOANE, IN CARDURI PE DESKTOP ──────────────────────────
   Pe mobil ramane comutatorul Pro/Contra cu o singura coloana vizibila — acolo
   un card in plus ar fi doar un chenar in jurul intregului ecran.

   Valorile sunt ale lui `.mdsx .cd` (mds-design.css:718), luate din tokenii
   care il oglindesc, nu rescrise. */
@container mdsx (min-width:900px){
	.mdsx .band .pc {
		gap: 0 var(--s-4);
		align-items: start;
	}
	.mdsx .band .pc__col {
		padding: var(--s-5);
		background: var(--cd-bg);
		border: 1px solid var(--cd-line);
		border-radius: var(--cd-r);
	}
}