/*
 * Paganini Congressi — inner-page templates (Carta Tecnica venue/inner shell).
 * Owner: inner. Covers the generic page.html hero (white drawing-sheet header,
 * shared by all 76 inner pages) plus the venue-template components the four venue
 * content files compose: SCHEDA folio bar, hero plate, dark spec table + dotted
 * leaders, numbered room-row list, SectionTitleBlock (TAV rule header), the
 * "Continua la visita" related list, the venue CTA band, and the 404 layout.
 *
 * Tokens come from theme.json presets and the base.css :root block; mono =
 * var(--wp--preset--font-family--mono), serif = --display, body = --body. CSS
 * uses tabs. No hardcoded brand hex outside the enumerated ink-80 chip strings.
 */

/* --- Page hero (white serif title + lead) ---------------------------------
 * The v1 dark cinematic cover is gone (Carta Tecnica §3.10/§5: no dark-luxe
 * wall, no scrim, no grain, no ghost word). Every inner page now opens on a
 * white header: the folio kicker (functions.php) + serif H1 + optional excerpt
 * lead. Non-venue pages stop here (coherent bare title); venue pages continue
 * into the SCHEDA bar / plate / spec table authored in the content file. */
.pc-page-hero {
	background: var(--wp--preset--color--base);
}

.pc-page-hero__title {
	/* Flush-left at the content-column edge (the folio kicker sits in the same
	   column at content-size left). The constrained layout pins every direct
	   child to `margin-left/right:auto !important` + max-width:content-size,
	   which would CENTRE this narrower title; override with margin-left:0 so the
	   title aligns under the folio (board hero is left-anchored, not centred). */
	margin: 0;
	margin-left: 0 !important;
	margin-right: auto !important;
	max-width: 22ch;
	text-align: left;
	text-wrap: balance;
	line-height: 0.98;
	letter-spacing: -0.015em;
	color: var(--wp--preset--color--ink);
}

/* The folio kicker (.pc-folio .pc-page-hero__kicker) is prepended INSIDE the
   rendered post-title by the functions.php filter, so it sits above the H1 text.
   Restyle it to the drawing-sheet mono register (was a bordered white pill on the
   old dark cover): plain mono caps, muted warm grey, a little space below. */
.pc-page-hero__kicker {
	display: block;
	margin: 0 0 var(--wp--preset--spacing--40, 1.5rem);
	/* Flush-left like the title/lead — defeat the constrained auto-centre so the
	   folio sits directly above (and aligned with) the H1, per the board. */
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 0;
	border: 0;
	color: var(--pc-mute);
	letter-spacing: var(--pc-ls-mono-wide);
}

/* --- Venue SCHEDA kicker (Carta Tecnica venue board) -----------------------
 * The four venue pages open on the technical-sheet kicker instead of the plain
 * Cap. NN — Section line: a full-width mono row with `SCHEDA V-0n / {VENUE}` on
 * the left (orange code + muted slash + muted label) and the site coordinate +
 * section grouping on the right (`44.80°N 10.34°E · GLI SPAZI`). The orange
 * leading square is decorative-only (on light) per the palette rule. The whole
 * row sits flush at the content edge and spans to the right column, aligned with
 * the title beneath it. functions.php emits the spans. */
.pc-page-hero__kicker--sheet {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem var(--wp--preset--spacing--40, 1.5rem);
	justify-content: space-between;
	align-items: baseline;
	letter-spacing: var(--pc-ls-mono);
}

.pc-page-hero__kicker-id {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.55rem;
}

/* Orange technical-sheet code — decorative register; the leading square marker
   is a ::before glyph so the code keeps its mono caps and tabular numerals. */
.pc-page-hero__kicker-code {
	color: var(--wp--preset--color--primary);
	font-variant-numeric: tabular-nums;
}

.pc-page-hero__kicker-code::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.5rem;
	transform: translateY(0.01em);
	background: var(--wp--preset--color--primary);
}

.pc-page-hero__kicker-sep {
	color: var(--pc-hairline);
}

.pc-page-hero__kicker-label,
.pc-page-hero__kicker-meta {
	color: var(--pc-mute);
	font-variant-numeric: tabular-nums;
}

