/**
 * Titula - heading system.
 *
 * Loaded whenever Titula styles headings (ACAART_Headings::is_enabled()), and
 * on the settings screen for the cards and the live preview, which carry the
 * same class names so the two cannot drift apart.
 *
 * HIERARCHY
 * ---------
 * H2 opens a section and carries the system's identity. H3 opens a
 * subsection with a lighter treatment of its own - never the H2 decoration
 * resized. H4 is typography first: a stronger weight or a small accent, and
 * never a panel, a band or a numeral. Spacing does the rest: the gap above a
 * heading shrinks level by level, from the heading-spacing tokens.
 *
 * RULES
 * -----
 * - No font family, and no font size beyond what the base layer already sets.
 * - Logical properties throughout, so every treatment mirrors in RTL.
 * - Decoration is drawn with borders and pseudo-elements that take no space,
 *   so a treatment never changes where the text starts on the next line and
 *   a heading that wraps to three lines stays clean.
 * - Numbers render into the dedicated `.acaart-pad-heading__number` element,
 *   never into the heading's own ::before or ::after, so a treatment and the
 *   numbering can never both print a number.
 */

/* ==========================================================================
 * Tokens
 * ========================================================================== */

.acaart-pad-article {
	--acaart-decor-weight: 3px;
	--acaart-decor-width: 2.6em;
	--acaart-tint: color-mix(in srgb, var(--acaart-accent) 6%, transparent);
	--acaart-accent-edge: color-mix(in srgb, var(--acaart-accent) 45%, transparent);
}

/* Accent strength: the mix and the stroke, never the colour itself. */
.acaart-pad-article.has-heading-accent-subtle {
	--acaart-decor-weight: 2px;
	--acaart-tint: color-mix(in srgb, var(--acaart-accent) 4%, transparent);
	--acaart-accent-soft: color-mix(in srgb, var(--acaart-accent) 6%, transparent);
	--acaart-accent-edge: color-mix(in srgb, var(--acaart-accent) 30%, transparent);
}

.acaart-pad-article.has-heading-accent-strong {
	--acaart-decor-weight: 4px;
	--acaart-tint: color-mix(in srgb, var(--acaart-accent) 10%, transparent);
	--acaart-accent-soft: color-mix(in srgb, var(--acaart-accent) 16%, transparent);
	--acaart-accent-edge: color-mix(in srgb, var(--acaart-accent) 65%, transparent);
}

/* Decoration width: how far a rule under or above an H2 reaches. */
.acaart-pad-article.has-heading-decor-short {
	--acaart-decor-width: 2.6em;
}

.acaart-pad-article.has-heading-decor-medium {
	--acaart-decor-width: 5em;
}

.acaart-pad-article.has-heading-decor-full {
	--acaart-decor-width: 100%;
}

/*
 * Spacing. The base layer spaces H2, H3 and H4 from two tokens, each level a
 * step smaller than the one above, and the settings write those tokens. The
 * "spacious" value used by earlier heading families is read as Relaxed.
 */
.acaart-pad-article.has-heading-spacing-spacious {
	--acaart-heading-space-before: 3em;
	--acaart-heading-space-after: 1.05em;
}

/* ==========================================================================
 * Level resets
 *
 * A styled heading starts clean: no rule from the base layer, no ornament
 * from the article style. Each treatment then draws only its own decoration.
 * ========================================================================== */

.acaart-pad-article :is(h2, h3, h4).acaart-pad-heading {
	position: relative;
}

.acaart-pad-article .acaart-pad-heading--level-2,
.acaart-pad-article .acaart-pad-heading--level-3,
.acaart-pad-article .acaart-pad-heading--level-4 {
	padding-block-end: 0;
	padding-inline-start: 0;
	border-block-end: 0;
	border-inline-start: 0;
	background: none;
}

.acaart-pad-article .acaart-pad-heading--level-2::before,
.acaart-pad-article .acaart-pad-heading--level-2::after,
.acaart-pad-article .acaart-pad-heading--level-3::before,
.acaart-pad-article .acaart-pad-heading--level-3::after,
.acaart-pad-article .acaart-pad-heading--level-4::before,
.acaart-pad-article .acaart-pad-heading--level-4::after {
	content: none;
}

