/*
 * Ritme i espaiat del contingut.
 *
 * AQUEST FITXER ES CARREGA DUES VEGADES: al web i dins de l'editor de wp-admin.
 * És el que fa que l'editora vegi mentre escriu el mateix que veurà publicat.
 *
 * Per això està escrit amb SELECTORS D'ELEMENT (p, h2, ul...) i no amb classes:
 * l'editor anteposa `.editor-styles-wrapper` a cada selector, de manera que un
 * `.comunicat p` no hi encaixaria mai i la previsualització mentiria.
 *
 * El preu és que aquestes regles també toquen la capçalera i el peu. No passa
 * res: el chrome del style.css es defineix amb classes, i una classe sempre
 * guanya a un element per especificitat, independentment de l'ordre de càrrega.
 *
 * Els colors, les famílies i les MIDES de lletra no són aquí: són a theme.json
 * (vegeu CONTRIBUTING.md). Aquí només hi ha ritme vertical.
 *
 * L'única excepció són dues REFERÈNCIES al burdeus (`var(--wp--preset--color--
 * burdeus)`), a la cita i a la línia de separació. No és duplicar el valor: el
 * valor continua sent només a theme.json i aquí només se n'invoca el nom. Van
 * aquí i no al style.css perquè si no, l'editora escriuria una cita amb una
 * barra negra i es publicaria amb una de burdeus.
 */

p {
	margin: 0 0 1.25em;
}

/* Més aire que abans a sobre dels títols: amb la condensada del cartell els
   títols són molt més grossos, i amb 2,5rem quedaven enganxats al paràgraf
   anterior. */
h1,
h2,
h3,
h4 {
	margin: 3rem 0 1rem;
}

/*
 * Les excepcions de vora (el primer bloc sense marge a dalt, l'últim sense
 * marge a baix) NO són aquí: `:first-child` sense acotar té la mateixa
 * especificitat que una classe i competiria amb el chrome. Van al style.css,
 * acotades dins de `.comunicat`.
 */

ul,
ol {
	margin: 0 0 1.25em;
	padding-left: 1.5em;
}

li {
	margin-bottom: 0.35em;
}

blockquote {
	margin: 2rem 0;
	padding-left: 1.25rem;
	border-left: 3px solid var(--wp--preset--color--burdeus, #9e303e);
}

figure {
	margin: 2rem 0;
}

img {
	max-width: 100%;
	height: auto;
}

/* La separació del cartell és un filet burdeus de cap a cap, no una ratlla
   grisa. El bloc «Separador» del nucli porta les seves pròpies regles amb
   classe i guanya per especificitat: la seva versió és al style.css. */
hr {
	margin: 3rem auto;
	border: 0;
	border-top: var(--wp--custom--filet, 4px) solid var(--wp--preset--color--burdeus, #9e303e);
	opacity: 1;
}

table {
	width: 100%;
	margin: 0 0 1.25em;
	border-collapse: collapse;
}

th,
td {
	padding: 0.5rem;
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* ── Els títols de dins del contingut van a l'ESQUERRA ──────────────────────
   El que es centra és el títol de la PÀGINA (`.titol-document`, a style.css).
   Els encapçalaments de dins —les seccions del manifest, les persones dels
   enllaços, cada acte— no: són subtítols que encapçalen text, i el text va a
   l'esquerra. Centrats quedaven despenjats del que anuncien.

   No cal cap regla per a això: és el que fan els encapçalaments per defecte.
   Queda escrit perquè ja s'ha provat de centrar-los un cop i no funcionava,
   i perquè el criteri no s'endevina mirant el CSS. */