:root { --navy: #1A2B48; --navy-dark: #0f1a2e; --gold: #C5A059; --gold-hover: #b8934d; --alabaster: #F9F8F6; --white: #ffffff; --text: #2D2D2D; --gray: #6B7280; --gray-light: #9CA3AF; --green: #2E7D32; --amber: #EF6C00; --red: #C62828; --border: rgba(0,0,0,.06); --shadow-sm: 0 1px 3px rgba(0,0,0,.06); --shadow-md: 0 4px 12px rgba(0,0,0,.08); --shadow-lg: 0 8px 24px rgba(0,0,0,.12); --tag-prenatal: #F8BBD9; --tag-stretch: #B3E5FC; --tag-cardio: #FFCCBC; --tag-advanced: #FFE082; --font-heading: Georgia, 'Times New Roman', serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-mono: 'Courier New', monospace; --max-w: 1200px; --radius: 4px; --radius-lg: 8px; --transition: .25s ease; }  *, *::before, *::after { box-sizing: border-box; } body { font-family: var(--font-body); color: var(--text); background: var(--alabaster); line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--navy); line-height: 1.2; margin: 0; } img { max-width: 100%; height: auto; display: block; } main, article, aside { display: block; } .ibbfa-h1 { font-size: clamp(28px, 4vw, 42px); font-weight: 700; } .ibbfa-h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 700; } .ibbfa-h3 { font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; font-family: var(--font-body); } .ibbfa-body { font-size: 16px; line-height: 1.7; } .ibbfa-caption { font-size: 14px; color: var(--gray); }  .ibbfa-container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; } .ibbfa-section { padding: 80px 24px; } .ibbfa-section-title { text-align: center; margin-bottom: 12px; } .ibbfa-section-subtitle { text-align: center; color: var(--gray); font-size: 16px; max-width: 600px; margin: 0 auto 48px; } .ibbfa-gold-divider { width: 60px; height: 2px; background: var(--gold); margin: 0 auto 20px; } .ibbfa-reveal { opacity: 1; transform: none; }  .ibbfa-btn { display: inline-flex; align-items: center; gap: 6px; padding: 14px 28px; border-radius: var(--radius); font-family: var(--font-body); font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: all var(--transition); line-height: 1; } .ibbfa-btn-gold { background: var(--gold); color: var(--navy); } .ibbfa-btn-gold:hover { background: var(--gold-hover); transform: translateY(-1px); box-shadow: var(--shadow-md); } .ibbfa-btn-navy { background: var(--navy); color: var(--white); } .ibbfa-btn-navy:hover { background: var(--navy-dark); transform: translateY(-1px); box-shadow: var(--shadow-md); } .ibbfa-btn-outline { background: transparent; color: var(--white); border: 1.5px solid rgba(255,255,255,.4); } .ibbfa-btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,.08); } .ibbfa-btn-outline-navy { background: transparent; color: var(--navy); border: 1.5px solid var(--navy); } .ibbfa-btn-outline-navy:hover { background: var(--navy); color: var(--white); } .ibbfa-btn-lg { padding: 18px 36px; font-size: 17px; }  .ibbfa-breadcrumb { max-width: var(--max-w); margin: 0 auto; padding: 12px 24px; font-size: 13px; color: var(--gray-light); } .ibbfa-breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px; } .ibbfa-breadcrumb li { display: flex; align-items: center; gap: 4px; } .ibbfa-breadcrumb li + li::before { content: '›'; color: var(--gray-light); margin-right: 2px; } .ibbfa-breadcrumb a { color: var(--gray); text-decoration: none; transition: color .2s; } .ibbfa-breadcrumb a:hover { color: var(--gold); } .ibbfa-breadcrumb [aria-current] { color: var(--navy); font-weight: 500; } .ibbfa-breadcrumb-inner { max-width: var(--max-w); margin: 0 auto; font-size: 13px; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; } .ibbfa-breadcrumb-inner a { color: var(--gray); text-decoration: none; transition: color .2s; } .ibbfa-breadcrumb-inner a:hover { color: var(--gold); } .ibbfa-breadcrumb-inner span[aria-hidden] { color: var(--gray-light); } .ibbfa-breadcrumb-inner span:last-child { color: var(--navy); font-weight: 500; }  .bc-citation { padding: 48px 24px; background: var(--white); border-top: 1px solid var(--border); } .bc-citation-inner { max-width: 800px; margin: 0 auto; } .bc-citation p { font-size: 14px; color: var(--gray); line-height: 1.8; text-align: center; } .bc-citation a { color: var(--navy); text-decoration: underline; text-underline-offset: 2px; } .ibbfa-updated { text-align: center; font-size: 12px; color: var(--gray-light); padding: 8px 24px 0; } .ibbfa-updated time { font-weight: 500; }  .ibbfa-faq-item { border-bottom: 1px solid var(--border); } .ibbfa-faq-item summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-family: var(--font-heading); font-size: 17px; color: var(--navy); padding: 20px 0; gap: 16px; user-select: none; list-style: none; } .ibbfa-faq-item summary::-webkit-details-marker { display: none; } .ibbfa-faq-item summary::after { content: '+'; font-size: 24px; color: var(--gold); transition: transform .3s; flex-shrink: 0; font-family: var(--font-body); line-height: 1; } .ibbfa-faq-item[open] summary::after { transform: rotate(45deg); } .ibbfa-faq-item .ibbfa-faq-a { color: var(--gray); font-size: 15px; line-height: 1.7; padding: 0 0 20px; }  .bc-pricing-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 36px 28px; text-align: center; transition: transform .2s, box-shadow .2s; } .bc-pricing-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .bc-pricing-card.featured { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); position: relative; } .bc-pricing-card.featured::before { content: 'MOST POPULAR'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--gold); color: var(--navy); font-size: 10px; font-weight: 700; letter-spacing: 1px; padding: 4px 14px; border-radius: 12px; white-space: nowrap; } .bc-check-list { list-style: none; padding: 0; text-align: left; } .bc-check-list li { padding: 8px 0; font-size: 14px; color: var(--text); display: flex; align-items: flex-start; gap: 10px; } .bc-check-list li::before { content: '✓'; color: var(--gold); font-weight: 700; flex-shrink: 0; }  @media (max-width: 768px) { .ibbfa-section { padding: 48px 16px; } .ibbfa-section-subtitle { margin-bottom: 32px; } .ibbfa-breadcrumb { padding: 10px 16px; } }   body.single-post #brx-content { padding-top: 100px; }  body.single-post #brx-content .brxe-post-content, body.single-post #brx-content .brxe-code { max-width: 760px; margin: 0 auto; padding: 0 24px; }  body.single-post .brxe-post-content p, body.single-post .brxe-code p { font-size: 17px; line-height: 1.75; color: var(--text); margin: 0 0 20px 0; }  body.single-post .brxe-post-content h2, body.single-post .brxe-code h2 { font-family: var(--font-heading); font-size: clamp(22px, 3vw, 28px); color: var(--navy); font-weight: 700; margin: 48px 0 16px 0; padding-top: 24px; border-top: 1px solid var(--border); line-height: 1.3; } body.single-post .brxe-post-content h2:first-of-type, body.single-post .brxe-code h2:first-of-type { border-top: none; padding-top: 0; }  body.single-post .brxe-post-content h3, body.single-post .brxe-code h3 { font-family: var(--font-body); font-size: clamp(17px, 2.5vw, 20px); color: var(--navy); font-weight: 600; margin: 32px 0 12px 0; line-height: 1.4; } body.single-post .brxe-post-content strong, body.single-post .brxe-code strong { color: var(--navy); font-weight: 600; }  body.single-post .brxe-post-content a, body.single-post .brxe-code a { color: var(--gold); text-decoration: underline; text-decoration-color: rgba(197, 160, 89, 0.3); text-underline-offset: 3px; transition: text-decoration-color var(--transition); } body.single-post .brxe-post-content a:hover, body.single-post .brxe-code a:hover { text-decoration-color: var(--gold); color: var(--gold-hover); }  body.single-post .brxe-post-content table, body.single-post .brxe-code table { width: 100%; border-collapse: collapse; margin: 32px 0; font-size: 15px; line-height: 1.5; } body.single-post .brxe-post-content table caption, body.single-post .brxe-code table caption { caption-side: top; text-align: left; font-size: 12px; font-weight: 600; color: var(--navy); padding: 0 0 10px 0; letter-spacing: 0.04em; text-transform: uppercase; font-family: var(--font-body); } body.single-post .brxe-post-content thead, body.single-post .brxe-code thead { background: var(--navy); } body.single-post .brxe-post-content thead th, body.single-post .brxe-code thead th { color: var(--white); font-family: var(--font-body); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; padding: 14px 16px; text-align: left; border: none; } body.single-post .brxe-post-content tbody td, body.single-post .brxe-code tbody td { padding: 12px 16px; border-bottom: 1px solid var(--border); vertical-align: top; color: var(--text); } body.single-post .brxe-post-content tbody tr:nth-child(even), body.single-post .brxe-code tbody tr:nth-child(even) { background: var(--alabaster); } body.single-post .brxe-post-content tbody tr:hover, body.single-post .brxe-code tbody tr:hover { background: #F0EDE5; } body.single-post .brxe-post-content thead a, body.single-post .brxe-code thead a { color: var(--alabaster); }  body.single-post div[style*="border-left: 4px solid #C5A059"] { box-shadow: var(--shadow-sm); } body.single-post div[style*="border-left: 4px solid #C5A059"] h3 { border-top: none !important; padding-top: 0 !important; margin-top: 0 !important; font-family: var(--font-heading); } body.single-post div[style*="border-left: 4px solid #C5A059"] a[style*="background:#C5A059"], body.single-post div[style*="border-left: 4px solid #C5A059"] a[style*="background:#1A2B48"] { transition: opacity var(--transition), transform .1s ease; } body.single-post div[style*="border-left: 4px solid #C5A059"] a[style*="background:#C5A059"]:hover, body.single-post div[style*="border-left: 4px solid #C5A059"] a[style*="background:#1A2B48"]:hover { opacity: 0.9; transform: translateY(-1px); }  body.single-post .brxe-post-content ul, body.single-post .brxe-code ul { list-style: none; padding: 0 0 0 4px; margin: 0 0 20px 0; } body.single-post .brxe-post-content ul li, body.single-post .brxe-code ul li { position: relative; padding-left: 20px; margin-bottom: 10px; line-height: 1.65; } body.single-post .brxe-post-content ul li::before, body.single-post .brxe-code ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: var(--gold); border-radius: 50%; }  body.single-post .brxe-post-content blockquote, body.single-post .brxe-code blockquote { border-left: 3px solid var(--gold); margin: 32px 0; padding: 20px 24px; background: var(--alabaster); border-radius: 0 var(--radius) var(--radius) 0; font-style: italic; color: var(--gray); } body.single-post .brxe-post-content blockquote p, body.single-post .brxe-code blockquote p { margin-bottom: 0; }  @media (max-width: 639px) { body.single-post #brx-content { padding-top: 80px; } body.single-post #brx-content .brxe-post-content, body.single-post #brx-content .brxe-code { padding: 0 16px; } body.single-post .brxe-post-content p, body.single-post .brxe-code p { font-size: 16px; } body.single-post .brxe-post-content h2, body.single-post .brxe-code h2 { margin-top: 36px; } body.single-post .brxe-post-content table, body.single-post .brxe-code table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 13px; } body.single-post .brxe-post-content thead th, body.single-post .brxe-code thead th { padding: 10px; font-size: 11px; white-space: nowrap; } body.single-post .brxe-post-content tbody td, body.single-post .brxe-code tbody td { padding: 10px; font-size: 13px; } body.single-post div[style*="border-left: 4px solid #C5A059"] a[style*="display:inline-block"] { display: block !important; text-align: center; } body.single-post div[style*="border-left: 4px solid #C5A059"] a[style*="margin-left"] { margin-left: 0 !important; margin-top: 10px !important; } }