/*
 * An H4 set in rem can come out smaller than the theme's body text, which is
 * how a third-level heading ends up looking like a caption. It is never
 * allowed below the paragraph size around it.
 */
.acaart-pad-article .acaart-pad-heading--level-4 {
	font-size: max(1.02rem, 1.04em);
}

/* ==========================================================================
 * H2 - the recommended systems
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * Plain (Theme Native) - the theme's heading, nothing added.
 * ----------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
 * Classic (Clean Editorial) - a hairline under the heading, with a short
 * accent segment where the text begins.
 * ----------------------------------------------------------------------- */

.acaart-pad-article .acaart-pad-heading--classic {
	padding-block-end: 0.45em;
	border-block-end: 1px solid var(--acaart-border);
}

.acaart-pad-article .acaart-pad-heading--classic::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: -1px;
	inline-size: var(--acaart-decor-width);
	max-inline-size: 100%;
	block-size: calc(var(--acaart-decor-weight) - 1px);
	background: var(--acaart-accent);
}

/* --------------------------------------------------------------------------
 * Accent - a bar on the leading edge, the height of the text.
 * ----------------------------------------------------------------------- */

.acaart-pad-article .acaart-pad-heading--accent {
	padding-inline-start: 0.7em;
}

.acaart-pad-article .acaart-pad-heading--accent::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block: 0.2em;
	inline-size: var(--acaart-decor-weight);
	border-radius: 2px;
	background: var(--acaart-accent);
}

/* --------------------------------------------------------------------------
 * Band (Magazine) - a soft tint with an accent edge. Kept quiet: a light
 * tint, a narrow edge and a small radius on the far side only.
 * ----------------------------------------------------------------------- */

.acaart-pad-article .acaart-pad-heading--band {
	padding-block: 0.5em;
	padding-inline: 0.8em;
	border-inline-start: var(--acaart-decor-weight) solid var(--acaart-accent);
	border-start-end-radius: var(--acaart-radius, 4px);
	border-end-end-radius: var(--acaart-radius, 4px);
	background: var(--acaart-tint);
}

/* --------------------------------------------------------------------------
 * Numbered - a small section number before the text, and a hairline below.
 *
 * The number is the shared element, sized down and set in the accent, so it
 * labels the section rather than competing with the heading.
 * ----------------------------------------------------------------------- */

.acaart-pad-article.acaart-pad-headings-numbered {
	counter-reset: acaart-h2;
}

.acaart-pad-article.acaart-pad-headings-numbered h2.acaart-pad-heading {
	counter-increment: acaart-h2;
}

.acaart-pad-article .acaart-pad-heading--numbered {
	padding-block-end: 0.4em;
	border-block-end: 1px solid var(--acaart-border);
}

.acaart-pad-article h2.acaart-pad-heading--numbered > .acaart-pad-heading__number {
	display: inline-block;
	margin-inline-end: 0.55em;
	color: var(--acaart-accent);
	font-size: 0.62em;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	vertical-align: 0.12em;
}

.acaart-pad-article h2.acaart-pad-heading--numbered > .acaart-pad-heading__number::after {
	content: counter(acaart-h2, decimal-leading-zero);
}

/* --------------------------------------------------------------------------
 * Editorial (Minimal) - a hairline above; the space does the separating.
 * ----------------------------------------------------------------------- */

.acaart-pad-article .acaart-pad-heading--editorial {
	padding-block-start: 0.8em;
	border-block-start: 1px solid var(--acaart-border);
}

/* --------------------------------------------------------------------------
 * Rail and rule - a short accent rail at the start of the first line, and a
 * hairline under the whole heading. For technology, reviews, business and
 * finance: structured without a panel, a tint or an icon.
 *
 * The rail is as tall as the first line and no taller, so a heading that
 * wraps keeps one short mark at its start rather than a bar down its whole
 * height. The text is inset by the rail plus a gap, so the two never touch.
 * `lh` sizes the rail to the theme's own line height; the `em` values before
 * it are the fallback where `lh` is not supported.
 * ----------------------------------------------------------------------- */

