/* ===================================================================
 * page-partnerships.css — /support-us/partnerships
 * Linnea spec v1 — Corporate & Trusts page.
 * Loads only on the partnerships page (conditional in functions.php).
 *
 * Composition:
 *   .tec-partnerships-intro     — Zone 1 (intro band, hero-weight padding)
 *   .tec-partnerships-columns   — Zone 2 outer (two-col container band)
 *   .tec-partnerships-grid      — the 50/50 grid layer (on wp-block-columns)
 *   .tec-partnerships-col       — each column (flex, CTA bottom-aligned)
 *   .tec-partnerships-cta       — CTA wrapper at column foot
 *   .tec-offer-list             — Corporate column unordered list
 *   .tec-credentials-list       — Trusts column <dl> credentials block
 *   .tec-partnerships-colophon  — Zone 3 (full-width quiet colophon)
 *   .tec-placeholder-token      — v1 bracketed placeholder highlight
 *
 * Token mapping (theme.json):
 *   - Vertical column hairline (desktop):  ink-divider  (#e5e5e5)
 *   - All other hairlines:                  transparent-navy (~5% navy)
 *   - Colophon surface:                     light-blue  (#F2F7FE)
 *
 * Loaded AFTER tokens / bands / buttons / generate-style.
 * =================================================================== */

/* === Zone 1 — Intro band ====================================== */
.tec-partnerships-intro {
	padding-block: var(--wp--preset--spacing--70);
}
.tec-partnerships-intro .tec-band-inner {
	text-align: left;
}
.tec-partnerships-intro__lead {
	max-width: var(--tec-width-prose);
}
.tec-partnerships-intro > .tec-band-inner > h1 {
	margin-bottom: var(--wp--preset--spacing--40);
}

/* === Zone 2 — Two-column partnerships container =============== */
.tec-partnerships-columns {
	padding-block: var(--wp--preset--spacing--70);
}

/* Map .tec-partnerships-grid onto the native wp-block-columns markup.
 * The class is added to <div class="wp-block-columns"> via the block
 * className attribute (see partnerships-content.html). */
.tec-partnerships-grid.wp-block-columns,
.tec-partnerships-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--60);
	align-items: stretch;
	margin: 0;
}

/* Each column is a flex column so the CTA can bottom-align via margin-top:auto */
.tec-partnerships-grid > .tec-partnerships-col.wp-block-column,
.tec-partnerships-grid > .tec-partnerships-col {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--50);
	flex-basis: auto;
	flex-grow: 0;
}

/* Desktop: hairline rule between the columns + symmetric gutter */
@media (min-width: 767px) {
	.tec-partnerships-grid > .tec-partnerships-col:first-child {
		padding-right: var(--wp--preset--spacing--60);
	}
	.tec-partnerships-grid > .tec-partnerships-col + .tec-partnerships-col {
		border-left: 1px solid var(--wp--preset--color--ink-divider);
		padding-left: var(--wp--preset--spacing--60);
	}
}

/* Mobile stack */
@media (max-width: 766px) {
	.tec-partnerships-grid.wp-block-columns,
	.tec-partnerships-grid {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--60);
	}
	.tec-partnerships-grid > .tec-partnerships-col + .tec-partnerships-col {
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--transparent-navy);
		padding-left: 0;
		padding-top: var(--wp--preset--spacing--60);
	}
	.tec-partnerships-grid > .tec-partnerships-col:first-child {
		padding-right: 0;
	}
}

/* CTA wrapper at column foot — bottom-aligned on desktop via margin-top:auto */
.tec-partnerships-col > .tec-partnerships-cta {
	margin-top: auto;
	padding-top: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--transparent-navy);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
}
.tec-partnerships-cta > h3 {
	margin: 0;
}
.tec-partnerships-cta > .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--20);
}

/* === Zone 2A — Corporate offer list =========================== */
.tec-offer-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
}
.tec-offer-list > li {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	margin: 0;
	padding: 0;
}
.tec-offer-list > li > strong {
	font-family: var(--wp--preset--font-family--sans-heading);
	font-weight: 700;
}

/* === Zone 2B — Trusts credentials list (<dl>) ================= */
.tec-credentials-list {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 40fr 60fr;
	column-gap: var(--wp--preset--spacing--40);
}
.tec-credentials-list > dt,
.tec-credentials-list > dd {
	padding-block: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--transparent-navy);
	margin: 0;
}
.tec-credentials-list > dt:first-of-type,
.tec-credentials-list > dt:first-of-type + dd {
	border-top: 0;
}
.tec-credentials-list > dt {
	font-family: var(--wp--preset--font-family--sans-heading);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--charcoal);
	line-height: 1.4;
	align-self: baseline;
}
.tec-credentials-list > dd {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.5;
	color: var(--wp--preset--color--charcoal);
}
.tec-credentials-list > dd a {
	word-break: break-word;
}

@media (max-width: 766px) {
	.tec-credentials-list {
		grid-template-columns: 1fr;
		column-gap: 0;
	}
	.tec-credentials-list > dt {
		padding-bottom: var(--wp--preset--spacing--20);
		border-top: 1px solid var(--wp--preset--color--transparent-navy);
	}
	.tec-credentials-list > dt:first-of-type {
		border-top: 0;
	}
	.tec-credentials-list > dd {
		padding-top: 0;
		padding-bottom: var(--wp--preset--spacing--30);
		border-top: 0;
	}
}

/* === Zone 3 — Colophon strip ================================== */
.tec-partnerships-colophon {
	padding-block: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--transparent-navy);
}
.tec-partnerships-colophon__body {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	color: var(--wp--preset--color--charcoal);
	margin: 0;
}

/* === Placeholder tokens (v1 visible bracket markers) ==========
 * <mark class="tec-placeholder-token">[TOKEN_NAME]</mark>
 * Renders as a soft yellow highlight + dashed outline so Alfonso
 * can scan the page and confirm every [TOKEN] before v1.1 fill. */
.tec-placeholder-token {
	background: rgba(198, 143, 2, 0.14); /* accent-yellow @ 14% */
	color: var(--wp--preset--color--near-black);
	padding: 0.05em 0.35em;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px rgba(198, 143, 2, 0.55);
	font-family: var(--wp--preset--font-family--sans-heading);
	font-size: 0.92em;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
}
/* When a placeholder token sits inside a link (credentials block / colophon),
 * force the dark token foreground so the bracketed text reads as a
 * "this is a placeholder" marker, not as a (low-contrast) yellow link.
 * Keeps WCAG AA at the token glyph level; the link affordance is
 * carried by the underline + hover (navy) per styles.elements.link. */
.tec-credentials-list > dd a > .tec-placeholder-token,
.tec-partnerships-colophon a > .tec-placeholder-token {
	color: var(--wp--preset--color--near-black);
}