/* Generated by scripts/extract-content.mjs from mockup/relationship/twin-testing.html <style>. Do not edit; edit the mockup and re-run npm run extract. */
.wp-block-post-content .types { background: var(--white); }
.wp-block-post-content .types-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.wp-block-post-content .twin-card { border-radius: var(--radius); padding: 36px 30px; border: 2px solid; text-align: center; }
.wp-block-post-content .twin-card.identical { border-color: #a8e0e8; background: var(--teal-l); }
.wp-block-post-content .twin-card.fraternal { border-color: #f0d9a0; background: var(--gold-l); }
.wp-block-post-content .twin-card-icon { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.wp-block-post-content .twin-card.identical .twin-card-icon { background: rgba(64,202,214,.15); }
.wp-block-post-content .twin-card.fraternal .twin-card-icon { background: rgba(201,146,10,.15); }
.wp-block-post-content .twin-card-icon svg { width: 30px; height: 30px; stroke-width: 2; stroke-linecap: round; fill: none; }
.wp-block-post-content .twin-card.identical .twin-card-icon svg { stroke: var(--teal); }
.wp-block-post-content .twin-card.fraternal .twin-card-icon svg { stroke: var(--gold); }
.wp-block-post-content .twin-card-label { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 6px; padding: 3px 10px; margin-bottom: 14px; }
.wp-block-post-content .twin-card.identical .twin-card-label { background: rgba(64,202,214,.15); color: var(--teal-d); }
.wp-block-post-content .twin-card.fraternal .twin-card-label { background: rgba(201,146,10,.15); color: #7a5600; }
.wp-block-post-content .twin-card h3 { font-size: 1.1rem; margin-bottom: 12px; }
.wp-block-post-content .twin-card.identical h3 { color: var(--teal-d); }
.wp-block-post-content .twin-card.fraternal h3 { color: #7a5600; }
.wp-block-post-content .twin-card p:where(:not([class*="from-"])) { font-size: .88rem; line-height: 1.7; }
.wp-block-post-content .twin-card.identical p:where(:not([class*="from-"])) { color: var(--mid); }
.wp-block-post-content .twin-card.fraternal p:where(:not([class*="from-"])) { color: #6b4800; }
.wp-block-post-content .process { background: var(--bg); }
.wp-block-post-content .process-box { background: var(--white); border-radius: var(--radius); padding: 36px; border: 1.5px solid #ddf0f4; max-width: 680px; }
.wp-block-post-content .process-box h3 { font-size: 1.05rem; color: var(--dark); margin-bottom: 16px; }
.wp-block-post-content .process-box p:where(:not([class*="from-"])) { font-size: .9rem; color: var(--muted); line-height: 1.75; margin-bottom: 12px; }
.wp-block-post-content .turnaround-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--teal-l); border: 1.5px solid #a8e0e8; border-radius: 8px; padding: 10px 18px; margin-top: 8px; }
.wp-block-post-content .turnaround-badge svg { width: 18px; height: 18px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; }
.wp-block-post-content .turnaround-badge :where(span, p.from-span) { font-size: .88rem; font-weight: 600; color: var(--teal-d); }
@media (max-width: 900px) {
	.wp-block-post-content .types-grid { grid-template-columns: 1fr; }
}