.acaart-pad-article .acaart-pad-heading--rail {
	padding-block-end: 0.5em;
	padding-inline-start: calc(var(--acaart-decor-weight) + 0.6em);
	border-block-end: 1px solid var(--acaart-border);
}

.acaart-pad-article .acaart-pad-heading--rail::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0.2em;
	inline-size: var(--acaart-decor-weight);
	block-size: 0.95em;
	block-size: calc(1lh - 0.4em);
	border-radius: 2px;
	background: var(--acaart-accent);
}

/* --------------------------------------------------------------------------
 * Section badge - a small section number in a quiet outlined badge before
 * the text. For documentation, tutorials and long guides.
 *
 * The number is the shared number element, so it is counted by the same
 * counter as every other numbered treatment and cannot print twice. It is
 * set at half the heading size so it labels the section without competing
 * with it; the badge is inline, so a wrapped heading continues below it and
 * nothing is drawn over the text.
 * ----------------------------------------------------------------------- */

.acaart-pad-article.acaart-pad-headings-badge {
	counter-reset: acaart-h2;
}

.acaart-pad-article.acaart-pad-headings-badge h2.acaart-pad-heading {
	counter-increment: acaart-h2;
}

.acaart-pad-article h2.acaart-pad-heading--badge > .acaart-pad-heading__number {
	display: inline-block;
	box-sizing: border-box;
	min-inline-size: 2.5em;
	margin-inline-end: 0.8em;
	padding-block: 0.28em;
	padding-inline: 0.5em;
	border: 1px solid var(--acaart-accent-edge);
	border-radius: 4px;
	background: var(--acaart-tint);
	color: var(--acaart-accent);
	font-size: 0.5em;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-align: center;
	font-variant-numeric: tabular-nums;
	vertical-align: 0.42em;
}

.acaart-pad-article h2.acaart-pad-heading--badge > .acaart-pad-heading__number::after {
	content: counter(acaart-h2, decimal-leading-zero);
}

/* ==========================================================================
 * H2 - further treatments
 *
 * Kept for sites that chose them. Offered under Customize headings rather
 * than as systems of their own.
 * ========================================================================== */

/* Eyebrow - a short rule above the heading. */
.acaart-pad-article .acaart-pad-heading--eyebrow::before {
	content: "";
	display: block;
	inline-size: var(--acaart-decor-width);
	max-inline-size: 100%;
	block-size: var(--acaart-decor-weight);
	margin-block-end: 0.55em;
	border-radius: 2px;
	background: var(--acaart-accent);
}

/* Banner - a quiet panel with a short rule inside. No gradient, no shadow. */
.acaart-pad-article .acaart-pad-heading--banner {
	padding-block: 0.8em 0.75em;
	padding-inline: 1em;
	border: 1px solid var(--acaart-border);
	border-radius: var(--acaart-radius-md, 6px);
	background: var(--acaart-tint);
}

.acaart-pad-article .acaart-pad-heading--banner::before {
	content: "";
	display: block;
	inline-size: var(--acaart-decor-width);
	max-inline-size: 100%;
	block-size: var(--acaart-decor-weight);
	margin-block-end: 0.5em;
	border-radius: 2px;
	background: var(--acaart-accent);
}

/* Ghost numeral - the shared number, drawn large and faint behind the text. */
.acaart-pad-article.acaart-pad-headings-ghost {
	counter-reset: acaart-h2;
}

.acaart-pad-article.acaart-pad-headings-ghost h2.acaart-pad-heading {
	counter-increment: acaart-h2;
}

.acaart-pad-article .acaart-pad-heading--ghost {
	padding-block-start: 0.35em;
	isolation: isolate;
}

.acaart-pad-article h2.acaart-pad-heading--ghost > .acaart-pad-heading__number {
	display: block;
	position: absolute;
	z-index: -1;
	inset-block-start: -0.2em;
	inset-inline-start: -0.04em;
	margin: 0;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: color-mix(in srgb, var(--acaart-accent) 13%, transparent);
	pointer-events: none;
}

.acaart-pad-article h2.acaart-pad-heading--ghost > .acaart-pad-heading__number::after {
	content: counter(acaart-h2, decimal-leading-zero);
}

