/* ============================================================
   SavaSpin — foglio di stile principale
   Ordine delle regole: cascade (token -> reset -> base -> blocchi -> utilita)
   ============================================================ */

/* ---------- Caratteri ospitati sul dominio ---------- */

@font-face {
	font-family: 'Syne Site';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/frames/disp-6b.woff2') format('woff2');
}

@font-face {
	font-family: 'Syne Site';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/frames/disp-7b.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter Site';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/frames/read-4a.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter Site';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/frames/read-6a.woff2') format('woff2');
}

/* ---------- Token della build ---------- */

:root {
	/* tinte */
	--hue-root: #011010;
	--hue-spot: #49f5f6;
	--hue-accent-strong: #26f7ed;
	--hue-sheet: #010c0c;
	--hue-surface-2: #04191a;
	--hue-letters: #ffffff;
	--hue-muted: #bfbfbf;
	--hue-rule: rgba(255, 255, 255, 0.12);
	--hue-edge-hard: rgba(255, 255, 255, 0.3);
	--hue-fade-top: #c4fcfd;
	--hue-ramp-end: #80f9f3;
	--hue-notice: #ba181b;

	/* ritmo verticale */
	--gap-hair: 6px;
	--gap-tiny: 14px;
	--gap-snug: 20px;
	--gap-base: 32px;
	--gap-wide: 48px;
	--gap-roomy: 72px;
	--gap-vast: 96px;
	--gap-huge: 128px;
	--pad-band: 52px;
	--pad-band-narrow: 36px;

	/* geometria industriale: nessun raggio */
	--rd-hair: 0;
	--rd-tiny: 0;
	--rd-snug: 0;
	--rd-base: 0;
	--rd-wide: 0;
	--rd-roomy: 0;
	--rd-vast: 0;
	--rd-huge: 0;
	--rd-pill: 0;
	--rd-round-full: 50%;

	/* famiglie */
	--typ-title: 'Syne Site', 'Trebuchet MS', sans-serif;
	--typ-reading: 'Inter Site', 'Helvetica Neue', Arial, sans-serif;

	/* corpi */
	--sz-h1: clamp(29px, 4.2vw, 48px);
	--sz-h2: clamp(24px, 3vw, 36px);
	--sz-display-3: clamp(20px, 2.1vw, 26px);
	--sz-display-4: clamp(18px, 1.7vw, 21px);
	--sz-sm-2: 18px;
	--sz-xs-2: 16px;
	--sz-body: 19px;
	--sz-fine: 16px;
	--sz-xs: 14px;

	/* interlinea, peso, spaziatura */
	--ld-close: 1.2;
	--ld-base: 1.7;
	--ld-roomy: 1.9;
	--fw-normal: 400;
	--fw-demi: 600;
	--fw-thick: 700;
	--tr-narrow: -0.02em;
	--tr-base: 0;
	--tr-spread: 0.08em;

	/* rilievi */
	--elev-hair: none;
	--elev-tiny: none;
	--elev-snug: 0 1px 0 rgba(0, 0, 0, 0.08);
	--elev-base: 0 2px 0 rgba(0, 0, 0, 0.12);
	--elev-wide: 0 4px 0 rgba(0, 0, 0, 0.16);
	--elev-roomy: 0 6px 0 rgba(0, 0, 0, 0.2);
	--elev-vast: 0 8px 0 rgba(0, 0, 0, 0.24);
	--elev-huge: 0 12px 0 rgba(0, 0, 0, 0.28);

	/* tempi e curve del movimento */
	--tm-quick: 126ms;
	--tm-base: 260ms;
	--tm-calm: 421ms;
	--crv-out: cubic-bezier(0.11, 0.77, 0.37, 0.97);
	--crv-start: cubic-bezier(0.59, 0.02, 0.47, 0.98);
	--crv-smooth: cubic-bezier(0.59, 0.02, 0.47, 0.98);
	--crv-overshoot: cubic-bezier(0.4, 0.9, 0.7, 0.95);
	--mo-lift: 2px;
	--mo-scale: 1.025;
	--mo-zoom: 1.045;
	--mo-bar: 4px;
	--mo-rise: 30px;

	/* contenitori */
	--wrp-max: 1300px;
	--wrp-readable: 1300px;
	--wrp-narrow: 640px;
	--wrp-padding-desktop: 48px;
	--wrp-padding-tablet: 32px;
	--wrp-edge-narrow: 16px;
	--wrp-edge: 48px;

	/* bordi */
	--bd-fine: 1px;
	--bd-base: 2px;
	--bd-wide: 4px;

	/* soglie */
	--stop-sm: 520px;
	--stop-md: 820px;
	--stop-lg: 1180px;
	--stop-xl: 1560px;

	/* righe della testata */
	--top-tall: 78px;
	--top-size-mobile: 66px;
	--top-belt: 52px;
}