/* The accent word (last word of the title, wrapped by the render filter): the
   inner hero is now light, so the accent is the text-bearing #a06000
   (primary-strong) per the single-word guard — base.css .pc-accent already sets
   this; restated here for the hero scope so a late utility layer can't flip it. */
.pc-page-hero__title .pc-accent {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--wp--preset--color--primary-strong);
}

/* Intro lead under the title (the page excerpt, rendered only when authored).
   Same flush-left override as the title — defeat the constrained auto-centre. */
.pc-page-hero__lead {
	margin: var(--wp--preset--spacing--40, 1.5rem) 0 0;
	margin-left: 0 !important;
	margin-right: auto !important;
	max-width: 38rem;
	color: var(--wp--preset--color--ink-soft);
	line-height: 1.5;
}

.pc-page-hero__lead a {
	display: none;
}

/* --- Venue hero rhythm (board fidelity) ------------------------------------
 * On the four venue pages the page-hero (kicker + H1) is immediately followed
 * by the .pc-venue-hero section (curated lead + big year, then the FIG plate).
 * The default inner-page stack — page-hero padding-bottom (spacing|50) + the
 * post-content .pc-section padding-top (spacing|60) + the venue-hero's own
 * padding-top (spacing|30) — compounded to a ~120px dead band between the H1 and
 * the intro row, where the board sits the lead directly under the title. These
 * :has() rules collapse that stack ONLY when a venue-hero is present, so generic
 * inner pages keep their original breathing room. The lead then lands ~40px
 * under the H1 and the FIG plate starts at the board's vertical position. */
.pc-page-hero:has(+ .pc-section .pc-venue-hero) {
	padding-bottom: var(--wp--preset--spacing--40);
}

.pc-section:has(> .wp-block-post-content > .pc-venue-hero) {
	/* The wrapper carries an inline padding-top (spacing|60) from page.html; beat
	   it so the venue-hero meta row rides up directly under the page-hero. */
	padding-top: 0 !important;
}

/* --- Cover z-index fix (DO-NOT-BREAK §8.1) ---------------------------------
 * page.html no longer ships a cover, but ANY remaining cover (legacy content,
 * future hero variants) must keep its inner container above the dim layer. Core
 * pins the inner container to z-index:1 via a :not(:has()) rule of ~(0,6,1)
 * specificity (see hero.css); without !important this silently loses and the
 * content only wins by DOM order. This rule MUST survive (spec §8.1). */
.pc-page-hero.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover.pc-on-dark .wp-block-cover__inner-container {
	width: 100%;
	position: relative;
	z-index: 2 !important;
}

/* ===========================================================================
 * VENUE TEMPLATE COMPONENTS (Carta Tecnica §4.6)
 * Composed by the four venue content files (auditorium / cpm / ipogei / parco).
 * ======================================================================== */

/* --- SCHEDA folio bar + hero plate + big year (venue hero continuation) ----
 * The first venue section: a thin SCHEDA · V-0n folio strip, a large photo plate
 * with FIG tag + ink caption, and the inauguration year set large to the right. */

/* SCHEDA folio strip (ink bar over the plate). Left: SCHEDA · V-0n (orange) +
   descriptor (white). Right: scale / project (muted). Mirrors the home folio bar
   but lives in page.css because it opens the venue hero. */
.pc-folio-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem var(--wp--preset--spacing--40, 1.5rem);
	justify-content: space-between;
	align-items: center;
	padding: 0.75rem 1rem;
	background: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
}

.pc-folio-strip__code {
	color: var(--wp--preset--color--primary);
	margin-right: 0.85rem;
}

.pc-folio-strip__label {
	color: var(--wp--preset--color--base);
	letter-spacing: var(--pc-ls-mono);
}

.pc-folio-strip__meta {
	color: var(--pc-mute);
}

/* Venue hero meta row: the curated intro line (left) + big year lockup (right),
   set immediately under the page-title H1 (page.html). page.html stopped emitting
   the auto-excerpt (it concatenated the whole content into a garbled run-on under
   the H1, Carta Tecnica fidelity break) — the venue lead is now authored here, so
   it reads as the single curated sentence the board shows. Stacks on mobile. */