/*
 * Legend - the heading breaking a hairline rule. The mask is the article
 * background, so this one needs an opaque background behind the article.
 */
.acaart-pad-article .acaart-pad-heading--legend {
	padding-block-start: 0.4em;
	padding-inline-end: 0.75em;
	inline-size: fit-content;
	max-inline-size: 100%;
	background: var(--acaart-background);
	box-shadow: 0 0 0 0.55em var(--acaart-background);
	isolation: isolate;
}

.acaart-pad-article .acaart-pad-heading--legend::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline: 0;
	inset-block-start: 50%;
	block-size: 1px;
	background: var(--acaart-border);
}

/* Marker - a highlighter stroke behind short headings. */
.acaart-pad-article .acaart-pad-heading--marker {
	inline-size: fit-content;
	max-inline-size: 100%;
	padding-inline: 0.18em;
	background-image: linear-gradient(
		to top,
		color-mix(in srgb, var(--acaart-accent) 28%, transparent) 0 40%,
		transparent 40%
	);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* Corner - a bracket at the opening corner. */
.acaart-pad-article .acaart-pad-heading--corner {
	padding-block-start: 0.55em;
	padding-inline-start: 0.6em;
}

.acaart-pad-article .acaart-pad-heading--corner::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 0.7em;
	block-size: 0.7em;
	border-block-start: var(--acaart-decor-weight) solid var(--acaart-accent);
	border-inline-start: var(--acaart-decor-weight) solid var(--acaart-accent);
}

/* Divider - a full accent rule above. */
.acaart-pad-article .acaart-pad-heading--divider {
	padding-block-start: 0.8em;
	border-block-start: var(--acaart-decor-weight) solid var(--acaart-accent);
}

/* Section tab - the heading on a tinted tab the width of its text. */
.acaart-pad-article .acaart-pad-heading--tab {
	inline-size: fit-content;
	max-inline-size: 100%;
	padding-block: 0.3em;
	padding-inline: 0.6em;
	border-start-start-radius: var(--acaart-radius-md, 6px);
	border-start-end-radius: var(--acaart-radius-md, 6px);
	background: var(--acaart-tint);
	box-shadow: inset 0 calc(-1 * var(--acaart-decor-weight)) 0 0 var(--acaart-accent);
}

/* Index chip - a small pill above the heading. */
.acaart-pad-article .acaart-pad-heading--chip::before {
	content: "";
	display: block;
	inline-size: min(var(--acaart-decor-width), 3em);
	block-size: 0.4em;
	margin-block-end: 0.55em;
	border-radius: 999px;
	background: var(--acaart-accent);
}

/* Underline - a thick rule under the text only. */
.acaart-pad-article .acaart-pad-heading--underline {
	inline-size: fit-content;
	max-inline-size: 100%;
	padding-block-end: 0.3em;
	border-block-end: calc(var(--acaart-decor-weight) + 1px) solid var(--acaart-accent-edge);
}

/* ==========================================================================
 * H3 - subsection treatments
 *
 * Quieter than any H2: a short stroke or a hairline, never a panel.
 * ========================================================================== */

/* Short underline, under the start of the text. */
.acaart-pad-article .acaart-pad-heading--sub-underline {
	padding-block-end: 0.35em;
}

.acaart-pad-article .acaart-pad-heading--sub-underline::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
	inline-size: 1.4em;
	block-size: 2px;
	border-radius: 1px;
	background: var(--acaart-accent);
}

/*
 * Small leading accent: a short stroke at the height of the first line's
 * middle. `lh` places it on the line whatever the theme's line height; the
 * `em` value before it is the fallback where `lh` is not supported.
 */
.acaart-pad-article .acaart-pad-heading--sub-tick {
	padding-inline-start: 0.95em;
}

.acaart-pad-article .acaart-pad-heading--sub-tick::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: calc(0.68em - 1px);
	inset-block-start: calc(0.5lh - 1px);
	inline-size: 0.55em;
	block-size: 2px;
	border-radius: 1px;
	background: var(--acaart-accent);
}

/* Hairline divider under the heading. */
.acaart-pad-article .acaart-pad-heading--sub-rule {
	padding-block-end: 0.3em;
	border-block-end: 1px solid var(--acaart-border);
}

