/*
 * Articoli su fondo chiaro.
 * Riassegna i colori del tema sgrasso solo dentro il contenuto principale degli articoli:
 * header e footer (fuori da <main>) restano scuri.
 * Contrasti verificati (WCAG 2.2): testo #2A2F42 su bianco 13,3:1; titoli #0D101C 18,9:1;
 * link #0766C2 5,7:1; testo secondario #4A5068 8,0:1.
 */
body.single-post main {
	--wp--preset--color--base: #FFFFFF;
	--wp--preset--color--base-2: #F5F6FA;
	--wp--preset--color--text: #2A2F42;
	--wp--preset--color--contrast: #0D101C;
	--wp--preset--color--accent-light: #0766C2;
	--wp--preset--color--muted: #4A5068;
	--wp--custom--line: rgba(13, 16, 28, 0.14);
	--wp--custom--card: #F5F6FA;
	--wp--custom--card-border: rgba(13, 16, 28, 0.12);
	--sg-line: rgba(13, 16, 28, 0.14);
	--sg-surface: #F5F6FA;
	--sg-raised: #FFFFFF;
	background-color: #FFFFFF;
	color: #2A2F42;
	padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

body.single-post main :where(h1, h2, h3, h4, h5, h6) {
	color: #0D101C;
}

/* Titoli leggermente più pieni: su fondo chiaro il peso 300 risulta esile. */
body.single-post main :where(h1, h2) {
	font-weight: 400;
}

/* Link nel testo: blu e sottolineati, per riconoscerli senza affidarsi solo al colore. */
body.single-post main :where(p, li, td, figcaption, .wp-block-post-content) a:not(.wp-element-button):not(.wp-block-button__link) {
	color: #0766C2;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}
body.single-post main :where(p, li, td, figcaption, .wp-block-post-content) a:not(.wp-element-button):not(.wp-block-button__link):hover {
	color: #0A57A6;
}

/* Pulsanti: testo bianco sul blu (5,7:1). */
body.single-post main :where(.wp-element-button, .wp-block-button__link) {
	color: #FFFFFF;
}

/* Breadcrumb e meta (data, categoria). */
body.single-post main :where(.rank-math-breadcrumb, .wp-block-post-date, .wp-block-post-terms) {
	color: #4A5068;
}
body.single-post main .rank-math-breadcrumb a {
	color: #4A5068;
}

/* Tabelle, citazioni, codice. */
body.single-post main :where(table) {
	border-color: rgba(13, 16, 28, 0.14);
}
body.single-post main :where(th, td) {
	border-color: rgba(13, 16, 28, 0.14);
}
body.single-post main :where(thead th, th) {
	background-color: #F5F6FA;
	color: #0D101C;
}
body.single-post main :where(blockquote, .wp-block-quote) {
	border-left: 3px solid #0766C2;
	background-color: #F5F6FA;
	padding: 1rem 1.25rem;
}
body.single-post main :where(code, pre) {
	background-color: #F1F2F6;
	color: #0D101C;
}

/* Riquadri «In breve», FAQ e card del tema che usano la superficie scura. */
body.single-post main :where(.has-base-2-background-color, .has-base-background-color) {
	color: #2A2F42;
}
body.single-post main :where(details) {
	border-color: rgba(13, 16, 28, 0.14);
}

/* Riquadro «Guida in PDF»: un bordo lo separa dal fondo bianco. */
body.single-post main .sgpdf-box {
	border: 1px solid #EBDDC9;
	border-top: 4px solid #E3C77A;
}

/* Focus visibile su fondo chiaro. */
body.single-post main :where(a, button, input, summary):focus-visible {
	outline: 2px solid #0766C2;
	outline-offset: 3px;
}