/* ---------- Reset ---------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	overflow-x: clip;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-block-start: 150px;
}

body {
	margin: 0;
	background: var(--hue-sheet);
	color: var(--hue-letters);
	font-family: var(--typ-reading);
	font-size: var(--sz-body);
	font-weight: var(--fw-normal);
	line-height: var(--ld-base);
	letter-spacing: var(--tr-base);
	-webkit-font-smoothing: antialiased;
}

body.is-lit {
	animation: sheet-enter var(--tm-calm) var(--crv-out) both;
}

@keyframes sheet-enter {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

img,
svg,
video {
	display: block;
	max-width: 100%;
}

img {
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--typ-title);
	font-weight: var(--fw-thick);
	line-height: var(--ld-close);
	letter-spacing: var(--tr-narrow);
	color: var(--hue-letters);
	overflow-wrap: anywhere;
	margin: 0;
}

h1 {
	font-size: var(--sz-h1);
}

h2 {
	font-size: var(--sz-h2);
}

h3 {
	font-size: var(--sz-display-3);
}

h4 {
	font-size: var(--sz-display-4);
}

h5 {
	font-size: var(--sz-sm-2);
}

h6 {
	font-size: var(--sz-xs-2);
}

p {
	margin: 0 0 var(--gap-snug);
}

ul,
ol {
	margin: 0 0 var(--gap-snug);
	padding-inline-start: var(--gap-base);
}

li {
	margin-block-end: var(--gap-hair);
}

a {
	color: var(--hue-spot);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: background-color var(--tm-quick) var(--crv-out), color var(--tm-quick) var(--crv-out);
}

a:hover {
	background-color: rgba(73, 245, 246, 0.16);
	color: var(--hue-accent-strong);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible {
	outline: var(--bd-base) solid var(--hue-spot);
	outline-offset: 3px;
}

strong {
	font-weight: var(--fw-demi);
}

table {
	border-collapse: collapse;
}

/* ---------- Accessibilita ---------- */

.skip-jump {
	position: absolute;
	inset-inline-start: var(--gap-snug);
	z-index: 300;
	background: var(--hue-spot);
	color: var(--hue-sheet);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	padding: var(--gap-tiny) var(--gap-snug);
	text-decoration: none;
	top: 12px;
}

.skip-jump:not(:focus) {
	top: -200px !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Comparsa progressiva ---------- */

[data-fx] {
	opacity: 0;
	transform: translateY(var(--mo-rise));
	transition: opacity var(--tm-calm) var(--crv-out), transform var(--tm-calm) var(--crv-out);
}

[data-fx].is-shown {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}

	[data-fx] {
		opacity: 1;
		transform: none;
	}
}

/* ---------- Testata: riga principale + fascia delle sezioni ---------- */

.imposte {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--hue-root);
	border-block-end: 0;
}

.imposte-bar {
	display: flex;
	align-items: center;
	gap: var(--gap-snug);
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	min-height: var(--top-tall);
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
	padding-block: var(--gap-hair);
	transition: min-height var(--tm-base) var(--crv-smooth);
}

.imposte.is-shrunk .imposte-bar {
	min-height: 62px;
}

.imposte-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
	background: transparent;
}

.imposte-logo:hover {
	background: transparent;
}

.imposte-logo img,
.imposte-logo-img {
	flex-shrink: 0;
	height: 40px;
	width: auto;
	transition: height var(--tm-base) var(--crv-smooth);
}

.imposte.is-shrunk .imposte-logo img {
	height: 34px;
}

.imposte-buttons {
	display: flex;
	align-items: center;
	gap: var(--gap-tiny);
	margin-left: auto;
}

.imposte-flag {
	display: inline-block;
	width: 24px;
	height: 16px;
	flex-shrink: 0;
	border: var(--bd-fine) solid var(--hue-edge-hard);
	background-image: linear-gradient(90deg, #008c45 0 33.33%, #f4f5f0 33.33% 66.66%, #cd212a 66.66% 100%);
}

.imposte-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--gap-snug);
	border-radius: var(--rd-base);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tr-base);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: transform var(--tm-quick) var(--crv-out), background-color var(--tm-quick) var(--crv-out), color var(--tm-quick) var(--crv-out);
}

.imposte-action--quiet {
	border: var(--bd-fine) solid var(--hue-edge-hard);
	background: transparent;
	color: var(--hue-letters);
}

.imposte-action--quiet:hover {
	background: rgba(255, 255, 255, 0.08);
	color: var(--hue-letters);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

.imposte-tap {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 46px;
	min-height: 44px;
	margin-left: auto;
	border: var(--bd-fine) solid var(--hue-edge-hard);
	border-radius: var(--rd-base);
	background: transparent;
	color: var(--hue-letters);
	cursor: pointer;
}

.imposte-tap span {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--hue-letters);
}

.imposte-belt {
	border-block-start: var(--bd-fine) solid var(--hue-rule);
	background: var(--hue-root);
}