/* ==========================================================================
 * H4 - small internal subdivisions
 * ========================================================================== */

.acaart-pad-article .acaart-pad-heading--minor-strong {
	font-weight: 650;
}

.acaart-pad-article .acaart-pad-heading--minor-dash {
	padding-inline-start: 0.85em;
	font-weight: 600;
}

.acaart-pad-article .acaart-pad-heading--minor-dash::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: calc(0.72em - 1px);
	inset-block-start: calc(0.5lh - 1px);
	inline-size: 0.45em;
	block-size: 2px;
	border-radius: 1px;
	background: var(--acaart-accent-edge);
}

/* ==========================================================================
 * Soft edge - available to H3 and H4 ("Minimal" before 2.0)
 * ========================================================================== */

.acaart-pad-article .acaart-pad-heading--minimal {
	padding-inline-start: 0.6em;
	border-inline-start: 2px solid var(--acaart-accent-edge);
}

/* ==========================================================================
 * Hierarchy controls
 * ========================================================================== */

/*
 * Weight. "Theme default" writes nothing. The choice sets H2 and one step
 * lighter for H3; H4 takes its weight from its own treatment.
 */
.acaart-pad-article.has-heading-weight-medium h2.acaart-pad-heading,
.acaart-pad-article.has-heading-weight-medium h3.acaart-pad-heading {
	font-weight: 600;
}

.acaart-pad-article.has-heading-weight-strong h2.acaart-pad-heading {
	font-weight: 700;
}

.acaart-pad-article.has-heading-weight-strong h3.acaart-pad-heading {
	font-weight: 650;
}

/* Alignment, logical so Start is the right edge in RTL. */
.acaart-pad-article.has-heading-align-start :is(h2, h3, h4).acaart-pad-heading {
	text-align: start;
}

.acaart-pad-article.has-heading-align-center :is(h2, h3, h4).acaart-pad-heading {
	text-align: center;
}

/* Centred text centres its decoration too, static or positioned. */
.acaart-pad-article.has-heading-align-center .acaart-pad-heading::before {
	margin-inline: auto;
}

.acaart-pad-article.has-heading-align-center :is(.acaart-pad-heading--classic, .acaart-pad-heading--sub-underline)::after {
	inset-inline: 0;
	margin-inline: auto;
}

.acaart-pad-article.has-heading-align-center :is(.acaart-pad-heading--legend, .acaart-pad-heading--marker, .acaart-pad-heading--tab, .acaart-pad-heading--underline) {
	margin-inline: auto;
}

/*
 * A subsection straight after its section heading belongs to it: the full
 * gap above an H3 would separate the two instead of joining them.
 */
.acaart-pad-article h2.acaart-pad-heading + h3.acaart-pad-heading,
.acaart-pad-article h3.acaart-pad-heading + h4.acaart-pad-heading {
	margin-block-start: calc(var(--acaart-heading-space-after, 0.85em) * 1.2);
}

/* ==========================================================================
 * Numbering
 *
 * Independent of the Numbered style, so any treatment can carry numbers. The
 * number is written into the dedicated element, which is aria-hidden, so a
 * screen reader announces the heading text alone.
 * ========================================================================== */

.acaart-pad-article .acaart-pad-heading__number {
	display: none;
}

.acaart-pad-article.has-heading-numbering-h2,
.acaart-pad-article.has-heading-numbering-h2h3 {
	counter-reset: acaart-h2;
}

.acaart-pad-article.has-heading-numbering-h2 h2.acaart-pad-heading,
.acaart-pad-article.has-heading-numbering-h2h3 h2.acaart-pad-heading {
	counter-increment: acaart-h2;
	counter-reset: acaart-h3;
}

.acaart-pad-article.has-heading-numbering-h2 h2.acaart-pad-heading > .acaart-pad-heading__number,
.acaart-pad-article.has-heading-numbering-h2h3 h2.acaart-pad-heading > .acaart-pad-heading__number,
.acaart-pad-article.has-heading-numbering-h2h3 h3.acaart-pad-heading > .acaart-pad-heading__number {
	display: inline-block;
	margin-inline-end: 0.35em;
	color: var(--acaart-accent);
	font-variant-numeric: tabular-nums;
}