.pc-venue-hero__meta {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40, 1.5rem);
	margin: 0 0 var(--wp--preset--spacing--50, 2rem);
}

.pc-venue-hero__lead {
	margin: 0;
	max-width: 38rem;
	color: var(--wp--preset--color--ink-soft);
	line-height: 1.5;
}

@media (min-width: 782px) {
	.pc-venue-hero__meta {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		gap: var(--wp--preset--spacing--60, 4rem);
	}
}

/* The hero "big year" lockup: ANNO label (above) / 2001 (big serif) / project
   sub (below), set to the right of the title block. Right-aligned on desktop;
   inherits the meta row's start alignment when it stacks on mobile. */
.pc-hero-year {
	flex: none;
	text-align: left;
	line-height: 1;
}

@media (min-width: 782px) {
	.pc-hero-year {
		text-align: right;
	}
}

.pc-hero-year__num {
	display: block;
	margin: 0.25rem 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.5rem, 5vw, 3.375rem);
	font-weight: 400;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--ink);
	font-variant-numeric: tabular-nums;
}

.pc-hero-year__label,
.pc-hero-year__sub {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono-wide);
	text-transform: uppercase;
	color: var(--pc-mute);
}

/* Hero plate: a full-width photo with the ink caption strip below (FIG tag +
   right meta). Authored via a figure.pc-plate in the content file. The shared
   .pc-plate base may also come from cards.css (home); this scoped block guarantees
   the venue hero plate reads correctly on its own. */
.pc-hero-plate {
	margin: var(--wp--preset--spacing--50, 2rem) 0 0;
	border: 1px solid var(--pc-hairline);
	background: var(--wp--preset--color--base);
	overflow: hidden;
}

.pc-hero-plate img {
	display: block;
	width: 100%;
	height: clamp(220px, 42vw, 460px);
	object-fit: cover;
}

.pc-hero-plate figcaption,
.pc-plate-cap {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem var(--wp--preset--spacing--40, 1.5rem);
	justify-content: space-between;
	align-items: center;
	padding: 0.875rem 1.125rem;
	background: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	color: var(--pc-mute-light);
}

.pc-plate-cap__tag {
	color: var(--pc-mute-light);
}

.pc-plate-cap__meta {
	color: var(--wp--preset--color--primary);
}

/* --- Intro split: serif H2 + body (left) · dark spec table (right) ----------
 * The .pc-venue-intro group lays out a 2-col editorial lockup. The dark spec
 * table is .pc-spec-dark; the body keeps the reading measure. */
.pc-venue-intro {
	display: grid;
	gap: var(--wp--preset--spacing--50, 2rem);
}

.pc-venue-intro .wp-block-heading {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.05;
}

@media (min-width: 782px) {
	.pc-venue-intro {
		grid-template-columns: 1fr minmax(360px, 0.85fr);
		gap: var(--wp--preset--spacing--60, 4rem);
		align-items: start;
	}
}

/* --- Dark spec table (Carta Tecnica §3.8) ---------------------------------
 * Ink panel: header row (SCHEDA TECNICA · V-0n) then dotted-leader spec rows.
 * Owner: inner (used by venues here; info-tecniche capienze grid is pages'). */
.pc-spec-dark {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	padding: 0;
}

.pc-spec-dark__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 1.375rem 1.5rem 1.125rem;
	border-bottom: 1px solid var(--pc-rule-ink);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
}

.pc-spec-dark__head-code {
	color: var(--wp--preset--color--primary);
}

.pc-spec-dark__head-ref {
	color: var(--pc-mute);
}

/* --- SpecRow: dotted leaders (Carta Tecnica §3.7) -------------------------
 * Label · dotted leader filling the gap · value. The leader is a flex:1 element
 * with a dotted bottom border (reflows, no literal "· · ·" string). Light by
 * default; the dark variant lives inside .pc-spec-dark. */
.pc-specrow {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
	padding: 0.625rem 0;
	border-bottom: 1px solid var(--pc-hairline);
}

.pc-specrow__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	color: var(--pc-mute);
	white-space: nowrap;
}