.imposte-menu {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.imposte-queue {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 9px;
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: var(--top-belt);
	height: 52px;
	overflow: hidden;
}

.imposte-one {
	display: flex;
	align-items: center;
	margin: 0;
}

.imposte-one + .imposte-one::before {
	content: '\00b7';
	color: var(--hue-muted);
	margin-inline-end: 9px;
}

.imposte-href {
	position: relative;
	display: inline-block;
	padding: 4px 2px;
	color: var(--hue-letters);
	font-family: var(--typ-reading);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: var(--tr-spread);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: transform var(--tm-quick) var(--crv-out), color var(--tm-quick) var(--crv-out);
}

.imposte-href:hover {
	background: transparent;
	color: var(--hue-spot);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

.imposte-href[aria-current='page'] {
	color: var(--hue-spot);
	padding-inline-start: 10px;
}

.imposte-href[aria-current='page']::before {
	content: '';
	position: absolute;
	inset-block: 2px;
	inset-inline-start: 0;
	width: var(--mo-bar);
	background: var(--hue-spot);
}

/* pannello mobile: elenco piatto di tutte le sezioni */

.imposte-pane {
	display: none;
	border-block-start: var(--bd-fine) solid var(--hue-rule);
	background: var(--hue-root);
	max-height: 70vh;
	overflow-y: auto;
}

.imposte-pane.is-open {
	display: block;
}

.imposte-pane ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.imposte-pane li {
	margin: 0;
}

.imposte-drop {
	display: block;
	padding: 14px var(--wrp-edge-narrow);
	border-block-end: var(--bd-fine) solid var(--hue-rule);
	color: var(--hue-letters);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-normal);
	letter-spacing: var(--tr-spread);
	text-transform: uppercase;
	text-decoration: none;
}

.imposte-drop:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--hue-spot);
}

.imposte-drop[aria-current='page'] {
	color: var(--hue-spot);
	border-inline-start: var(--mo-bar) solid var(--hue-spot);
}

.imposte-shelf {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--gap-tiny);
	padding: var(--gap-snug) var(--wrp-edge-narrow);
}

.imposte-shelf .imposte-flag {
	align-self: flex-start;
}

@media (max-width: 1099px) {
	.imposte-belt {
		display: none;
	}
}

@media (min-width: 1100px) {
	.imposte-tap {
		display: none;
	}

	.imposte-pane {
		display: none !important;
	}
}

@media (max-width: 639px) {
	.imposte-bar {
		padding-inline: 14px;
		min-height: var(--top-size-mobile);
		gap: 10px;
	}

	.imposte-buttons {
		gap: 8px;
	}

	.imposte-logo img {
		height: 30px;
	}

	.imposte.is-shrunk .imposte-logo img {
		height: 30px;
	}

	.imposte.is-shrunk .imposte-bar {
		min-height: var(--top-size-mobile);
	}

	.imposte-action--quiet {
		display: none;
	}

	.imposte-flag {
		display: none;
	}

	.imposte-shelf .imposte-flag {
		display: inline-block;
	}

	.imposte-tap {
		min-width: 44px;
	}
}

@media (max-width: 389px) {
	.imposte-bar .imposte-action {
		display: none;
	}
}

@media (max-width: 719px) {
	.rg-long {
		display: none;
	}
}

@media (min-width: 640px) and (max-width: 1099px) {
	.imposte-bar {
		padding-inline: var(--wrp-padding-tablet);
	}

	.imposte-menu {
		padding-inline: var(--wrp-padding-tablet);
	}
}

/* ---------- Fascia 18+ sotto la testata ---------- */

.rg-band {
	background: var(--hue-notice);
	color: var(--hue-letters);
	font-family: var(--typ-reading);
	font-size: var(--sz-xs);
	line-height: 1.45;
	text-align: center;
	margin: 0;
	padding: 9px var(--wrp-edge-narrow);
}

.rg-band a {
	color: var(--hue-letters);
	text-decoration: underline;
}

.rg-band a:hover {
	background: rgba(255, 255, 255, 0.18);
	color: var(--hue-letters);
}

/* ---------- Primo schermo: riquadro in alto, testo sotto ---------- */

.repere {
	padding-block-end: var(--pad-band);
	background: var(--hue-sheet);
}

.repere-figure {
	position: relative;
	margin: 0;
	height: 400px;
	overflow: hidden;
}

.repere-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--tm-calm) var(--crv-out);
}

.repere-figure::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	height: 140px;
	background: linear-gradient(180deg, rgba(1, 12, 12, 0), var(--hue-sheet));
	pointer-events: none;
}

.repere-figure:hover img {
	transform: scale(var(--mo-zoom));
}

.repere-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
	padding-block-start: var(--gap-base);
}

.repere-core h1 {
	margin-block-end: var(--gap-snug);
}

.repere-deck {
	max-width: var(--wrp-narrow);
	color: var(--hue-muted);
	font-size: var(--sz-sm-2);
	line-height: var(--ld-roomy);
	margin-block-end: var(--gap-snug);
}