.acaart-pad-article.has-heading-numbering-h2 h2.acaart-pad-heading > .acaart-pad-heading__number::after,
.acaart-pad-article.has-heading-numbering-h2h3 h2.acaart-pad-heading > .acaart-pad-heading__number::after {
	content: counter(acaart-h2) ".";
}

.acaart-pad-article.has-heading-numbering-h2h3 h3.acaart-pad-heading {
	counter-increment: acaart-h3;
}

.acaart-pad-article.has-heading-numbering-h2h3 h3.acaart-pad-heading > .acaart-pad-heading__number::after {
	content: counter(acaart-h2) "." counter(acaart-h3);
}

/*
 * The Numbered and Ghost styles present the number their own way. Declared
 * after the generic numbering so their presentation wins; both write the same
 * single element, so there is still exactly one number.
 */
.acaart-pad-article.acaart-pad-headings-numbered h2.acaart-pad-heading--numbered > .acaart-pad-heading__number {
	display: inline-block;
	margin-inline-end: 0.55em;
}

.acaart-pad-article.acaart-pad-headings-numbered h2.acaart-pad-heading--numbered > .acaart-pad-heading__number::after {
	content: counter(acaart-h2, decimal-leading-zero);
}

.acaart-pad-article.acaart-pad-headings-ghost h2.acaart-pad-heading--ghost > .acaart-pad-heading__number {
	display: block;
	margin: 0;
	color: color-mix(in srgb, var(--acaart-accent) 13%, transparent);
}

.acaart-pad-article.acaart-pad-headings-numbered h2.acaart-pad-heading--numbered > .acaart-pad-heading__number {
	color: var(--acaart-accent);
}

.acaart-pad-article.acaart-pad-headings-ghost h2.acaart-pad-heading--ghost > .acaart-pad-heading__number::after {
	content: counter(acaart-h2, decimal-leading-zero);
}

/*
 * The Section badge keeps its own presentation when generic numbering is also
 * on - H3 numbering, for example, still reads "1.1" beside it.
 */
.acaart-pad-article.acaart-pad-headings-badge h2.acaart-pad-heading--badge > .acaart-pad-heading__number {
	display: inline-block;
	margin-inline-end: 0.8em;
	color: var(--acaart-accent);
}

.acaart-pad-article.acaart-pad-headings-badge h2.acaart-pad-heading--badge > .acaart-pad-heading__number::after {
	content: counter(acaart-h2, decimal-leading-zero);
}

/* Fit-content treatments relax to full width when a number leads them. */
.acaart-pad-article:is(.has-heading-numbering-h2, .has-heading-numbering-h2h3) :is(.acaart-pad-heading--underline, .acaart-pad-heading--tab) {
	inline-size: auto;
}

/* ==========================================================================
 * Fallbacks and print
 * ========================================================================== */

@supports not (color: color-mix(in srgb, red 50%, transparent)) {
	.acaart-pad-article {
		--acaart-tint: var(--acaart-surface);
		--acaart-accent-edge: var(--acaart-border);
	}

	.acaart-pad-article.has-heading-accent-subtle,
	.acaart-pad-article.has-heading-accent-strong {
		--acaart-accent-soft: rgba(0, 0, 0, 0.06);
		--acaart-tint: var(--acaart-surface);
		--acaart-accent-edge: var(--acaart-border);
	}

	.acaart-pad-article h2.acaart-pad-heading--ghost > .acaart-pad-heading__number {
		color: var(--acaart-border);
	}

	.acaart-pad-article .acaart-pad-heading--marker {
		background-image: none;
		border-block-end: 4px solid var(--acaart-border);
	}
}

@media print {
	.acaart-pad-article :is(.acaart-pad-heading--band, .acaart-pad-heading--banner, .acaart-pad-heading--tab, .acaart-pad-heading--marker) {
		padding-inline: 0;
		border: 0;
		background: none;
		box-shadow: none;
	}

	.acaart-pad-article .acaart-pad-heading--legend {
		box-shadow: none;
	}

	.acaart-pad-article h2.acaart-pad-heading--badge > .acaart-pad-heading__number {
		background: none;
	}
}