/* Generated by scripts/extract-content.mjs from mockup/relationship/dna-id.html <style>. Do not edit; edit the mockup and re-run npm run extract. */
.wp-block-post-content .intro { background: var(--white); }
.wp-block-post-content .intro-text { max-width: 760px; }
.wp-block-post-content .intro-text p:where(:not([class*="from-"])) { font-size: .97rem; color: var(--muted); line-height: 1.8; margin-bottom: 16px; }
.wp-block-post-content .advantages { background: var(--bg); }
.wp-block-post-content .adv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.wp-block-post-content .adv-column h3 { font-size: 1.05rem; color: var(--dark); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--teal-l); }
.wp-block-post-content .adv-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }
.wp-block-post-content .adv-item { display: flex; align-items: flex-start; gap: 14px; }
.wp-block-post-content .adv-icon { width: 36px; height: 36px; border-radius: 9px; background: var(--teal-l); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wp-block-post-content .adv-icon svg { width: 18px; height: 18px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; }
.wp-block-post-content .adv-item p:where(:not([class*="from-"])) { font-size: .88rem; color: var(--muted); line-height: 1.6; padding-top: 4px; }
.wp-block-post-content .storage { background: var(--white); }
.wp-block-post-content .storage-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; margin-top: 8px; }
.wp-block-post-content .storage-card { border-radius: var(--radius); padding: 28px 24px; border: 2px solid; }
.wp-block-post-content .storage-card.primary-store { border-color: #a8e0e8; background: var(--teal-l); }
.wp-block-post-content .storage-card.blood-card { border-color: #f5b8b2; background: #fff5f5; }
.wp-block-post-content .storage-card.saliva-card { border-color: #a8e0e8; background: #f0faf8; }
.wp-block-post-content .storage-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 10px; }
.wp-block-post-content .storage-card.primary-store h3 { color: var(--teal-d); }
.wp-block-post-content .storage-card.blood-card h3 { color: #9b1c1c; }
.wp-block-post-content .storage-card.saliva-card h3 { color: var(--teal-d); }
.wp-block-post-content .storage-card p:where(:not([class*="from-"])) { font-size: .86rem; line-height: 1.65; }
.wp-block-post-content .storage-card.primary-store p:where(:not([class*="from-"])) { color: var(--mid); }
.wp-block-post-content .storage-card.blood-card p:where(:not([class*="from-"])) { color: #7f1d1d; }
.wp-block-post-content .storage-card.saliva-card p:where(:not([class*="from-"])) { color: var(--mid); }
.wp-block-post-content .storage-highlight { display: inline-block; margin-top: 10px; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 3px 10px; border-radius: 100px; background: rgba(64,202,214,.12); color: var(--teal-d); }
.wp-block-post-content .format { background: var(--bg); }
.wp-block-post-content .format-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.wp-block-post-content .format-card { background: var(--white); border-radius: var(--radius); padding: 32px 28px; border: 1.5px solid #ddf0f4; }
.wp-block-post-content .format-badge { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 4px 12px; border-radius: 100px; margin-bottom: 16px; }
.wp-block-post-content .badge-p { background: var(--teal-l); color: var(--teal-d); }
.wp-block-post-content .badge-l { background: var(--gold-l); color: #7a5600; }
.wp-block-post-content .format-card h3 { font-size: 1.05rem; color: var(--dark); margin-bottom: 10px; }
.wp-block-post-content .format-card p:where(:not([class*="from-"])) { font-size: .87rem; color: var(--muted); line-height: 1.68; }
@media (max-width: 900px) {
	.wp-block-post-content .adv-grid, .wp-block-post-content .format-grid { grid-template-columns: 1fr; }
}