.repere-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-tiny);
	margin-block-end: var(--gap-tiny);
}

.repere-fine {
	display: block;
	max-width: var(--wrp-narrow);
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	line-height: 1.6;
}

/* ---------- Intestazione di pagina ---------- */

.fresque {
	padding-block: var(--pad-band);
	border-block-end: var(--bd-fine) solid var(--hue-rule);
	background: var(--hue-sheet);
}

.fresque-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.fresque-chip {
	display: block;
	color: var(--hue-spot);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tr-spread);
	text-transform: uppercase;
	margin-block-end: var(--gap-tiny);
}

.fresque-head {
	margin-block-end: var(--gap-snug);
}

.fresque-rule {
	width: 96px;
	height: var(--bd-base);
	background: var(--hue-spot);
	margin-block-end: var(--gap-snug);
}

.fresque-words {
	color: var(--hue-muted);
	font-size: var(--sz-sm-2);
	line-height: var(--ld-roomy);
	margin-block-end: var(--gap-snug);
}

.fresque-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-tiny);
}

.fresque-fine {
	display: block;
	max-width: var(--wrp-narrow);
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	line-height: 1.6;
	margin-block-start: var(--gap-tiny);
}

/* ---------- Testo corrente: primo capoverso in grassetto ---------- */

.vitrail {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.vitrail-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.vitrail-block {
	margin-block-end: var(--gap-base);
}

.vitrail-block:last-child {
	margin-block-end: 0;
}

.vitrail-block h2 {
	font-size: var(--sz-h2);
	font-weight: var(--fw-thick);
	margin-block-start: var(--gap-snug);
	margin-block-end: var(--gap-tiny);
}

.vitrail-block:first-child h2 {
	margin-block-start: 0;
}

.vitrail-block p {
	line-height: var(--ld-base);
	margin-block-end: var(--gap-tiny);
}

.vitrail-block > p:first-of-type {
	font-weight: var(--fw-demi);
	color: var(--hue-letters);
}

.vitrail-block ul,
.vitrail-block ol {
	margin-block-end: var(--gap-tiny);
	padding-inline-start: var(--gap-base);
}

.vitrail-block li {
	margin-block-end: var(--gap-hair);
	line-height: var(--ld-base);
}

.vitrail-href {
	color: var(--hue-spot);
}

.vitrail-figure {
	margin: var(--gap-base) 0;
}

.vitrail-figure img {
	width: 100%;
	max-width: 560px;
	height: auto;
	border: var(--bd-fine) solid var(--hue-rule);
}

.vitrail-figure--wide img {
	max-width: 760px;
}

.vitrail-cap {
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	line-height: 1.6;
	margin-block-start: var(--gap-hair);
}

.vitrail-call {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-tiny);
	border-block: var(--bd-fine) solid var(--hue-rule);
	padding-block: var(--gap-snug);
	margin-block: var(--gap-base);
}

.vitrail-note {
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	margin: 0;
}

/* ---------- Griglia compatta a quattro colonne ---------- */

.tympan {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.tympan-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.tympan-core > h2 {
	margin-block-end: var(--gap-base);
}

.tympan-queue {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-snug);
	list-style: none;
	margin: 0;
	padding: 0;
}

.tympan-brick {
	display: flex;
	flex-direction: column;
	min-height: 180px;
	margin: 0;
	padding: var(--gap-base);
	background: rgba(73, 245, 246, 0.04);
	border: var(--bd-fine) solid var(--hue-rule);
	border-radius: var(--rd-snug);
	transition: border-color var(--tm-base) var(--crv-out);
}

.tympan-brick:hover {
	border-color: var(--hue-spot);
}

.tympan-icon {
	width: 30px;
	height: 30px;
	fill: var(--hue-spot);
	margin-block-end: var(--gap-tiny);
}

.tympan-head {
	font-size: var(--sz-display-4);
	margin-block-end: var(--gap-hair);
}

.tympan-words {
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	line-height: var(--ld-base);
	margin: 0;
}

.tympan-plug {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--gap-tiny);
	min-height: 180px;
	margin: 0;
	padding: var(--gap-base);
	background: var(--hue-surface-2);
	border: var(--bd-fine) solid var(--hue-spot);
}

.tympan-plug p {
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	margin: 0;
}

