/* Generated by scripts/extract-content.mjs from mockup/relationship/grandparentage-test.html <style>. Do not edit; edit the mockup and re-run npm run extract. */
.wp-block-post-content .overview { background: var(--white); }
.wp-block-post-content .overview-inner { max-width: 760px; }
.wp-block-post-content .overview-inner p:where(:not([class*="from-"])) { font-size: .97rem; color: var(--muted); line-height: 1.8; margin-bottom: 14px; }
.wp-block-post-content .how { background: var(--bg); }
.wp-block-post-content .how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.wp-block-post-content .how-card { background: var(--white); border-radius: var(--radius); padding: 32px 28px; border: 1.5px solid #ddf0f4; }
.wp-block-post-content .how-card h3 { font-size: 1rem; color: var(--dark); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.wp-block-post-content .how-card h3 svg { width: 20px; height: 20px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; }
.wp-block-post-content .how-card p:where(:not([class*="from-"])) { font-size: .88rem; color: var(--muted); line-height: 1.72; margin-bottom: 10px; }
.wp-block-post-content .how-card ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.wp-block-post-content .how-card ul li { position: relative; padding-left: 16px; font-size: .87rem; color: var(--muted); line-height: 1.6; }
.wp-block-post-content .how-card ul li::before { content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }
.wp-block-post-content .results { background: var(--white); }
.wp-block-post-content .results-highlight { background: var(--teal-l); border: 2px solid #a8e0e8; border-radius: var(--radius); padding: 32px; max-width: 640px; }
.wp-block-post-content .results-highlight h3 { font-size: 1.1rem; color: var(--teal-d); margin-bottom: 16px; }
.wp-block-post-content .results-highlight ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.wp-block-post-content .results-highlight ul li { position: relative; padding-left: 24px; font-size: .9rem; color: var(--mid); line-height: 1.6; }
.wp-block-post-content .results-highlight ul li::before { content: '✓'; position: absolute; left: 0; top: 1px; color: var(--teal); font-weight: 700; font-size: .85rem; }
.wp-block-post-content .alt-banner { background: var(--gold-l); border: 1.5px solid #f0d9a0; border-radius: var(--radius); padding: 24px 28px; display: flex; align-items: center; gap: 16px; margin-top: 40px; }
.wp-block-post-content .alt-banner svg { width: 24px; height: 24px; stroke: var(--gold); fill: none; stroke-width: 2; flex-shrink: 0; }
.wp-block-post-content .alt-banner p:where(:not([class*="from-"])) { font-size: .9rem; color: #6b4800; line-height: 1.6; }
.wp-block-post-content .alt-banner a { color: var(--gold); font-weight: 600; text-decoration: none; }
.wp-block-post-content .alt-banner a:hover { text-decoration: underline; }
@media (max-width: 900px) {
	.wp-block-post-content .how-grid { grid-template-columns: 1fr; }
}