.pc-specrow__leader {
	flex: 1 1 auto;
	min-width: 1.5rem;
	transform: translateY(-0.18em);
	border-bottom: 1px dotted var(--pc-hairline);
}

.pc-specrow__value {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: var(--pc-ls-mono);
	color: var(--wp--preset--color--ink);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* Dark variant: rows inside the ink spec panel. */
.pc-spec-dark .pc-specrow {
	padding: 0.875rem 1.5rem;
	border-bottom: 1px solid var(--pc-rule-ink);
}

.pc-spec-dark .pc-specrow:last-child {
	border-bottom: 0;
}

.pc-spec-dark .pc-specrow__label {
	color: var(--pc-mute);
}

.pc-spec-dark .pc-specrow__leader {
	border-bottom-color: var(--pc-rule-ink);
}

.pc-spec-dark .pc-specrow__value {
	color: var(--wp--preset--color--base);
	font-size: var(--pc-fs-mono-lg);
}

/* The last row (INAUGURAZIONE) carries the orange project accent on ink. */
.pc-spec-dark .pc-specrow__value--accent {
	color: var(--wp--preset--color--primary);
}

/* Optional note under the dark spec table. */
.pc-spec-dark__note {
	margin: 0;
	padding: 0 1.5rem 1.375rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--pc-mute-light);
}

/* --- SectionTitleBlock: TAV rule header (Carta Tecnica §3.5) --------------
 * Top hairline, a meta row (TAV. NN — descriptor / right count), then a serif
 * title row with an italic accent word. Owner: inner. */
.pc-section-title {
	border-top: 1px solid var(--wp--preset--color--ink);
	padding-top: 1.75rem;
	margin-bottom: var(--wp--preset--spacing--50, 2rem);
}

.pc-section-title__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 0.75rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
}

.pc-section-title__tav {
	color: var(--wp--preset--color--primary-strong);
}

.pc-section-title__count {
	color: var(--pc-mute);
}

.pc-section-title__h {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: clamp(2.25rem, 5vw, 4rem);
	line-height: 0.98;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--ink);
}

.pc-section-title__h .pc-accent {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	color: var(--wp--preset--color--primary-strong);
}

/* --- Room-row list (Carta Tecnica §4.6) -----------------------------------
 * Numbered hairline rows: mono index · serif name · body desc · right mono tag.
 * The seeded venue files author these as .pc-room-row links. */
.pc-room-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pc-room-row {
	display: grid;
	grid-template-columns: 2.5rem 1fr;
	gap: 0.35rem 1.25rem;
	align-items: baseline;
	padding: 1.125rem 0;
	border-bottom: 1px solid var(--pc-hairline);
}

.pc-room-row__index {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	font-weight: 600;
	letter-spacing: var(--pc-ls-mono);
	color: var(--wp--preset--color--primary-strong);
	font-variant-numeric: tabular-nums;
}

.pc-room-row__name {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: 1.625rem;
	line-height: 1.1;
	letter-spacing: -0.005em;
	color: var(--wp--preset--color--ink);
}

.pc-room-row__name a {
	color: inherit;
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
}

.pc-room-row__desc {
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ink-soft);
}

