/* SubpageContentV1 — module-specific styles. */

/* Design: callout renders as the "logomark + top/bottom border" variant —
   transparent band with accent rules above and below, body-toned copy. */
.spg-cnt.v1 .bg-bx.cnt-callout {
	background-color: transparent;
	border-block: 1px solid var(--lt-bdr);
	border-radius: 0;
	padding-block: 2rem;
	--fnt-t-itm: var(--text-color);
}

.spg-cnt.v1 .bg-bx.cnt-callout::after {
	background-color: transparent;
}

.spg-cnt.v1 .cnt-callout .fnt_pl {
	font-weight: var(--fnt-t-nt-w);
}

.spg-cnt.v1 .three-8ths > * + * {
	margin-top: var(--sp-vm-clc);
}

/* Collapse the side rail when its accessory renders nothing (e.g. SideNav on a page with
   no siblings): the slot still emits fragment comments and the template's own indentation,
   so :empty never matches — whitespace text nodes block it. :not(:has(*)) tests for element
   children instead, which ignores both. The column is a fixed-width flex item, so hiding it
   lets .ato take the full row and collapses the f_gp gutter with it. */
.spg-cnt.v1 .three-8ths:not(:has(*)) {
	display: none;
}

.spg-cnt.v1 .sd-cta {
	padding: 1.33rem;

	ul li {
	
		&::before {
			background-color: var(--accent)
		}
	}
}


/* Stacked mobile columns: the row's f_gp is a column-gap only (desktop gutter), and the
   catalog's stacked-mode margin fallback covers gp_sp containers, not f_gp — so the
   content column (button) and the side accessory need their own vertical rhythm. */
@media screen and (max-width: 1279px) {

	.spg-cnt.v1 .flx-at-1280 > * + * {
		margin-top: var(--sp-vm-clc);
	}

}