/**
 * Il modulo dell'annuncio — il minimo che il tema non ha già.
 *
 * ⛔ Qui NON si ridisegna niente di quello che il tema disegna: `.modulo`,
 * `.modulo__gruppo`, `.modulo__campo`, `.pulsante` e i token stanno in
 * `radar-theme/assets/css/ossatura.css` e `radar.css`, e questo foglio si
 * accoda dopo di loro. Quattro regole, e sono tutte per pezzi che nel tema non
 * esistono ancora: il riquadro dell'informativa, quello dell'obbligo
 * differito, quello delle esenzioni e la riga delle scelte del passo 1.
 *
 * ⚠ **Questa pagina è un tubo.** Nasce per funzionare, e un disegno approvato
 * non ce l'ha: usa i token del tema perché non stoni, non perché sia stata
 * disegnata. → rapporto turno 11.
 */

/* L'informativa dell'art. 13: si legge prima di scrivere, quindi si vede. */
.annuncio__privacy {
	max-width: var(--colonna-lead, 42rem);
	margin: 0 0 1.5rem;
	padding: 1rem 1.125rem;
	border: 1px solid var(--bordo, #d8d3ca);
	border-radius: var(--raggio-medio, 8px);
	background: var(--superficie-alt, #f6f4f0);
}

.annuncio__privacy p { margin: 0 0 .5rem; }
.annuncio__privacy p:last-child { margin-bottom: 0; }
.annuncio__privacy-nota { font-size: .9375rem; color: var(--testo-2, #5b554c); }

/*
 * L'obbligo differito: si distingue da un errore e da un'esenzione, perché non
 * è né l'uno né l'altra — l'APE è dovuta, ed è solo più avanti.
 */
.annuncio__differito .modulo__esito {
	border-left: 3px solid var(--oro-vivo, #b8860b);
	font-weight: 600;
}

/* Le esenzioni: un blocco dentro un blocco, e si deve vedere che è annidato. */
.annuncio__esenzioni {
	margin-top: 1rem;
	padding-left: 1rem;
	border-left: 2px solid var(--bordo, #d8d3ca);
}

/* Le quattro scelte del passo 1, richiamate in cima al passo 2. */
.annuncio__scelte { font-size: 1rem; }

/*
 * Lotto N, riparazione ROSSO 2 (11/9/2026). `templates/pubblica-annuncio.php`
 * eredita `.pagina__corpo` da `singular.php` — corretto per un testo
 * (`max-width: var(--colonna-lead)`, 38em/608px), sbagliato per un modulo:
 * a 1440 schiacciava `.modulo` (che da solo vorrebbe `--colonna-modulo`,
 * 56rem/896px — vedi `ossatura.css` §1) dentro quella colonna stretta,
 * senza nemmeno centrarla (`.pagina__corpo` non ha `margin-inline: auto`,
 * quindi restava incollata al bordo sinistro del `.contenitore`). Non si
 * tocca `ossatura.css`, che non è di questo lotto: la stessa misura di
 * lavoro del modulo da 42 campi di `scheda-professionista.php` si applica
 * qui via una classe in più, sul foglio che questa pagina già carica.
 * Sotto i 700px (`ossatura.css` §12) `.pagina__corpo` non ha vincoli di
 * `max-width` da questa regola: resta la colonna piena già buona sul
 * telefono, verificata a 375 e 390 — non si tocca.
 */
.pagina__corpo--annuncio {
	max-width: var(--colonna-modulo, 56rem);
	margin-inline: auto;
}

/*
 * 🔴 Secondo cancello del lotto N: la testa era rimasta indietro.
 *
 * La regola qui sopra centra il **corpo** a 896px; `.pagina__capo`
 * (`ossatura.css:1413`) non ha nessun `max-width`, quindi occhiello e titolo
 * restavano larghi quanto la pagina e partivano da **x=16** mentre il modulo
 * partiva da **x=272**. Due assi, misurati: **256 px di scarto** a 1440, zero
 * sotto i ~928 px — il difetto nasce esattamente dove il tetto comincia a
 * mordere, cioè dentro la larghezza che questa riparazione doveva sistemare.
 *
 * ⛔ Non si rimedia con `text-align`: su `/io` la prima riparazione del lotto
 * G fece proprio quello e **non centrò niente** — un blocco col suo
 * `max-width` vuole la **misura**, non l'allineamento del testo. Qui si dà
 * alla testa **la stessa identica misura** del corpo, così i due condividono
 * un asse per costruzione e non per coincidenza.
 */
.pagina__capo--annuncio {
	max-width: var(--colonna-modulo, 56rem);
	margin-inline: auto;
}