@media (max-width: 1179px) {
	.tympan-queue {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 819px) {
	.tympan-queue {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 519px) {
	.tympan-queue {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- Domande sempre aperte ---------- */

.ardoise {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.ardoise-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.ardoise-core > h2 {
	margin-block-end: var(--gap-base);
}

.ardoise-queue {
	display: block;
}

.ardoise-one {
	border-block-end: var(--bd-fine) solid var(--hue-rule);
	padding-block: var(--gap-snug);
}

.ardoise-ask {
	display: block;
	position: relative;
	list-style: none;
	cursor: pointer;
	padding-inline-start: var(--gap-base);
}

.ardoise-ask::-webkit-details-marker {
	display: none;
}

.ardoise-ask::before {
	content: '\2013';
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	color: var(--hue-spot);
	font-family: var(--typ-title);
	font-size: var(--sz-display-3);
	line-height: var(--ld-close);
}

.ardoise-one:not([open]) .ardoise-ask::before {
	content: '+';
}

.ardoise-ask h3 {
	font-size: var(--sz-display-4);
	font-weight: var(--fw-thick);
	margin: 0;
}

.ardoise-reply {
	padding-inline-start: var(--gap-base);
	padding-block-start: var(--gap-tiny);
	animation: reply-open var(--tm-base) var(--crv-out) both;
}

@keyframes reply-open {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.ardoise-reply p {
	color: var(--hue-muted);
	line-height: var(--ld-roomy);
	margin: 0;
}

/* ---------- Voci dei giocatori: elenco sottolineato ---------- */

.loggia {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.loggia-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.loggia-core > h2 {
	margin-block-end: var(--gap-base);
}

.loggia-queue {
	list-style: none;
	margin: 0;
	padding: 0;
}

.loggia-one {
	border-block-end: var(--bd-fine) dotted var(--hue-edge-hard);
	padding-block: var(--gap-base);
	margin: 0;
}

.loggia-bar {
	font-size: var(--sz-body);
	margin-block-end: var(--gap-hair);
}

.loggia-who {
	font-weight: var(--fw-demi);
	color: var(--hue-letters);
}

.loggia-score {
	color: var(--hue-muted);
}

.loggia-time {
	color: var(--hue-muted);
}

.loggia-words {
	color: var(--hue-muted);
	line-height: var(--ld-roomy);
	margin: 0;
}

/* ---------- Tabella densa ---------- */

.voussure {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.voussure-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.voussure-cap {
	color: var(--hue-muted);
	font-family: var(--typ-title);
	font-size: var(--sz-display-4);
	margin-block-end: var(--gap-snug);
}

.voussure-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.voussure-grid {
	width: 100%;
	min-inline-size: 560px;
	border-collapse: collapse;
}

.voussure-grid th,
.voussure-grid td {
	padding: var(--gap-tiny) var(--gap-snug);
	font-size: var(--sz-fine);
	text-align: start;
	border-block-end: var(--bd-fine) solid rgba(255, 255, 255, 0.06);
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: none;
}

.voussure-grid thead th {
	background: var(--hue-surface-2);
	color: var(--hue-letters);
	font-family: var(--typ-reading);
	font-size: var(--sz-xs);
	font-weight: var(--fw-thick);
	letter-spacing: var(--tr-spread);
	text-transform: uppercase;
}

.voussure-grid tbody td {
	color: var(--hue-muted);
}

.voussure-grid tbody td:first-child {
	color: var(--hue-letters);
	font-weight: var(--fw-demi);
}

/* ---------- Blocco di richiamo: testo + pannello ---------- */

.poteau {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.poteau-core {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
	border: var(--bd-fine) solid var(--hue-rule);
}

.poteau-inside {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: var(--gap-roomy) var(--gap-wide);
	background: var(--hue-sheet);
}

.poteau-head {
	margin-block-end: var(--gap-tiny);
}

.poteau-words {
	max-width: var(--wrp-narrow);
	color: var(--hue-muted);
	line-height: var(--ld-base);
	margin-block-end: var(--gap-snug);
}

.poteau-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-tiny);
}

.poteau-fine {
	display: block;
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	line-height: 1.6;
	margin-block-start: var(--gap-tiny);
}

.poteau-panel {
	min-height: 400px;
	background-color: var(--hue-root);
	background-image:
		repeating-linear-gradient(135deg, rgba(73, 245, 246, 0.18) 0 2px, rgba(73, 245, 246, 0) 2px 22px),
		repeating-linear-gradient(45deg, rgba(196, 252, 253, 0.1) 0 2px, rgba(196, 252, 253, 0) 2px 34px);
}

@media (max-width: 819px) {
	.poteau-core {
		grid-template-columns: minmax(0, 1fr);
	}

	.poteau-inside {
		padding: var(--gap-base) var(--gap-snug);
	}

	.poteau-panel {
		min-height: 200px;
	}
}

/* ---------- Barretta di richiamo in linea ---------- */

.console {
	padding-block: var(--gap-base);
	background: var(--hue-sheet);
}

.console-inside {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-tiny);
	max-width: 600px;
	margin-inline: auto;
	padding-inline: var(--wrp-edge-narrow);
	border-block: var(--bd-fine) solid var(--hue-rule);
	padding-block: var(--gap-snug);
}

.console-words {
	color: var(--hue-muted);
	font-size: var(--sz-body);
	text-align: center;
	margin: 0;
}

.console-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap-tiny);
}

.console-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--gap-snug);
	border-radius: var(--rd-base);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	text-decoration: none;
	white-space: nowrap;
	transition: transform var(--tm-quick) var(--crv-out), background-color var(--tm-quick) var(--crv-out), color var(--tm-quick) var(--crv-out), border-color var(--tm-quick) var(--crv-out);
}

.console-action--ghost {
	background: transparent;
	border: var(--bd-fine) solid var(--hue-muted);
	color: var(--hue-letters);
}

.console-action--ghost:hover {
	background: rgba(255, 255, 255, 0.04);
	border-color: var(--hue-letters);
	color: var(--hue-letters);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

.console-fine {
	display: block;
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	text-align: center;
}

/* ---------- Firma della redattrice ---------- */

.aile {
	display: block;
	background: var(--hue-surface-2);
	padding-block: var(--gap-wide);
}

.aile-core {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-base);
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.aile-person {
	display: flex;
	align-items: center;
	gap: var(--gap-tiny);
}

.aile-shot {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
	border-radius: var(--rd-round-full);
	object-fit: cover;
}

.aile-who {
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	margin: 0;
}

.aile-who a {
	color: var(--hue-letters);
	text-decoration: none;
}

.aile-who a:hover {
	background: rgba(73, 245, 246, 0.16);
	color: var(--hue-spot);
}

.aile-post {
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	margin: 0;
}

.aile-time {
	color: var(--hue-muted);
	font-size: var(--sz-xs);
}

.aile-call {
	color: var(--hue-spot);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	text-decoration: none;
	white-space: nowrap;
}

.aile-call:hover {
	background: rgba(73, 245, 246, 0.16);
	color: var(--hue-accent-strong);
}

@media (max-width: 639px) {
	.aile-core {
		flex-direction: column;
		align-items: flex-start;
		padding-inline: var(--wrp-edge-narrow);
	}
}

/* ---------- Scheda della redattrice ---------- */

.mur {
	display: block;
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.mur-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.mur-person {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-snug);
	padding: var(--gap-snug) var(--gap-base);
	border: var(--bd-fine) solid var(--hue-rule);
}

.mur-shot {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: var(--rd-round-full);
	object-fit: cover;
}

.mur-who {
	font-size: var(--sz-body);
	font-weight: var(--fw-thick);
	margin: 0;
}

.mur-post {
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	margin: 0;
}

.mur-articles {
	display: block;
	margin-block-start: var(--gap-base);
}

.mur-articles-cap {
	font-size: var(--sz-display-3);
	margin-block-end: var(--gap-tiny);
}

.mur-articles-queue {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mur-articles-one {
	border-block-end: var(--bd-fine) solid var(--hue-rule);
	padding-block: var(--gap-tiny);
	margin: 0;
}

.mur-articles-one a {
	color: var(--hue-letters);
	text-decoration: none;
}

.mur-articles-one a:hover {
	background: rgba(73, 245, 246, 0.16);
	color: var(--hue-spot);
}

/* ---------- Pagine legali: impostazione editoriale ---------- */

.pave {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.pave-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.pave-chip {
	display: block;
	color: var(--hue-spot);
	font-size: var(--sz-xs);
	letter-spacing: var(--tr-spread);
	text-transform: uppercase;
	margin-block-end: var(--gap-tiny);
}

.pave-lead {
	color: var(--hue-letters);
	font-family: var(--typ-title);
	font-size: var(--sz-display-4);
	font-style: italic;
	line-height: var(--ld-base);
	margin-block-end: var(--gap-base);
}

.pave-block {
	margin-block-end: var(--gap-base);
}

.pave-block h3 {
	font-family: var(--typ-title);
	font-style: italic;
	font-size: var(--sz-display-3);
	margin-block-end: var(--gap-tiny);
}

.pave-rule {
	width: 80px;
	height: var(--bd-base);
	background: var(--hue-spot);
	border: 0;
	margin: 0 0 var(--gap-tiny) 0;
}

.pave-block p {
	color: var(--hue-muted);
	line-height: var(--ld-roomy);
	margin-block-end: var(--gap-tiny);
}

.pave-block > p:first-of-type::first-letter {
	float: left;
	color: var(--hue-spot);
	font-family: var(--typ-title);
	font-size: 3em;
	font-weight: var(--fw-thick);
	line-height: 0.9;
	padding-inline-end: 8px;
	padding-block-start: 4px;
}

.pave-queue {
	color: var(--hue-muted);
	line-height: var(--ld-roomy);
	padding-inline-start: var(--gap-base);
}

.pave-note {
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	line-height: var(--ld-base);
	border-block-start: var(--bd-fine) solid var(--hue-rule);
	padding-block-start: var(--gap-snug);
	margin-block-start: var(--gap-base);
}

.pave-time {
	color: var(--hue-muted);
	font-size: var(--sz-xs);
}

/* ---------- Modulo di contatto su una riga ---------- */

.relief {
	padding-block: var(--pad-band);
	background: var(--hue-sheet);
}

.relief-core {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.relief-words {
	color: var(--hue-muted);
	line-height: var(--ld-base);
	margin-block-end: var(--gap-snug);
}

.relief-bar {
	display: flex;
	gap: var(--gap-tiny);
	align-items: stretch;
}

.relief-box {
	flex: 1;
	min-width: 0;
	min-height: 52px;
	padding: var(--gap-tiny) var(--gap-snug);
	background: var(--hue-surface-2);
	border: var(--bd-fine) solid var(--hue-edge-hard);
	border-radius: var(--rd-base);
	color: var(--hue-letters);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
}

.relief-box::placeholder {
	color: var(--hue-muted);
}

.relief-send {
	min-height: 52px;
	padding-inline: var(--gap-base);
	background: var(--hue-spot);
	border: 0;
	border-radius: var(--rd-base);
	color: var(--hue-sheet);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	white-space: nowrap;
	cursor: pointer;
	transition: transform var(--tm-quick) var(--crv-out), background-color var(--tm-quick) var(--crv-out);
}

.relief-send:hover {
	background: var(--hue-accent-strong);
	color: var(--hue-sheet);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

.relief-note {
	color: var(--hue-spot);
	font-size: var(--sz-fine);
	margin-block-start: var(--gap-tiny);
}

.relief-aside {
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	margin-block-start: var(--gap-snug);
}

@media (max-width: 639px) {
	.relief-bar {
		flex-direction: column;
	}
}

/* ---------- Pagina non trovata ---------- */

.stele {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding-block: var(--pad-band);
	background-image: url('/frames/render.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.stele::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(1, 12, 12, 0.55), rgba(0, 0, 0, 0.88));
	pointer-events: none;
}

.stele-inside {
	position: relative;
	z-index: 1;
	max-width: var(--wrp-narrow);
	padding-inline: var(--wrp-edge-narrow);
	text-align: center;
}

.stele-head {
	color: var(--hue-letters);
	margin-block-end: var(--gap-snug);
}

.stele-words {
	color: var(--hue-letters);
	line-height: var(--ld-base);
	margin-block-end: var(--gap-base);
}

.stele-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding-inline: var(--gap-base);
	background: var(--hue-spot);
	border-radius: var(--rd-base);
	color: var(--hue-sheet);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	text-decoration: none;
	transition: transform var(--tm-quick) var(--crv-out), background-color var(--tm-quick) var(--crv-out);
}

.stele-back:hover {
	background: var(--hue-accent-strong);
	color: var(--hue-sheet);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

/* ---------- Avviso sui cookie: pannello dal basso ---------- */

.cour-veil {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 89;
	background: rgba(0, 0, 0, 0.4);
	pointer-events: none;
}

.cour-veil.is-visible {
	display: block;
}

.cour {
	display: none;
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 90;
	background: var(--hue-sheet);
	border-block-start: var(--mo-bar) solid var(--hue-spot);
}

.cour.is-visible {
	display: block;
}

.cour-core {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-tiny);
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding: var(--gap-snug) var(--wrp-padding-desktop);
}

.cour-head {
	font-size: var(--sz-display-4);
	text-align: center;
}

.cour-note {
	max-width: var(--wrp-narrow);
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	line-height: var(--ld-roomy);
	text-align: center;
	margin: 0;
}

.cour-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap-tiny);
}

.cour-ok,
.cour-decline {
	min-height: 48px;
	padding-inline: var(--gap-wide);
	border-radius: var(--rd-base);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
	cursor: pointer;
	transition: transform var(--tm-quick) var(--crv-out), background-color var(--tm-quick) var(--crv-out), color var(--tm-quick) var(--crv-out);
}

.cour-ok {
	background: var(--hue-spot);
	border: 0;
	color: var(--hue-sheet);
}

.cour-ok:hover {
	background: var(--hue-accent-strong);
	color: var(--hue-sheet);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

.cour-decline {
	background: transparent;
	border: var(--bd-fine) solid var(--hue-edge-hard);
	color: var(--hue-letters);
}

.cour-decline:hover {
	background: rgba(255, 255, 255, 0.08);
	color: var(--hue-letters);
	transform: translateY(calc(-1 * var(--mo-lift)));
}

@media (max-width: 719px) {
	.cour,
	.cour-core {
		padding: 12px 14px !important;
		gap: 8px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.cour-head {
		display: none !important;
	}

	.cour-ok,
	.cour-decline {
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
	}

	.cour-buttons {
		gap: 8px !important;
	}
}

/* ---------- Piede a quattro colonne ---------- */

.crypte {
	background: var(--hue-root);
	border-block-start: var(--bd-fine) solid var(--hue-rule);
	padding-block: var(--pad-band);
}

.crypte-core {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: var(--gap-roomy);
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--wrp-padding-desktop);
}

.crypte-logo img {
	height: 54px;
	width: auto;
	margin-block-end: var(--gap-tiny);
}

.crypte-words {
	color: var(--hue-muted);
	font-size: var(--sz-fine);
	line-height: var(--ld-base);
	margin: 0;
}

.crypte-col h6 {
	color: var(--hue-letters);
	font-family: var(--typ-title);
	font-size: var(--sz-fine);
	font-weight: var(--fw-thick);
	letter-spacing: var(--tr-spread);
	text-transform: uppercase;
	margin-block-end: var(--gap-base);
}

.crypte-queue {
	list-style: none;
	margin: 0;
	padding: 0;
}

.crypte-queue li {
	margin-block-end: var(--gap-hair);
}

.crypte-href {
	color: var(--hue-muted);
	font-family: var(--typ-reading);
	font-size: var(--sz-fine);
	font-weight: var(--fw-normal);
	text-decoration: none;
}

.crypte-href:hover {
	background: transparent;
	color: var(--hue-spot);
}

.crypte-bar {
	max-width: calc(var(--wrp-max) + 2 * var(--wrp-padding-desktop));
	margin-inline: auto;
	margin-block-start: var(--gap-wide);
	padding-inline: var(--wrp-padding-desktop);
	padding-block-start: var(--gap-snug);
	border-block-start: var(--bd-fine) solid var(--hue-rule);
	color: var(--hue-muted);
	font-size: var(--sz-xs);
	text-align: center;
}

@media (max-width: 1179px) {
	.crypte-core {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gap-base);
	}
}

@media (max-width: 819px) {
	.crypte-core {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- Adattamenti per schermi stretti ---------- */

@media (max-width: 819px) {
	.repere-core,
	.fresque-core,
	.vitrail-core,
	.tympan-core,
	.ardoise-core,
	.loggia-core,
	.voussure-core,
	.poteau-core,
	.aile-core,
	.mur-core,
	.pave-core,
	.relief-core,
	.cour-core,
	.crypte-core,
	.crypte-bar {
		padding-inline: var(--wrp-padding-tablet);
	}
}

@media (max-width: 519px) {
	:root {
		--sz-h1: clamp(26px, 8vw, 32px);
		--sz-h2: clamp(22px, 6.6vw, 26px);
		--sz-display-3: 22px;
		--sz-display-4: 19px;
		--sz-sm-2: 17px;
		--sz-xs-2: 15px;
		--sz-body: 18px;
		--sz-fine: 15px;
		--sz-xs: 13px;
		--pad-band: var(--pad-band-narrow);
		--wrp-padding-desktop: var(--wrp-edge-narrow);
		--wrp-padding-tablet: var(--wrp-edge-narrow);
	}

	.repere-figure {
		height: 220px;
	}

	.repere-core,
	.fresque-core,
	.vitrail-core,
	.tympan-core,
	.ardoise-core,
	.loggia-core,
	.voussure-core,
	.poteau-core,
	.aile-core,
	.mur-core,
	.pave-core,
	.relief-core,
	.crypte-core,
	.crypte-bar {
		padding-inline: var(--wrp-edge-narrow);
	}

	.mur-person {
		display: flex;
	}

	.voussure-grid {
		min-inline-size: 460px;
	}

	.voussure-grid th,
	.voussure-grid td {
		padding: 10px 12px;
	}
}

/* ---------- Pulsante dell'offerta (tinta fuori palette, anello continuo) ---------- */

.rosace-go {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--gap-base);
	min-height: 52px;
	border-radius: var(--rd-base);
	font-size: var(--sz-fine);
	font-weight: var(--fw-demi);
}

.rosace-go {
	position: relative;
	background: #4F46E5;
	color: #FFFFFF;
	text-decoration: none;
	transition: background var(--tm-base) var(--crv-out), transform var(--tm-base) var(--crv-out);
}

.rosace-go.rosace-go {
	color: #FFFFFF;
	text-decoration: none;
}

.rosace-go:hover {
	background: #4338CA;
	color: #FFFFFF;
	animation: none;
	transform: translateY(calc(-1 * var(--mo-lift)));
}

.rosace-go.rosace-go:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.rosace-go:hover::after {
	animation: none;
}

.rosace-go:active {
	background: #3730A3;
	color: #FFFFFF;
}

.rosace-go:focus-visible {
	outline: 3px solid var(--hue-spot);
	outline-offset: 3px;
}

@keyframes rosace-wake {
	0% {
		box-shadow: 0 0 0 0 currentColor;
		opacity: 0.55;
	}

	70%,
	100% {
		box-shadow: 0 0 0 2px transparent;
		opacity: 0;
	}
}

.rosace-go::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	animation: rosace-wake 1.6s var(--crv-out) infinite;
}

@media (prefers-reduced-motion: reduce) {
	.rosace-go,
	.rosace-go::after {
		animation: none !important;
		transition: none !important;
	}
}

@media (max-width: 639px) {
	.imposte-action.rosace-go {
		padding-inline: 12px;
		min-height: 44px;
		font-size: 13px;
	}
}

@media (max-width: 1113px) {
  .imposte-belt,
  .imposte-menu,
  .imposte-queue,
  .imposte-href { display: none !important; }
  .imposte-tap { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-fx],
html.no-js .ardoise-reply{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}