/* ============================================================================
   EUX Blocks — eux/tyro-eux
   Two-column: left copy + help card, right dark credentials panel.
   Cred-row styles live in tyro-eux-cred/style.css.
   ============================================================================ */

.eux-block--tyro-eux { display: block; }

.eux-block--tyro-eux { padding-block: 96px; }

.eux-block--tyro-eux.eux-tyro-eux--cream { background: var(--eux-cream-100); }
.eux-block--tyro-eux.eux-tyro-eux--light { background: var(--eux-white); }
.eux-block--tyro-eux.eux-tyro-eux--dark  { background: #0a0a0a; }

/* ---- Container ----------------------------------------------------------- */
.eux-block--tyro-eux .eux-tyro-eux__container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 48px;
}

/* ============================================================================
   COLUMNS — 50/50, gap 64px. Defend against Salient flex-grow.
   ============================================================================ */

.eux-block--tyro-eux .wp-block-columns.eux-tyro-eux__cols {
	gap: 64px;
	margin: 0;
	align-items: flex-start;
}

@media (min-width: 901px) {
	.eux-block--tyro-eux .wp-block-columns.eux-tyro-eux__cols > .wp-block-column.eux-tyro-eux__copy-col {
		flex: 0 0 50% !important;
		max-width: 50%;
	}
	.eux-block--tyro-eux .wp-block-columns.eux-tyro-eux__cols > .wp-block-column.eux-tyro-eux__creds-col {
		flex: 0 0 calc(50% - 64px) !important;
		max-width: 50%;
	}
}

@media (min-width: 783px) and (max-width: 900px) {
	.eux-block--tyro-eux .wp-block-columns.eux-tyro-eux__cols {
		flex-wrap: wrap !important;
		gap: 40px;
	}
	.eux-block--tyro-eux .wp-block-columns.eux-tyro-eux__cols > .wp-block-column {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
}

/* ============================================================================
   LEFT COLUMN — heading, body, help card
   ============================================================================ */

.eux-block--tyro-eux .eux-tyro-eux__title {
	font-family: var(--eux-font-display) !important;
	font-weight: 400 !important;
	font-size: clamp(34px, 4.2vw, 50px) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.024em !important;
	color: var(--eux-ink-900) !important;
	margin: 14px 0 18px !important;
	text-wrap: balance;
	max-width: 18ch;
}

.eux-block--tyro-eux .eux-tyro-eux__title em {
	font-style: italic;
	font-weight: 300;
	color: var(--eux-woo-purple);
}

.eux-block--tyro-eux.eux-tyro-eux--dark .eux-tyro-eux__title {
	color: var(--eux-cream) !important;
}

.eux-block--tyro-eux .eux-tyro-eux__body {
	font-family: var(--eux-font-body) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: var(--eux-ink-700) !important;
	margin: 0 0 14px !important;
	max-width: 52ch;
}

.eux-block--tyro-eux.eux-tyro-eux--dark .eux-tyro-eux__body {
	color: rgba(244, 240, 236, 0.65) !important;
}

/* ---- "What we help with" white card ------------------------------------- */

.eux-block--tyro-eux .eux-tyro-eux__help {
	margin-top: 24px !important;
	background: var(--eux-white);
	border: 1px solid var(--eux-ink-100);
	border-radius: 14px;
	padding: 22px 26px !important;
}

.eux-block--tyro-eux .eux-tyro-eux__help-hd {
	font-family: var(--eux-font-mono) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase;
	color: var(--eux-woo-purple) !important;
	margin: 0 0 12px !important;
	display: block;
}

/* 2-col list */
.eux-block--tyro-eux .eux-tyro-eux__help-list {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 8px 24px;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.eux-block--tyro-eux .eux-tyro-eux__help-list li,
.eux-block--tyro-eux .eux-tyro-eux__help-list .wp-block-list-item {
	position: relative;
	padding-left: 24px;
	list-style: none !important;
	font-family: var(--eux-font-body) !important;
	font-size: 13px !important;
	color: var(--eux-ink-800) !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

.eux-block--tyro-eux .eux-tyro-eux__help-list li::before,
.eux-block--tyro-eux .eux-tyro-eux__help-list .wp-block-list-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 14px;
	height: 14px;
	border-radius: var(--eux-r-pill);
	background-color: var(--eux-woo-50);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' stroke='%23720EEC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='3%2C6 5%2C8 9%2C4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px 8px;
}

.eux-block--tyro-eux .eux-tyro-eux__help-list li::marker,
.eux-block--tyro-eux .eux-tyro-eux__help-list .wp-block-list-item::marker {
	content: '' !important;
}

@media (max-width: 540px) {
	.eux-block--tyro-eux .eux-tyro-eux__help-list {
		grid-template-columns: 1fr !important;
	}
}

/* ============================================================================
   RIGHT COLUMN — dark credentials panel
   ============================================================================ */

.eux-block--tyro-eux .eux-tyro-eux__creds {
	background: var(--eux-ink-900);
	border-radius: 18px;
	padding: 28px 28px 30px !important;
	margin: 0 !important;
	gap: 0 !important; /* rows handle their own spacing via border-top */
}

.eux-block--tyro-eux .eux-tyro-eux__creds-hd {
	font-family: var(--eux-font-mono) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase;
	color: var(--eux-woo-300) !important;
	margin: 0 0 6px !important;
}

.eux-block--tyro-eux .eux-tyro-eux__creds-sub {
	font-family: var(--eux-font-display) !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.014em !important;
	color: var(--eux-cream) !important;
	margin: 0 0 20px !important;
	text-wrap: balance;
	max-width: 24ch;
}

.eux-block--tyro-eux .eux-tyro-eux__creds-sub em {
	font-style: italic;
	font-weight: 300;
	color: var(--eux-woo-300);
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */

@media (min-width: 901px) and (max-width: 1399px) {
	.eux-block--tyro-eux { padding-block: 80px; }
	.eux-block--tyro-eux .eux-tyro-eux__container { padding: 0 40px; }
	.eux-block--tyro-eux .wp-block-columns.eux-tyro-eux__cols { gap: 48px; }
}

@media (max-width: 900px) {
	.eux-block--tyro-eux { padding-block: 64px; }
	.eux-block--tyro-eux .eux-tyro-eux__container { padding: 0 32px; }
}

@media (max-width: 720px) {
	.eux-block--tyro-eux .eux-tyro-eux__container { padding: 0 24px; }
}