.pc-room-row__tag {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	color: var(--pc-mute);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* Desktop: index · name · desc · tag on one row (4 tracks). */
@media (min-width: 782px) {
	.pc-room-row {
		grid-template-columns: 2.5rem minmax(9rem, 14rem) 1fr auto;
		gap: 1.5rem;
		align-items: baseline;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.pc-room-row__name a {
		transition: background-size var(--pc-dur-fast, 0.28s) var(--pc-ease);
	}
}

.pc-room-row__name a:hover,
.pc-room-row__name a:focus-visible {
	background-size: 100% 1px;
}

/* --- "Continua la visita" related list (Carta Tecnica §4.6) ---------------
 * Coded rows: thumbnail · mono index (V-0n) · serif name · body subtitle ·
 * SCHEDA → link. The venue files skip the current page's own row. */
.pc-related {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pc-related__row {
	display: grid;
	grid-template-columns: 4.5rem 1fr;
	gap: 0.35rem 1rem;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid var(--pc-hairline);
}

.pc-related__thumb {
	grid-row: span 2;
	width: 4.5rem;
	height: 3rem;
	object-fit: cover;
	border: 1px solid var(--pc-hairline);
}

.pc-related__code {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	font-weight: 600;
	letter-spacing: var(--pc-ls-mono);
	color: var(--wp--preset--color--primary-strong);
	font-variant-numeric: tabular-nums;
}

.pc-related__name {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.1;
	color: var(--wp--preset--color--ink);
}

.pc-related__name a {
	color: inherit;
	text-decoration: none;
}

.pc-related__sub {
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ink-soft);
}

.pc-related__link {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	font-weight: 600;
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	color: var(--wp--preset--color--primary-strong);
	white-space: nowrap;
	text-decoration: none;
}

.pc-related__link::after {
	content: " \2192";
}

@media (min-width: 782px) {
	.pc-related__row {
		grid-template-columns: 4.5rem 4rem minmax(10rem, 16rem) 1fr auto;
		gap: 1.5rem;
		align-items: center;
	}

	.pc-related__thumb {
		grid-row: auto;
	}
}

/* --- "Foyer e dettagli" plate grid -----------------------------------------
 * Venue detail photos as FIG-tagged plate cards. The grid container is local to
 * the venue template; individual .pc-plate cards reuse the shared plate caption
 * (cards.css) — but the caption strip + FIG tag are also defined above
 * (.pc-plate-cap) so the grid reads correctly without cross-file dependency. */
.pc-plate-grid {
	display: grid;
	gap: var(--wp--preset--spacing--40, 1.5rem);
}

.pc-plate-grid figure {
	margin: 0;
	border: 1px solid var(--pc-hairline);
	background: var(--wp--preset--color--base);
	overflow: hidden;
}

.pc-plate-grid figure img {
	display: block;
	width: 100%;
	height: clamp(180px, 24vw, 240px);
	object-fit: cover;
}

@media (min-width: 782px) {
	.pc-plate-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --- Venue CTA band (Carta Tecnica §4.6 / §4.1f) --------------------------
 * Ink band: eyebrow + big serif headline (italic accent) on the left, a white
 * "Richiedi informazioni" button + contact line on the right. Reuses
 * .pc-cta-band markup the seeded files carry; restyled to the dark register. */
.pc-cta-band.pc-cta-band--venue {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

.pc-cta-band--venue .wp-block-heading {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: clamp(2.5rem, 5vw, 5rem);
	line-height: 1.0;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--base);
}

.pc-cta-band--venue .wp-block-heading .pc-accent {
	font-style: italic;
	color: var(--wp--preset--color--primary);
}

.pc-cta-band--venue p:not(.pc-eyebrow) {
	color: var(--pc-mute-light);
}

.pc-cta-band--venue__inner {
	display: grid;
	gap: var(--wp--preset--spacing--50, 2rem);
	align-items: start;
}

@media (min-width: 782px) {
	.pc-cta-band--venue__inner {
		grid-template-columns: 1.4fr 1fr;
		gap: var(--wp--preset--spacing--60, 4rem);
		align-items: center;
	}
}

/* --- Plan / scheda images (DO-NOT-BREAK §8.6) -----------------------------
 * Any .pc-plan figure (plan, scheda, pianta): crisp 1:1, never filtered, no
 * hover zoom; the axonometric pianta-complesso never exceeds 750px wide. */
.pc-plan img {
	filter: none !important;
	transform: none !important;
	transition: none !important;
	image-rendering: auto;
}

.pc-plan {
	max-width: 750px;
	margin-inline: auto;
}

/* --- 404 (Carta Tecnica §4 register) --------------------------------------- */
.pc-404 .wp-block-buttons {
	gap: var(--wp--preset--spacing--30);
}

.pc-404 h1.pc-display-xxl {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(3rem, 9vw, 5rem);
	line-height: 0.98;
	letter-spacing: -0.02em;
	font-weight: 400;
	text-wrap: balance;
}

.pc-404 h1.pc-display-xxl .pc-accent {
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--primary-strong);
	font-style: italic;
}