IBS vs. Leaky Gut: How to Tell Them Apart and Treat Both

Schedule My Free Consultation
Image
@import url(“https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap”); .pn-post.pn-site-floridafunctionalmedicine { –ink: #08172e; –ink-soft: #1B2638; –ink-ghost: #314158; –body: #545557; –body-soft: #5A6069; –muted: #64748B; –muted-ghost: #8593A7; –surface: #ffffff; –surface-raised: #FBFBFB; –paper: #ffffff; –paper-edge: #F0F1F2; –accent: #3B72D4; –accent-pressed: #295EBD; –accent-hover: #2D67CE; –accent-wash: rgba(59,114,212,0.08); –accent-tint: #F3F6FC; –accent-ink: #FFFFFF; –accent-alt: #d45a22; –accent-alt-pressed: #B14B1C; –accent-alt-wash: rgba(212,90,34,0.1); –accent-alt-tint: #F7D9CB; –accent-alt-ink: #0B1220; –deep: #08172e; –deep-edge: #0D2448; –deep-ink: #FFFFFF; –rule: rgba(84,85,87,0.14); –rule-strong: rgba(84,85,87,0.28); –success: #15803D; –success-wash: #F0FDF4; –caution: #B45309; –caution-wash: #FEF3C7; –danger: #B91C1C; –danger-wash: #FEF2F2; –font-display: “Inter”, -apple-system, sans-serif; –font-text: “Inter”, -apple-system, sans-serif; –font-mono: “JetBrains Mono”, ui-monospace, monospace; –step–2: 12px; –step–1: 14px; –step-0: clamp(14px, 1.2vw, 16px); –step-1: clamp(15px, 1.4vw, 18px); –step-2: clamp(16px, 1.7vw, 21px); –step-3: clamp(18px, 2vw, 24px); –step-4: clamp(22px, 2.5vw, 30px); –step-5: clamp(28px, 3.4vw, 40px); –step-6: clamp(34px, 4.5vw, 52px); –lh-body: 1.7; –lh-lede: 1.5; –lh-heading: 1.25; –lh-display: 1.1; –s-1: 4px; –s-2: 8px; –s-3: 12px; –s-4: 18px; –s-5: 28px; –s-6: 44px; –s-7: 68px; –s-8: 104px; –radius-xs: 2px; –radius-sm: 4px; –radius-md: 8px; –radius-lg: 14px; –radius-xl: 22px; –ease-out: cubic-bezier(.2, .8, .25, 1); –ease-in-out: cubic-bezier(.65, .05, .35, 1); –dur-fast: 180ms; –dur-med: 320ms; –container: 1200px; –container-wide: 1400px; –container-narrow: 640px; –shadow-1: 0 1px 2px rgba(8,23,46,0.04), 0 1px 3px rgba(8,23,46,0.06); –shadow-2: 0 2px 4px rgba(8,23,46,0.06), 0 4px 12px rgba(8,23,46,0.08); –shadow-3: 0 4px 8px rgba(8,23,46,0.08), 0 12px 28px rgba(8,23,46,0.1); –shadow-4: 0 8px 16px rgba(8,23,46,0.1), 0 24px 48px rgba(8,23,46,0.14); } .pn-post.pn-site-floridafunctionalmedicine, .pn-post.pn-site-floridafunctionalmedicine *, .pn-post.pn-site-floridafunctionalmedicine *::before, .pn-post.pn-site-floridafunctionalmedicine *::after { box-sizing: border-box; } .pn-post.pn-site-floridafunctionalmedicine { font-family: var(–font-text); font-size: 16px; line-height: var(–lh-body); color: var(–body); background: var(–surface); padding: var(–s-6) 0 var(–s-8); overflow-wrap: break-word; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pn-post.pn-site-floridafunctionalmedicine img { max-width: 100%; height: auto; display: block; } .pn-post.pn-site-floridafunctionalmedicine a { color: var(–accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color var(–dur-fast) var(–ease-out); } .pn-post.pn-site-floridafunctionalmedicine a:hover { color: var(–accent-pressed); } .pn-post.pn-site-floridafunctionalmedicine strong { font-weight: 700; color: var(–ink-soft); } .pn-post.pn-site-floridafunctionalmedicine em { font-style: italic; } .pn-post.pn-site-floridafunctionalmedicine *:focus-visible { outline: 2px solid var(–accent); outline-offset: 3px; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .pn-post.pn-site-floridafunctionalmedicine *, .pn-post.pn-site-floridafunctionalmedicine *::before, .pn-post.pn-site-floridafunctionalmedicine *::after { transition: none !important; animation: none !important; } } .pn-post.pn-site-floridafunctionalmedicine .pn-container { max-width: var(–container); margin: 0 auto; } .pn-post.pn-site-floridafunctionalmedicine .pn-container–wide { max-width: var(–container-wide); } .pn-post.pn-site-floridafunctionalmedicine h1, .pn-post.pn-site-floridafunctionalmedicine h2, .pn-post.pn-site-floridafunctionalmedicine h3, .pn-post.pn-site-floridafunctionalmedicine h4 { font-family: var(–font-display); color: var(–ink); letter-spacing: -0.015em; margin: 0; } .pn-post.pn-site-floridafunctionalmedicine h1.pn-title { font-weight: 800; font-size: var(–step-5); line-height: var(–lh-display); letter-spacing: -0.03em; margin: 0 0 var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine h2.pn-h2 { font-weight: 700; font-size: var(–step-3); line-height: var(–lh-heading); margin: var(–s-7) 0 var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine h3.pn-h3 { font-weight: 700; font-size: var(–step-2); line-height: var(–lh-heading); margin: var(–s-6) 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-eyebrow { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-3); display: inline-flex; align-items: center; gap: var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-eyebrow–bullet::before { content: “”; width: 18px; height: 1px; background: currentColor; opacity: 0.5; } .pn-post.pn-site-floridafunctionalmedicine .pn-lede { font-family: var(–font-display); font-size: var(–step-2); font-weight: 400; line-height: var(–lh-lede); color: var(–ink); margin: var(–s-3) 0 var(–s-5); max-width: 52ch; letter-spacing: -0.01em; } .pn-post.pn-site-floridafunctionalmedicine .pn-lede em { color: var(–accent); font-style: italic; } .pn-post.pn-site-floridafunctionalmedicine .pn-title em { color: var(–accent); font-style: normal; } .pn-post.pn-site-floridafunctionalmedicine .pn-pull__quote em { color: var(–accent); font-style: italic; } /* prose — explicit font-size so body text uses the type scale rather than inheriting the raw 16px anchor set on .pn-post.pn-site-floridafunctionalmedicine */ .pn-post.pn-site-floridafunctionalmedicine .pn-prose { font-size: var(–step-0); } .pn-post.pn-site-floridafunctionalmedicine .pn-prose p { margin: 0 0 var(–s-4); max-width: 100%; } .pn-post.pn-site-floridafunctionalmedicine .pn-prose–narrow p { max-width: 54ch; } .pn-post.pn-site-floridafunctionalmedicine .pn-prose–wide p { max-width: 100%; } .pn-post.pn-site-floridafunctionalmedicine .pn-prose ul, .pn-post.pn-site-floridafunctionalmedicine .pn-prose ol { margin: 0 0 var(–s-4); padding-left: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-prose li + li { margin-top: var(–s-2); } /* section label (01 · Framework · rule) */ .pn-post.pn-site-floridafunctionalmedicine .pn-section-label { display: flex; align-items: baseline; gap: var(–s-3); margin: var(–s-7) 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-section-label__number { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; letter-spacing: 0.14em; color: var(–accent-alt); text-transform: uppercase; white-space: nowrap; } .pn-post.pn-site-floridafunctionalmedicine .pn-section-label__tag { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; letter-spacing: 0.12em; color: var(–muted); text-transform: uppercase; } .pn-post.pn-site-floridafunctionalmedicine .pn-section-label__rule { flex: 1; height: 1px; background: var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-section-label + h2.pn-h2 { margin-top: 0; padding-top: 0; border-top: none; } /* TOC */ .pn-post.pn-site-floridafunctionalmedicine .pn-toc { border-top: 1px solid var(–rule); border-bottom: 1px solid var(–rule); padding: var(–s-5) 0; margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-toc__label { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.12em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-3); font-weight: 500; } .pn-post.pn-site-floridafunctionalmedicine .pn-toc__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(–s-2) var(–s-5); counter-reset: toc; } .pn-post.pn-site-floridafunctionalmedicine .pn-toc__list li { counter-increment: toc; } .pn-post.pn-site-floridafunctionalmedicine .pn-toc__list a { text-decoration: none; font-size: var(–step–1); color: var(–ink-soft); display: flex; align-items: baseline; gap: var(–s-3); padding: var(–s-1) 0; transition: color var(–dur-fast) var(–ease-out); } .pn-post.pn-site-floridafunctionalmedicine .pn-toc__list a::before { content: counter(toc, decimal-leading-zero); font-family: var(–font-mono); font-size: var(–step–2); color: var(–accent-alt); font-weight: 500; flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-toc__list a:hover { color: var(–accent); } @media (max-width: 680px) { .pn-post.pn-site-floridafunctionalmedicine .pn-toc__list { grid-template-columns: 1fr; } } /* hero: dashboard-mini */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard { display: grid; grid-template-columns: 1fr 1.1fr; gap: var(–s-5); align-items: end; padding: var(–s-4) 0 var(–s-6); border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } /* chart-only: text column absent — chart expands to full width */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard–chart-only { grid-template-columns: 1fr; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__chart { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-4); box-shadow: var(–shadow-1); overflow: visible; min-width: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__chart-title { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.08em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__source { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted-ghost); margin-top: var(–s-3); } /* metrics mode: stacked header + card strip */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard–metrics { display: block; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__text–full { margin-bottom: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(–s-4); margin-top: var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__metric { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-4); box-shadow: var(–shadow-1); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__metric-figure { font-family: var(–font-display); font-weight: 800; font-size: var(–step-3); line-height: 1; letter-spacing: -0.03em; color: var(–accent); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__metric-label { font-family: var(–font-text); font-size: var(–step–1); color: var(–muted); line-height: 1.4; margin: 0; } @media (max-width: 880px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard { grid-template-columns: 1fr; gap: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__metrics { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__metrics { grid-template-columns: 1fr; } } /* hero: stat-monolith */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-monolith { text-align: left; border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-monolith__figure { font-family: var(–font-display); font-weight: 800; font-size: var(–step-6); line-height: 0.95; letter-spacing: -0.04em; color: var(–accent); margin: var(–s-3) 0 var(–s-4); font-variant-numeric: tabular-nums; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-monolith__label { font-size: var(–step-1); color: var(–ink-soft); margin: 0 0 var(–s-2); max-width: 52ch; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-monolith__source { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); } /* hero: title-only-drop */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-title-drop { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-title-drop–no-title { padding-top: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-title-drop__byline { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.15em; text-transform: uppercase; color: var(–muted); margin-top: var(–s-5); } /* hero: verdict-first (comparison-study) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict__badge { display: inline-flex; flex-direction: column; gap: var(–s-1); background: var(–accent); color: var(–accent-ink); padding: var(–s-3) var(–s-5); border-radius: var(–radius-md); margin-bottom: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict__text { font-family: var(–font-display); font-weight: 800; font-size: var(–step-2); line-height: 1.1; margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict__sub { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.1em; text-transform: uppercase; margin: 0; opacity: 0.85; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict__stat { display: flex; align-items: baseline; gap: var(–s-3); margin: var(–s-3) 0 var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict__stat-figure { font-family: var(–font-display); font-weight: 800; font-size: var(–step-5); line-height: 0.95; letter-spacing: -0.04em; color: var(–accent); font-variant-numeric: tabular-nums; margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-verdict__stat-source { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); margin: 0; } /* hero: stat-grid-4 / statbar */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-statbar { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-statbar__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(–s-3); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-statbar__item { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-statbar__figure { font-family: var(–font-display); font-weight: 800; font-size: var(–step-3); line-height: 1; letter-spacing: -0.03em; color: var(–accent); margin: 0 0 var(–s-1); font-variant-numeric: tabular-nums; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-statbar__label { font-size: var(–step–2); color: var(–muted); margin: 0; line-height: 1.4; } @media (max-width: 720px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-statbar__grid { grid-template-columns: repeat(2, 1fr); } } /* hero: definition-bold (data-brief) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defbold { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defbold__def { margin-top: var(–s-5); padding: var(–s-4) var(–s-5); background: var(–accent-wash); border-left: 3px solid var(–accent); border-radius: var(–radius-sm); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defbold__term { font-family: var(–font-display); font-weight: 800; font-size: var(–step-2); color: var(–ink); margin: 0 0 var(–s-2); letter-spacing: -0.02em; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defbold__body { font-size: var(–step-0); color: var(–ink-soft); margin: 0; line-height: 1.6; } /* hero: outcome-first (procedure) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-outcome { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-outcome__result { display: block; background: var(–deep); color: var(–deep-ink); padding: var(–s-5) var(–s-6); border-radius: var(–radius-md); margin-top: var(–s-5); max-width: 100%; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-outcome__figure { font-family: var(–font-display); font-weight: 800; font-size: var(–step-4); line-height: 1.1; letter-spacing: -0.03em; color: var(–accent-tint); margin: 0 0 var(–s-2); hyphens: auto; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-outcome__label { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.08em; text-transform: uppercase; color: var(–deep-ink); opacity: 0.7; margin: 0; } /* hero: problem-then-fix (procedure) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__problem, .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__fix { margin-top: var(–s-4); padding: var(–s-4) var(–s-5); border-radius: var(–radius-sm); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__problem { background: var(–danger-wash); border-left: 3px solid var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__fix { background: var(–success-wash); border-left: 3px solid var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__problem-label, .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__fix-label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__problem-label { color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__fix-label { color: var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__problem-text, .pn-post.pn-site-floridafunctionalmedicine .pn-hero-ptf__fix-text { font-size: var(–step-0); margin: 0; line-height: 1.5; color: var(–ink-soft); } /* hero: steps-preview (procedure) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-stepsprev { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-stepsprev__track { display: flex; flex-wrap: wrap; gap: var(–s-2); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-stepsprev__pill { display: inline-flex; align-items: center; gap: var(–s-2); background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-xl); padding: var(–s-2) var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-stepsprev__n { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; color: var(–accent); min-width: 18px; text-align: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-stepsprev__label { font-size: var(–step–1); color: var(–ink-soft); font-weight: 500; } /* hero: tool-bar (procedure) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-toolbar { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-toolbar__tools { display: flex; flex-wrap: wrap; gap: var(–s-2); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-toolbar__tag { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; background: var(–accent); color: var(–accent-ink); padding: var(–s-1) var(–s-3); border-radius: var(–radius-sm); letter-spacing: 0.04em; } /* hero: dual-pane (comparison-study) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(–s-4); align-items: center; margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__side { background: var(–paper); border: 1px solid var(–rule); border-top: 3px solid var(–accent); border-radius: var(–radius-md); padding: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__side–alt { border-top-color: var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__name { font-family: var(–font-display); font-weight: 700; font-size: var(–step-1); color: var(–ink); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__sub { font-size: var(–step–1); color: var(–muted); margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__items { margin: 0; padding: 0; list-style: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__item { font-size: var(–step–1); color: var(–muted); padding: var(–s-1) 0; border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__item:last-child { border-bottom: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__vs { font-family: var(–font-display); font-weight: 800; font-size: var(–step-2); color: var(–muted); text-align: center; } @media (max-width: 680px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__grid { grid-template-columns: 1fr; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dualpane__vs { display: none; } } /* hero: matrix-bold (comparison-study) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-matrix { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-matrix__list { list-style: none; margin: var(–s-5) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-matrix__item { font-family: var(–font-mono); font-size: var(–step–1); background: var(–accent-wash); color: var(–accent); border: 1px solid var(–accent); padding: var(–s-2) var(–s-4); border-radius: var(–radius-sm); font-weight: 500; } /* hero: scenarios-first (comparison-study) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-scenarios { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-scenarios__tags { display: flex; flex-wrap: wrap; gap: var(–s-2); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-scenarios__tag { font-size: var(–step–1); color: var(–ink-soft); background: var(–surface-raised); border: 1px solid var(–rule); padding: var(–s-2) var(–s-4); border-radius: var(–radius-xl); font-weight: 500; } /* hero: toc-split (field-guide) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(–s-7); border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); align-items: start; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit__toc { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit__toc-label { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.1em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-3); font-weight: 500; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit__toc-placeholder { min-height: 120px; } @media (max-width: 880px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit { grid-template-columns: 1fr; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit__toc { display: none; } } /* hero: section-map (field-guide) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sectionmap { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sectionmap__list { list-style: none; margin: var(–s-5) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sectionmap__item { display: flex; align-items: baseline; gap: var(–s-2); background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-sm); padding: var(–s-3) var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sectionmap__num { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; color: var(–accent-alt); flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sectionmap__label { font-size: var(–step–1); color: var(–ink-soft); font-weight: 500; } @media (max-width: 720px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sectionmap__list { grid-template-columns: repeat(2, 1fr); } } /* hero: pillar-stack (field-guide) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pillar { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pillar__clusters { display: flex; flex-wrap: wrap; gap: var(–s-3); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pillar__cluster { display: flex; flex-direction: column; gap: var(–s-1); background: var(–surface-raised); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-3) var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pillar__cluster-name { font-size: var(–step–1); color: var(–ink-soft); font-weight: 600; margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pillar__cluster-count { font-family: var(–font-mono); font-size: var(–step–2); color: var(–accent); font-weight: 700; margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pillar__cluster-label { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); margin: 0; } /* hero: definition-heavy (field-guide) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defheavy { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defheavy__def { margin-top: var(–s-6); padding: var(–s-5) var(–s-6); border-top: 3px solid var(–accent); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defheavy__label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–accent); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defheavy__term { font-family: var(–font-display); font-weight: 800; font-size: var(–step-3); color: var(–ink); margin: 0 0 var(–s-3); letter-spacing: -0.02em; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defheavy__body { font-size: var(–step-0); color: var(–body); margin: 0; line-height: 1.65; max-width: 60ch; } /* hero: pull-quote-hero (longform-essay) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pullquote { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pullquote__text { font-family: var(–font-display); font-weight: 500; font-style: italic; font-size: var(–step-3); line-height: 1.3; color: var(–ink); margin: var(–s-5) 0 var(–s-3); letter-spacing: -0.01em; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pullquote__text::before { content: “\201C”; color: var(–accent-alt); margin-right: 3px; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pullquote__text::after { content: “\201D”; color: var(–accent-alt); margin-left: 3px; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pullquote__attr { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–muted); } /* hero: inline-image-hero (longform-essay) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-inlineimg { display: grid; grid-template-columns: 1fr 1fr; gap: var(–s-7); border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); align-items: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-inlineimg__img { border-radius: var(–radius-md); overflow: hidden; aspect-ratio: 4/3; object-fit: cover; width: 100%; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-inlineimg__placeholder { border-radius: var(–radius-md); aspect-ratio: 4/3; background: linear-gradient(135deg, var(–accent-tint), var(–accent-alt-tint)); } @media (max-width: 820px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-inlineimg { grid-template-columns: 1fr; } } /* hero: definition-calm (longform-essay) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defcalm { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-defcalm__def { margin-top: var(–s-4); font-size: var(–step-0); color: var(–body); font-style: italic; line-height: 1.65; max-width: 56ch; } /* hero: term-and-pronun (reference-brief) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-termpronun { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-termpronun__entry { margin-top: var(–s-5); padding-bottom: var(–s-4); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-termpronun__term { font-family: var(–font-display); font-weight: 800; font-size: var(–step-5); line-height: 1; letter-spacing: -0.03em; color: var(–ink); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-termpronun__pronun { font-family: var(–font-mono); font-size: var(–step–1); color: var(–muted); margin: 0 0 var(–s-2); letter-spacing: 0.04em; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-termpronun__pos { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(–accent); margin: 0 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-termpronun__def { font-size: var(–step-0); color: var(–body); margin: 0; line-height: 1.65; } /* hero: tldr-card (reference-brief) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr__card { background: var(–surface-raised); border: 1px solid var(–rule); border-left: 3px solid var(–accent); border-radius: var(–radius-md); padding: var(–s-4) var(–s-5); margin-top: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr__label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(–accent); margin: 0 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr__summary { font-size: var(–step-0); color: var(–ink-soft); margin: 0 0 var(–s-3); line-height: 1.5; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr__points { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr__points li { font-size: var(–step–1); color: var(–body); line-height: 1.5; padding-left: var(–s-4); position: relative; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tldr__points li::before { content: “→”; position: absolute; left: 0; color: var(–accent); font-size: var(–step–2); font-weight: 700; } /* hero: sidebar-context (reference-brief) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar { padding: var(–s-4) 0 var(–s-5); border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } /* Only activate the 2-column grid when an aside is actually rendered. Without this, an empty second column occupies 35% of the hero width. */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar:has(.pn-hero-sidebar__aside) { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: var(–s-6); align-items: start; } /* When there is no aside, the lede fills the full container — remove the 52ch cap that was sized for the 1.3fr grid column. */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar:not(:has(.pn-hero-sidebar__aside)) .pn-lede { max-width: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar__aside { background: var(–surface-raised); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar__aside-label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar__aside-body { font-size: var(–step–1); color: var(–body); margin: 0; line-height: 1.6; } @media (max-width: 820px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar:has(.pn-hero-sidebar__aside) { grid-template-columns: 1fr; } } /* hero: canonical-table (reference-brief) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-canonical { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-canonical__table { width: 100%; border-collapse: collapse; margin-top: var(–s-5); font-size: var(–step–1); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-canonical__table th { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(–muted); padding: var(–s-2) var(–s-3); text-align: left; border-bottom: 1px solid var(–rule-strong); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-canonical__table td { padding: var(–s-2) var(–s-3); color: var(–ink-soft); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-canonical__table tr:last-child td { border-bottom: none; } /* hero: issue-and-date (newsletter-dispatch) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-issue { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-issue__meta { display: flex; align-items: center; gap: var(–s-3); margin-bottom: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-issue__num { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; color: var(–accent); letter-spacing: 0.08em; text-transform: uppercase; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-issue__date { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-issue__meta::after { content: “”; flex: 1; height: 1px; background: var(–rule); } /* hero: author-note (newsletter-dispatch) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-authornote { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-authornote__attribution { display: flex; align-items: center; gap: var(–s-3); margin-top: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-authornote__name { font-family: var(–font-display); font-weight: 700; font-size: var(–step-0); color: var(–ink); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-authornote__role { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); letter-spacing: 0.06em; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-authornote__note { margin-top: var(–s-4); font-size: var(–step-0); color: var(–body); font-style: italic; line-height: 1.65; } /* hero: three-things (newsletter-dispatch) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-3things { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-3things__list { list-style: none; margin: var(–s-5) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(–s-3); counter-reset: things; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-3things__item { display: grid; grid-template-columns: 28px 1fr; gap: var(–s-3); align-items: baseline; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-3things__n { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; color: var(–accent-alt); text-align: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-3things__text { font-size: var(–step-0); color: var(–body); line-height: 1.5; } /* hero: link-digest (newsletter-dispatch) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-linkdigest { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-linkdigest__list { list-style: none; margin: var(–s-4) 0 0; padding: 0; display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-linkdigest__item { display: flex; justify-content: space-between; align-items: baseline; gap: var(–s-4); padding: var(–s-3) 0; border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-linkdigest__item a { font-size: var(–step–1); color: var(–ink-soft); font-weight: 500; text-decoration: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-linkdigest__item a:hover { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-linkdigest__domain { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); white-space: nowrap; flex-shrink: 0; } /* hero: full-bleed-image (visual-tour) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-fullbleed { position: relative; margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-fullbleed__img img { width: 100%; height: 480px; object-fit: cover; display: block; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-fullbleed__placeholder { width: 100%; height: 480px; background: linear-gradient(135deg, var(–deep), var(–accent)); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-fullbleed__overlay { padding: var(–s-6) 0; } /* hero: title-overlay (visual-tour) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-titleoverlay { position: relative; overflow: hidden; border-radius: var(–radius-md); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-titleoverlay__img { width: 100%; height: 420px; object-fit: cover; display: block; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-titleoverlay__placeholder { width: 100%; height: 420px; background: linear-gradient(135deg, var(–deep), var(–accent-alt)); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-titleoverlay__text { position: absolute; bottom: 0; left: 0; right: 0; padding: var(–s-6) var(–s-6) var(–s-5); background: linear-gradient(transparent, rgba(0,0,0,0.75)); color: white; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-titleoverlay__text .pn-title, .pn-post.pn-site-floridafunctionalmedicine .pn-hero-titleoverlay__text .pn-lede { color: white; } /* hero: gallery-grid (visual-tour) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-gallery { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-gallery__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(–s-2); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-gallery__cell { aspect-ratio: 1; border-radius: var(–radius-sm); overflow: hidden; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-gallery__cell img { width: 100%; height: 100%; object-fit: cover; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-gallery__placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, var(–accent-tint), var(–accent-alt-tint)); } @media (max-width: 600px) { .pn-post.pn-site-floridafunctionalmedicine .pn-hero-gallery__grid { grid-template-columns: repeat(2, 1fr); } } /* hero: mood-board (visual-tour) */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-moodboard { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-moodboard__mood { font-family: var(–font-display); font-style: italic; font-weight: 300; font-size: var(–step-3); color: var(–muted); margin: 0 0 var(–s-4); letter-spacing: -0.01em; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-moodboard__tags { display: flex; flex-wrap: wrap; gap: var(–s-2); margin-top: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-moodboard__tag { font-size: var(–step–2); color: var(–muted); font-style: italic; background: transparent; border: 1px solid var(–rule); padding: var(–s-1) var(–s-3); border-radius: var(–radius-xl); } /* hero sub-elements — layout containers and text wrappers */ .pn-post.pn-site-floridafunctionalmedicine .pn-hero-dashboard__text { display: flex; flex-direction: column; justify-content: flex-end; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-tocsplit__content { display: flex; flex-direction: column; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-sidebar__main { display: flex; flex-direction: column; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-inlineimg__text { display: flex; flex-direction: column; justify-content: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-hero-pullquote__quote { font-family: var(–font-display); font-weight: 500; font-style: italic; font-size: var(–step-3); line-height: 1.3; color: var(–ink); margin: var(–s-5) 0 var(–s-3); letter-spacing: -0.01em; } /* Decorative quotes live on the inner __text element only (see the pull-quote-hero block above). They were also defined here on the __quote wrapper, and because the markup nests

inside

BOTH ::before/::after fired — rendering doubled curly quotes. Quotes belong inline, hugging the text, so the wrapper pair is removed. */ /* stat grid */ .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(–s-4); margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-5); transition: box-shadow var(–dur-fast) var(–ease-out), transform var(–dur-fast) var(–ease-out); grid-column: span 4; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat:hover { box-shadow: var(–shadow-2); transform: translateY(-2px); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-3 { grid-column: span 3; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-4 { grid-column: span 4; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-5 { grid-column: span 5; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-6 { grid-column: span 6; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-12 { grid-column: span 12; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature { background: var(–deep); color: var(–deep-ink); border-color: var(–deep-edge); grid-column: span 6; position: relative; overflow: hidden; border-left: 4px solid var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid .pn-stat:not(.pn-stat–feature) { border-left: 3px solid var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature::after { content: “”; position: absolute; top: -80px; right: -80px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle at center, var(–accent-wash) 0%, transparent 70%); pointer-events: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat__figure { font-family: var(–font-display); font-weight: 800; font-size: var(–step-4); line-height: 0.95; letter-spacing: -0.04em; color: var(–ink); margin: 0 0 var(–s-2); font-variant-numeric: tabular-nums; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature .pn-stat__figure { color: var(–accent-tint); font-size: var(–step-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat__label { font-size: var(–step–1); color: var(–body); margin: 0 0 var(–s-2); line-height: 1.4; font-weight: 500; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature .pn-stat__label { color: var(–deep-ink); font-size: var(–step-0); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat__source { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature .pn-stat__source { color: var(–muted-ghost); } @media (max-width: 880px) { .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid { grid-template-columns: repeat(2, 1fr); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat, .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-3, .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-4, .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-5, .pn-post.pn-site-floridafunctionalmedicine .pn-stat–span-6, .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature { grid-column: span 2; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat–feature .pn-stat__figure { font-size: var(–step-4); } } /* pull quote */ .pn-post.pn-site-floridafunctionalmedicine .pn-pull { font-family: var(–font-display); font-weight: 500; font-style: italic; color: var(–ink); border-left: 3px solid var(–accent-alt); padding: var(–s-2) 0 var(–s-2) var(–s-4); margin: var(–s-6) 0; max-width: 100%; } .pn-post.pn-site-floridafunctionalmedicine .pn-pull–accent { border-left-color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-pull__quote { font-size: var(–step-1); line-height: 1.35; letter-spacing: -0.01em; margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-pull__quote::before { content: “\201C”; color: var(–accent-alt); margin-right: 2px; } .pn-post.pn-site-floridafunctionalmedicine .pn-pull__quote::after { content: “\201D”; color: var(–accent-alt); margin-left: 2px; } .pn-post.pn-site-floridafunctionalmedicine .pn-pull–accent .pn-pull__quote::before, .pn-post.pn-site-floridafunctionalmedicine .pn-pull–accent .pn-pull__quote::after { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-pull__attribution { display: block; font-family: var(–font-mono); font-style: normal; font-size: var(–step–2); letter-spacing: 0.08em; text-transform: uppercase; color: var(–muted); margin-top: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-pull–bleed { font-size: var(–step-3); padding: var(–s-6) var(–s-5); background: var(–surface-raised); border-left: none; border-top: 1px solid var(–rule); border-bottom: 1px solid var(–rule); max-width: none; text-align: center; } @media (max-width: 680px) { .pn-post.pn-site-floridafunctionalmedicine .pn-pull–bleed { border-left: 4px solid var(–accent); border-top: none; border-bottom: none; text-align: left; background: var(–accent-wash); padding: var(–s-4) var(–s-5); } } /* definition */ .pn-post.pn-site-floridafunctionalmedicine .pn-definition { background: var(–accent-wash); border-left: 3px solid var(–accent); padding: var(–s-4) var(–s-5); margin: var(–s-5) 0; border-radius: var(–radius-sm); } .pn-post.pn-site-floridafunctionalmedicine .pn-definition__eyebrow { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–accent); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-definition__body { margin: 0; font-size: var(–step-0); color: var(–ink-soft); line-height: 1.6; } /* callouts */ .pn-post.pn-site-floridafunctionalmedicine .pn-callout { position: relative; padding: var(–s-4) var(–s-5) var(–s-4) var(–s-6); border-radius: var(–radius-md); margin: var(–s-5) 0; border-left: 3px solid var(–accent); background: var(–accent-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout__eyebrow { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–accent); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout__title { font-family: var(–font-display); font-weight: 700; font-size: var(–step-1); color: var(–ink); margin: 0 0 var(–s-2); line-height: 1.3; } .pn-post.pn-site-floridafunctionalmedicine .pn-callout__text { margin: 0; font-size: var(–step–1); line-height: 1.6; color: var(–ink-soft); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout__text + .pn-callout__text { margin-top: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–tip { border-color: var(–success); background: var(–success-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–tip .pn-callout__eyebrow { color: var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–warn { border-color: var(–caution); background: var(–caution-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–warn .pn-callout__eyebrow { color: var(–caution); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–danger { border-color: var(–danger); background: var(–danger-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–danger .pn-callout__eyebrow { color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–insight { border-color: var(–accent-alt); background: var(–accent-alt-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-callout–insight .pn-callout__eyebrow { color: var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-numbered-callouts { display: grid; gap: var(–s-4); margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-numbered-callouts .pn-callout { margin: 0; } /* table */ .pn-post.pn-site-floridafunctionalmedicine .pn-table-wrap { margin: var(–s-6) 0; border: 1px solid var(–rule); border-radius: var(–radius-md); overflow: hidden; background: var(–paper); } /* Mobile scroll-fade mask — shows edges when table overflows */ @media (max-width: 680px) { .pn-post.pn-site-floridafunctionalmedicine .pn-table-wrap { position: relative; } .pn-post.pn-site-floridafunctionalmedicine .pn-table-wrap::after { content: “”; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; background: linear-gradient(to right, transparent, var(–paper)); border-radius: 0 var(–radius-md) var(–radius-md) 0; } } .pn-post.pn-site-floridafunctionalmedicine .pn-table-head { background: var(–surface-raised); padding: var(–s-4) var(–s-5); border-bottom: 1px solid var(–rule); display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-table-title { font-family: var(–font-display); font-weight: 600; font-size: var(–step-0); color: var(–ink); margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-table-source { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.05em; color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-table { width: 100%; border-collapse: collapse; font-size: var(–step–1); } .pn-post.pn-site-floridafunctionalmedicine .pn-table th, .pn-post.pn-site-floridafunctionalmedicine .pn-table td { padding: var(–s-3) var(–s-5); text-align: left; vertical-align: top; } .pn-post.pn-site-floridafunctionalmedicine .pn-table thead th { background: var(–accent-wash); font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(–ink-soft); border-bottom: 1px solid var(–rule-strong); } .pn-post.pn-site-floridafunctionalmedicine .pn-table tbody tr { border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-table tbody tr:last-child { border-bottom: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-table tbody tr:nth-child(even) { background: var(–surface-raised); } .pn-post.pn-site-floridafunctionalmedicine .pn-table td:first-child { font-weight: 600; color: var(–ink-soft); } /* chart */ .pn-post.pn-site-floridafunctionalmedicine .pn-chart { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-5); margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-chart__title { font-family: var(–font-display); font-weight: 600; font-size: var(–step-1); color: var(–ink); margin: 0 0 var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-chart__canvas-wrap { position: relative; height: 320px; } .pn-post.pn-site-floridafunctionalmedicine .pn-chart__fallback { margin-top: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-chart[data-js-loaded=”true”] .pn-chart__fallback { display: none; } /* figure */ .pn-post.pn-site-floridafunctionalmedicine .pn-figure { margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-figure__img-wrap { border-radius: var(–radius-md); overflow: hidden; background: var(–surface-raised); } .pn-post.pn-site-floridafunctionalmedicine .pn-figure–bordered .pn-figure__img-wrap { border: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-figure–bleed { max-width: var(–container-wide); margin-left: 50%; transform: translateX(-50%); padding: 0 var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-figure__caption { font-family: var(–font-display); font-style: italic; font-size: var(–step–1); color: var(–muted); text-align: center; margin-top: var(–s-3); } /* video-embed (Tier 2) */ .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed { margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed–bleed { max-width: var(–container-wide); margin-left: 50%; transform: translateX(-50%); padding: 0 var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__player, .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__facade { position: relative; width: 100%; border-radius: var(–radius-md); overflow: hidden; background: #000; border: 1px solid var(–rule); box-shadow: 0 4px 24px rgba(0,0,0,0.08); } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__facade { cursor: pointer; display: block; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__facade:hover .pn-video-embed__play { transform: translate(-50%, -50%) scale(1.06); opacity: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__facade:focus-visible { outline: 3px solid var(–accent); outline-offset: 2px; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__poster { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); opacity: 0.92; transition: transform var(–dur-fast) var(–ease-out), opacity var(–dur-fast) var(–ease-out); pointer-events: none; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4)); } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__player video { display: block; width: 100%; height: 100%; background: #000; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__duration { position: absolute; bottom: var(–s-3); right: var(–s-3); background: rgba(0,0,0,0.78); color: #fff; font-family: var(–font-mono); font-size: var(–step–2); padding: 2px 8px; border-radius: var(–radius-xs); pointer-events: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__caption { font-family: var(–font-display); font-style: italic; font-size: var(–step–1); color: var(–muted); text-align: center; margin-top: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-video-embed__nojs-link { display: block; padding: var(–s-4); text-align: center; color: var(–accent); text-decoration: underline; } /* steps */ .pn-post.pn-site-floridafunctionalmedicine .pn-steps { margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-step { background: var(–paper); border: 1px solid var(–rule); border-left: 3px solid var(–accent); border-radius: var(–radius-sm); margin-bottom: var(–s-3); overflow: hidden; } .pn-post.pn-site-floridafunctionalmedicine .pn-step summary { cursor: pointer; padding: var(–s-4) var(–s-5); list-style: none; display: flex; align-items: baseline; gap: var(–s-4); transition: background var(–dur-fast) var(–ease-out); } .pn-post.pn-site-floridafunctionalmedicine .pn-step summary:hover { background: var(–accent-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-step summary::-webkit-details-marker { display: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-step__num { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; color: var(–accent); letter-spacing: 0.08em; min-width: 40px; flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-step__title { font-family: var(–font-display); font-weight: 600; font-size: var(–step-0); color: var(–ink); flex: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-step__chevron { color: var(–muted); transition: transform var(–dur-fast) var(–ease-out); flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-step[open] .pn-step__chevron { transform: rotate(180deg); } .pn-post.pn-site-floridafunctionalmedicine .pn-step__body { padding: 0 var(–s-5) var(–s-5) calc(var(–s-5) + 40px + var(–s-4)); color: var(–body); font-size: var(–step–1); line-height: 1.65; } .pn-post.pn-site-floridafunctionalmedicine .pn-step__body p { margin: 0 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-step__body p:last-child { margin-bottom: 0; } @media (max-width: 600px) { .pn-post.pn-site-floridafunctionalmedicine .pn-step__body { padding-left: var(–s-5); padding-right: var(–s-5); } } /* faq */ .pn-post.pn-site-floridafunctionalmedicine .pn-faq { margin: var(–s-6) 0; border-top: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__item { border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__item summary { cursor: pointer; padding: var(–s-4) 0; list-style: none; display: flex; align-items: center; gap: var(–s-4); font-family: var(–font-display); font-weight: 600; font-size: var(–step-0); color: var(–ink); transition: color var(–dur-fast) var(–ease-out); } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__item summary:hover { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__item summary::-webkit-details-marker { display: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__q-mark { font-family: var(–font-mono); font-size: var(–step–1); color: var(–accent-alt); font-weight: 500; flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__chevron { color: var(–muted); margin-left: auto; transition: transform var(–dur-fast) var(–ease-out); flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__item[open] .pn-faq__chevron { transform: rotate(45deg); } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__answer { padding: 0 0 var(–s-4) calc(var(–step–1) + var(–s-4) + 4px); color: var(–body); font-size: var(–step–1); line-height: 1.65; } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__answer p { margin: 0 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-faq__answer p:last-child { margin-bottom: 0; } /* takeaways */ .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways { background: var(–deep); color: var(–deep-ink); border-radius: var(–radius-lg); padding: var(–s-6); margin: var(–s-7) 0; position: relative; overflow: hidden; } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways::before { content: “”; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(–accent-tint), transparent); opacity: 0.4; } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways__eyebrow { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(–accent-tint); margin: 0 0 var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways__item { display: grid; grid-template-columns: 30px 1fr; gap: var(–s-3); padding-bottom: var(–s-4); border-bottom: 1px solid rgba(255,255,255,.08); } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways__item:last-child { border-bottom: none; padding-bottom: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways__num { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; color: var(–accent-tint); letter-spacing: 0.08em; } .pn-post.pn-site-floridafunctionalmedicine .pn-takeaways__text { font-size: var(–step-0); line-height: 1.5; margin: 0; color: var(–deep-ink); } /* cta */ .pn-post.pn-site-floridafunctionalmedicine .pn-cta { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-lg); padding: var(–s-6); margin: var(–s-7) 0; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-cta__heading { font-family: var(–font-display); font-weight: 700; font-size: var(–step-2); color: var(–ink); margin: 0 0 var(–s-2); line-height: 1.25; } .pn-post.pn-site-floridafunctionalmedicine .pn-cta__text { margin: 0; color: var(–body); font-size: var(–step–1); max-width: 52ch; } .pn-post.pn-site-floridafunctionalmedicine .pn-cta__actions { display: flex; flex-direction: column; gap: var(–s-2); align-items: stretch; } .pn-post.pn-site-floridafunctionalmedicine .pn-button { display: inline-flex; align-items: center; justify-content: center; background: var(–accent); color: var(–accent-ink); padding: var(–s-3) var(–s-5); border-radius: var(–radius-md); font-family: var(–font-display); font-weight: 600; font-size: var(–step-0); text-decoration: none; transition: background var(–dur-fast) var(–ease-out), transform var(–dur-fast) var(–ease-out); white-space: nowrap; border: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-button:hover { background: var(–accent-pressed); color: var(–accent-ink); transform: translateY(-1px); } .pn-post.pn-site-floridafunctionalmedicine .pn-button–phone { background: var(–surface-raised); color: var(–accent); border: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-button–phone:hover { background: var(–accent-wash); color: var(–accent-pressed); transform: translateY(-1px); } @media (max-width: 680px) { .pn-post.pn-site-floridafunctionalmedicine .pn-cta { grid-template-columns: 1fr; } } /* aside */ .pn-post.pn-site-floridafunctionalmedicine .pn-aside { background: var(–surface-raised); border-radius: var(–radius-md); padding: var(–s-5); margin: var(–s-5) 0; border: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-aside__label { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.1em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-2); font-weight: 500; } /* kv */ .pn-post.pn-site-floridafunctionalmedicine .pn-kv { display: grid; grid-template-columns: max-content 1fr; gap: var(–s-2) var(–s-5); margin: var(–s-5) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-kv dt { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; color: var(–muted); letter-spacing: 0.08em; text-transform: uppercase; } .pn-post.pn-site-floridafunctionalmedicine .pn-kv dd { margin: 0; color: var(–ink-soft); font-size: var(–step–1); } /* divider */ .pn-post.pn-site-floridafunctionalmedicine .pn-divider { display: flex; align-items: center; gap: var(–s-4); margin: var(–s-6) 0; color: var(–muted-ghost); } .pn-post.pn-site-floridafunctionalmedicine .pn-divider::before, .pn-post.pn-site-floridafunctionalmedicine .pn-divider::after { content: “”; flex: 1; height: 1px; background: var(–rule); } /* compare */ .pn-post.pn-site-floridafunctionalmedicine .pn-compare { display: grid; grid-template-columns: 1fr 1fr; gap: var(–s-4); margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__heading { font-family: var(–font-display); font-weight: 700; font-size: var(–step-1); color: var(–ink); margin: 0 0 var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__pane { background: var(–paper); border: 1px solid var(–rule); border-top: 3px solid var(–accent); border-radius: var(–radius-md); padding: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__pane–alt { border-top-color: var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__title { font-family: var(–font-display); font-weight: 700; font-size: var(–step-1); color: var(–ink); margin: 0 0 var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare ul { margin: 0; padding-left: var(–s-4); color: var(–body); font-size: var(–step–1); line-height: 1.6; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare li + li { margin-top: var(–s-2); } @media (max-width: 680px) { .pn-post.pn-site-floridafunctionalmedicine .pn-compare { grid-template-columns: 1fr; } } /* compare: multi-column table format (headers+rows-as-arrays) */ .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table-wrap { overflow-x: auto; margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table { width: 100%; border-collapse: collapse; font-size: var(–step–1); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table th { background: var(–accent); color: var(–paper); font-family: var(–font-display); font-weight: 700; padding: var(–s-3) var(–s-4); text-align: left; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table th:first-child { border-radius: var(–radius-sm) 0 0 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table th:last-child { border-radius: 0 var(–radius-sm) 0 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table td { padding: var(–s-3) var(–s-4); border-bottom: 1px solid var(–rule); color: var(–body); vertical-align: top; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table tr:nth-child(even) td { background: var(–surface); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare-table td:first-child { font-weight: 600; color: var(–ink); white-space: nowrap; } /* tabs (Alpine-powered) */ .pn-post.pn-site-floridafunctionalmedicine .pn-tabs { margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-tabs__tablist { display: flex; gap: var(–s-1); border-bottom: 1px solid var(–rule); margin-bottom: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-tabs__tab { background: transparent; border: none; padding: var(–s-3) var(–s-4); font-family: var(–font-display); font-weight: 600; font-size: var(–step–1); color: var(–muted); cursor: pointer; border-bottom: 2px solid transparent; transition: color var(–dur-fast), border-color var(–dur-fast); } .pn-post.pn-site-floridafunctionalmedicine .pn-tabs__tab[aria-selected=”true”] { color: var(–ink); border-bottom-color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-tabs__panel[hidden] { display: none; } /* timeline */ .pn-post.pn-site-floridafunctionalmedicine .pn-timeline { margin: var(–s-6) 0; position: relative; padding-left: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline::before { content: “”; position: absolute; left: 4px; top: 6px; bottom: 6px; width: 1px; background: var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__item { position: relative; padding-bottom: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__item::before { content: “”; position: absolute; left: calc(var(–s-5) * -1 + 1px); top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(–accent); box-shadow: 0 0 0 3px var(–surface); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__label { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.08em; color: var(–accent); font-weight: 600; text-transform: uppercase; margin: 0 0 var(–s-1); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__title { font-family: var(–font-display); font-weight: 600; font-size: var(–step-0); color: var(–ink); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__text { margin: 0; font-size: var(–step–1); color: var(–body); } /* chart: source line */ .pn-post.pn-site-floridafunctionalmedicine .pn-chart__source { font-family: var(–font-mono); font-size: var(–step–2); color: var(–muted); margin-top: var(–s-3); } /* code-block */ .pn-post.pn-site-floridafunctionalmedicine .pn-code-wrap { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); overflow: hidden; margin: var(–s-6) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-code-wrap__header { display: flex; justify-content: space-between; align-items: center; padding: var(–s-3) var(–s-5); background: var(–surface-raised); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-code__caption { font-family: var(–font-display); font-size: var(–step–1); font-weight: 600; color: var(–ink-soft); margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-code__lang { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-code__copy-btn { background: transparent; border: 1px solid var(–rule); border-radius: var(–radius-sm); padding: var(–s-1) var(–s-3); font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; color: var(–muted); cursor: pointer; margin-left: auto; transition: color var(–dur-fast) var(–ease-out), border-color var(–dur-fast) var(–ease-out); line-height: 1.4; } .pn-post.pn-site-floridafunctionalmedicine .pn-code__copy-btn:hover { color: var(–accent); border-color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-code__copy-btn:active { transform: scale(0.97); } .pn-post.pn-site-floridafunctionalmedicine .pn-code { display: block; padding: var(–s-5); margin: 0; font-family: var(–font-mono); font-size: var(–step–1); line-height: 1.6; color: var(–ink-soft); background: var(–paper); overflow-x: auto; white-space: pre; tab-size: 2; } /* reading progress bar */ .pn-post.pn-site-floridafunctionalmedicine .pn-reading-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; width: 0%; background: var(–accent); z-index: 9999; border-radius: 0 2px 2px 0; transition: width 0.08s linear; pointer-events: none; } /* last-updated badge */ .pn-post.pn-site-floridafunctionalmedicine .pn-last-updated { display: inline-flex; align-items: center; gap: var(–s-2); margin: 0 0 var(–s-5); padding: var(–s-2) var(–s-3); background: var(–surface-raised); border: 1px solid var(–rule); border-radius: var(–radius-sm); } .pn-post.pn-site-floridafunctionalmedicine .pn-last-updated__label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(–muted); margin: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-last-updated__date { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; color: var(–accent); margin: 0; } /* cite block */ .pn-post.pn-site-floridafunctionalmedicine .pn-cite { background: var(–surface-raised); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-4) var(–s-5); margin: var(–s-5) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-cite__label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–muted); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-cite__text { font-family: var(–font-mono); font-size: var(–step–1); color: var(–ink-soft); margin: 0; line-height: 1.6; user-select: all; } .pn-post.pn-site-floridafunctionalmedicine .pn-cite__copy-btn { background: transparent; border: 1px solid var(–rule); border-radius: var(–radius-sm); padding: var(–s-1) var(–s-3); font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; color: var(–muted); cursor: pointer; margin-top: var(–s-3); display: inline-block; transition: color var(–dur-fast) var(–ease-out), border-color var(–dur-fast) var(–ease-out); } .pn-post.pn-site-floridafunctionalmedicine .pn-cite__copy-btn:hover { color: var(–accent); border-color: var(–accent); } /* compare: item types and icons */ .pn-post.pn-site-floridafunctionalmedicine .pn-compare__item { display: flex; align-items: flex-start; gap: var(–s-2); margin-bottom: var(–s-2); font-size: var(–step–1); color: var(–body); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__item–pro { color: var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__item–con { color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__item–neutral { color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__icon { flex-shrink: 0; font-size: var(–step–1); font-weight: 700; line-height: 1.4; } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__icon–pro { color: var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__icon–con { color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare__icon–neutral { color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-compare li { list-style: none; } /* stat-hero */ .pn-post.pn-site-floridafunctionalmedicine .pn-stat-hero { border-bottom: 1px solid var(–rule); margin-bottom: var(–s-6); } /* table: highlight row */ .pn-post.pn-site-floridafunctionalmedicine .pn-table__row–highlight { background: var(–accent-wash) !important; } .pn-post.pn-site-floridafunctionalmedicine .pn-table__row–highlight td:first-child { color: var(–accent); } /* stat-grid: border-strip (Halcyon-inspired) — figures on page bg, border-right dividers */ .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip { display: flex; flex-wrap: wrap; gap: 0; margin: var(–s-6) 0; border-top: 1px solid var(–rule); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat–strip { flex: 1 1 0; min-width: 140px; background: transparent; border: none; border-radius: 0; border-right: 1px solid var(–rule); padding: var(–s-5) var(–s-6); box-shadow: none; transform: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat–strip:hover { box-shadow: none; transform: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat–strip:last-child { border-right: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat__figure { font-size: var(–step-5); color: var(–accent); letter-spacing: -0.05em; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat__label { font-size: var(–step–1); color: var(–muted); font-weight: 400; } /* deep surface — dark ink band (like Halcyon’s stats-band) */ .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–deep { background: var(–deep); border-top-color: var(–deep-edge); border-bottom-color: var(–deep-edge); padding: 0 var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–deep .pn-stat–strip { border-right-color: var(–deep-edge); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–deep .pn-stat__figure { color: var(–accent-tint); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–deep .pn-stat__label { color: var(–deep-ink); opacity: 0.7; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–deep .pn-stat__source { color: var(–muted-ghost); } @media (max-width: 600px) { .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip { flex-direction: column; } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat–strip { border-right: none; border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-stat-grid–border-strip .pn-stat–strip:last-child { border-bottom: none; } } /* timeline: horizontal (Halcyon-inspired numbered steps with connecting line) */ .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal { display: flex; gap: 0; padding-left: 0; margin: var(–s-7) 0; overflow-x: auto; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal::before { display: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__item { flex: 1 1 0; min-width: 120px; padding: 0 var(–s-4) var(–s-4); position: relative; text-align: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__item::before { display: none; } /* connecting line between nodes */ .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__item:not(:last-child)::after { content: “”; position: absolute; top: 16px; left: calc(50% + 20px); right: calc(-50% + 20px); height: 1px; background: var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__node { width: 32px; height: 32px; border-radius: 50%; background: var(–accent); display: flex; align-items: center; justify-content: center; margin: 0 auto var(–s-3); position: relative; z-index: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline__num { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; color: var(–accent-ink); line-height: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__label { font-family: var(–font-mono); font-size: var(–step–2); letter-spacing: 0.06em; text-transform: uppercase; color: var(–accent); font-weight: 600; margin: 0 0 var(–s-1); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__title { font-family: var(–font-display); font-weight: 600; font-size: var(–step-0); color: var(–ink); margin: 0 0 var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__text { font-size: var(–step–1); color: var(–body); margin: 0; } @media (max-width: 720px) { .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal { flex-direction: column; overflow-x: visible; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__item { text-align: left; display: flex; gap: var(–s-4); align-items: flex-start; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__item::after { display: none; } .pn-post.pn-site-floridafunctionalmedicine .pn-timeline–horizontal .pn-timeline__node { flex-shrink: 0; margin: 0; } } /* testimonial cards (Halcyon-inspired .tcard pattern) */ .pn-post.pn-site-floridafunctionalmedicine .pn-testimonials { margin: var(–s-7) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonials__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(–s-4); margin-top: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonial__card { background: var(–paper); border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-5); display: flex; flex-direction: column; gap: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonial__stars { font-size: var(–step-0); color: var(–accent); letter-spacing: 0.05em; line-height: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonial__quote { font-family: var(–font-display); font-style: italic; font-weight: 400; font-size: var(–step-0); color: var(–ink); line-height: 1.55; margin: 0; flex: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonial__quote::before { content: “\201C”; color: var(–accent-alt); margin-right: 1px; } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonial__quote::after { content: “\201D”; color: var(–accent-alt); margin-left: 1px; } .pn-post.pn-site-floridafunctionalmedicine .pn-testimonial__byline { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 500; letter-spacing: 0.06em; color: var(–muted); text-transform: uppercase; margin: 0; } /* callout: checklist variant (Halcyon-inspired .feat-list) */ .pn-post.pn-site-floridafunctionalmedicine .pn-callout–checklist { background: var(–surface-raised); border: 1px solid var(–rule); border-left: 3px solid var(–success); border-radius: var(–radius-md); padding: var(–s-4) var(–s-5); margin: var(–s-5) 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-checklist { list-style: none; margin: var(–s-3) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-checklist__item { display: flex; align-items: flex-start; gap: var(–s-3); font-size: var(–step–1); color: var(–ink-soft); line-height: 1.55; } .pn-post.pn-site-floridafunctionalmedicine .pn-checklist__check { width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; background: var(–success); display: flex; align-items: center; justify-content: center; margin-top: 1px; } .pn-post.pn-site-floridafunctionalmedicine .pn-checklist__check::after { content: “âś“”; color: white; font-size: 11px; font-weight: 700; line-height: 1; } /* prose density (compact / airy reading rhythm) */ .pn-post.pn-site-floridafunctionalmedicine .pn-prose–compact p { font-size: var(–step–1); line-height: 1.5; margin-bottom: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-prose–airy p { line-height: 1.9; margin-bottom: var(–s-6); } /* context-shift — full-width reframing band */ .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift { margin: var(–s-8) 0; padding: var(–s-5) var(–s-6); border-top: 2px solid var(–rule-strong); border-bottom: 2px solid var(–rule-strong); background: var(–surface); text-align: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift .pn-eyebrow { justify-content: center; margin-bottom: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift__track { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift__from { font-family: var(–font-display); font-size: var(–step-1); font-weight: 600; color: var(–muted); text-decoration: line-through; text-decoration-color: var(–muted-ghost); text-decoration-thickness: 1px; } .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift__arrow { font-size: var(–step-2); color: var(–accent); line-height: 1; } .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift__to { font-family: var(–font-display); font-size: var(–step-1); font-weight: 700; color: var(–ink); } .pn-post.pn-site-floridafunctionalmedicine .pn-context-shift__note { margin: var(–s-3) 0 0; font-size: var(–step–1); color: var(–ink-soft); max-width: 52ch; margin-left: auto; margin-right: auto; } /* panel — meta-structure container (diagnostic / audit / findings / system-state) */ .pn-post.pn-site-floridafunctionalmedicine .pn-panel { margin: var(–s-6) 0; border: 1px solid var(–rule); border-radius: var(–radius-md); background: var(–paper); overflow: hidden; } .pn-post.pn-site-floridafunctionalmedicine .pn-panel__head { display: flex; align-items: center; justify-content: space-between; gap: var(–s-3); padding: var(–s-2) var(–s-5); background: var(–surface); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel__mode { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel__status { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(–ink-soft); border: 1px solid var(–rule-strong); border-radius: var(–radius-xs); padding: 1px var(–s-2); background: var(–paper); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel__title { font-family: var(–font-display); font-size: var(–step-1); font-weight: 700; color: var(–ink); margin: var(–s-4) 0 0; padding: 0 var(–s-5); line-height: 1.3; } .pn-post.pn-site-floridafunctionalmedicine .pn-panel__body { padding: var(–s-2) var(–s-5) var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel__body .pn-container { padding-left: 0; padding-right: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–diagnostic .pn-panel__mode { color: var(–caution); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–diagnostic { border-left: 3px solid var(–caution); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–audit .pn-panel__mode { color: var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–audit { border-left: 3px solid var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–findings .pn-panel__mode { color: var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–findings { border-left: 3px solid var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–system-state .pn-panel__mode { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–system-state { border-left: 3px solid var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–compact .pn-panel__body { padding: var(–s-1) var(–s-4) var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-panel–compact .pn-panel__body p { font-size: var(–step–1); line-height: 1.5; } /* diff — what-changed view (unified rows or before/after panes) */ .pn-post.pn-site-floridafunctionalmedicine .pn-diff { margin: var(–s-6) 0; border: 1px solid var(–rule); border-radius: var(–radius-md); padding: var(–s-4) var(–s-5); background: var(–paper); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__title { font-family: var(–font-display); font-size: var(–step-1); font-weight: 700; color: var(–ink); margin: 0 0 var(–s-3); line-height: 1.3; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__list { list-style: none; margin: 0; padding: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row { display: flex; gap: var(–s-3); align-items: baseline; padding: var(–s-2) var(–s-3); border-radius: var(–radius-xs); font-size: var(–step–1); line-height: 1.55; color: var(–ink-soft); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row + .pn-diff__row { margin-top: 2px; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__marker { font-family: var(–font-mono); font-weight: 700; flex-shrink: 0; width: 1em; text-align: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–added { background: var(–success-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–added .pn-diff__marker { color: var(–success); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–removed { background: var(–danger-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–removed .pn-diff__marker { color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–removed .pn-diff__text { text-decoration: line-through; text-decoration-thickness: 1px; opacity: 0.75; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–changed { background: var(–accent-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__row–changed .pn-diff__marker { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__detail { display: block; font-size: var(–step–2); color: var(–muted); font-family: var(–font-mono); margin-top: 2px; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(–s-4); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane { border-radius: var(–radius-sm); padding: var(–s-4); font-size: var(–step–1); line-height: 1.55; color: var(–ink-soft); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane–before { background: var(–surface); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane–after { background: var(–accent-wash); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane-label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 var(–s-2); color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane–after .pn-diff__pane-label { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane ul { margin: 0; padding-left: 1.1em; } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane li + li { margin-top: var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-diff__pane p { margin: 0; } @media (max-width: 640px) { .pn-post.pn-site-floridafunctionalmedicine .pn-diff__grid { grid-template-columns: 1fr; } } /* constraint — system limits / failure states */ .pn-post.pn-site-floridafunctionalmedicine .pn-constraint { margin: var(–s-6) 0; border: 1px dashed var(–rule-strong); border-radius: var(–radius-md); padding: var(–s-4) var(–s-5); background: var(–surface); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__title { font-family: var(–font-display); font-size: var(–step-1); font-weight: 700; color: var(–ink); margin: var(–s-1) 0 var(–s-3); line-height: 1.3; } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(–s-3); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__row { display: flex; gap: var(–s-3); align-items: flex-start; } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__sev { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; flex-shrink: 0; border-radius: var(–radius-xs); padding: 1px var(–s-2); margin-top: 2px; min-width: 3.2em; text-align: center; } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__row–hard .pn-constraint__sev { background: var(–danger-wash); color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__row–soft .pn-constraint__sev { background: var(–caution-wash); color: var(–caution); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__row–info .pn-constraint__sev { background: var(–accent-wash); color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__text { margin: 0; font-size: var(–step–1); line-height: 1.55; color: var(–ink-soft); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__workaround { margin: var(–s-1) 0 0; font-size: var(–step–2); line-height: 1.5; color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-constraint__workaround::before { content: “↳ “; color: var(–accent); font-weight: 700; } /* reading-guide — reader orientation strip */ .pn-post.pn-site-floridafunctionalmedicine .pn-reading-guide { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(–s-2) var(–s-3); margin: var(–s-5) 0; padding: var(–s-3) 0; border-top: 1px solid var(–rule); border-bottom: 1px solid var(–rule); } .pn-post.pn-site-floridafunctionalmedicine .pn-reading-guide__label { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–accent); flex-shrink: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-reading-guide__body { font-size: var(–step–1); color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-reading-guide__item { font-style: italic; } .pn-post.pn-site-floridafunctionalmedicine .pn-reading-guide__item + .pn-reading-guide__item::before { content: ” · “; font-style: normal; color: var(–muted-ghost); margin: 0 var(–s-1); } /* emphasis — graded importance band (critical / supporting / contextual / optional) */ .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis { position: relative; margin: var(–s-6) 0; padding-left: var(–s-5); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis::before { content: “”; position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px; } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis__weight { font-family: var(–font-mono); font-size: var(–step–2); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; display: block; margin-bottom: var(–s-2); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis__title { font-family: var(–font-display); font-size: var(–step-1); font-weight: 700; color: var(–ink); margin: 0 0 var(–s-2); line-height: 1.3; } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis__body .pn-container { padding-left: 0; padding-right: 0; } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–critical::before { width: 6px; background: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–critical .pn-emphasis__weight { color: var(–danger); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–supporting::before { width: 4px; background: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–supporting .pn-emphasis__weight { color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–contextual::before { width: 3px; background: var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–contextual .pn-emphasis__weight { color: var(–accent-alt); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–optional::before { width: 2px; background: var(–muted-ghost); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–optional .pn-emphasis__weight { color: var(–muted); } .pn-post.pn-site-floridafunctionalmedicine .pn-emphasis–optional .pn-emphasis__body { opacity: 0.85; } .pn-post.pn-site-floridafunctionalmedicine .pn-prose–dropcap > p:first-of-type::first-letter { font-family: var(–font-display); font-size: 4.2em; font-weight: 500; float: left; line-height: 0.88; padding: 0.08em 0.12em 0 0; color: var(–accent); } .pn-post.pn-site-floridafunctionalmedicine .pn-container { max-width: var(–container-narrow); } .pn-post.pn-site-floridafunctionalmedicine .pn-container–wide { max-width: var(–container); } .pn-post.pn-site-floridafunctionalmedicine .pn-pull–bleed { margin-left: auto; margin-right: auto; max-width: var(–container); }

Gut Health

They share symptoms and they feed each other—but they are not the same thing. Here is how functional medicine separates them and addresses the root cause.

IBS and leaky gut are not the same condition, even though they cause overlapping symptoms. IBS is a recognized gut disorder defined by how you feel; leaky gut describes a physical state of the gut barrier that may help explain why. Understanding the difference changes how you treat both—and why so many people stay stuck when they treat only one.

Key Takeaways

  • 01

    IBS is a recognized symptom-based diagnosis; leaky gut describes increased intestinal permeability that may sit beneath it.

  • 02

    The two overlap and feed each other—up to 62% of diarrhea-predominant IBS shows increased permeability.

  • 03

    Treating only one label is why many people stay stuck; the mechanism matters more than the name.

  • 04

    A root-cause approach removes triggers, rebalances the microbiome, and repairs the gut lining together.

What IBS Actually Is

Irritable bowel syndrome is a recognized functional GI disorder, diagnosed when you have recurring abdominal pain alongside changes in your bowel habits. It is multifactorial, meaning several systems are involved at once: gut motility, nerve sensitivity, immune signaling, and the balance of your gut microbiome. The diagnosis tells you what pattern of symptoms you have—not why you have them.

Definition

IBS (irritable bowel syndrome) — A diagnosed functional gut disorder marked by recurring abdominal pain and altered bowel habits—diarrhea, constipation, or both. It is identified using the Rome IV criteria after other conditions are ruled out. IBS describes a symptom pattern rather than a single underlying cause.

What “Leaky Gut” Really Means

Leaky gut is the everyday term for increased intestinal permeability. The lining of your gut is meant to act as a selective barrier, letting nutrients through while keeping larger particles out. When the tight junctions between those cells loosen, the barrier becomes more permeable, which can trigger immune activation and heighten gut sensitivity. As Cleveland Clinic notes, it is a real physiological state—but not yet a formal standalone diagnosis.

Definition

Leaky gut (intestinal permeability) — A state in which the gut lining becomes more permeable than normal, allowing substances to cross the barrier that usually would not. It is associated with many conditions but is considered a mechanism, not a diagnosis. It often points to an upstream problem rather than being the final answer itself.

Up to 62%

of people with diarrhea-predominant IBS show increased intestinal permeability

Published IBS permeability research, PMC/NIH

How They Are Connected

Here is where the two overlap. Published research shows increased intestinal permeability is one of the main mechanisms involved in IBS, and it is especially common after a gut infection or in diarrhea-predominant IBS. But the relationship runs both ways. A damaged gut barrier can drive IBS-type symptoms, and the inflammation of IBS can further loosen the barrier—a loop that keeps you symptomatic until something interrupts it.

This is why labeling matters less than mechanism. Not everyone with IBS has a permeable gut, and not everyone with increased permeability develops IBS. The goal is not to win an argument about which term is “correct,” but to map what is actually happening in your gut so the treatment fits.

IBS tells you what you feel. Leaky gut may help explain why. Treating only the label you were handed is how people stay stuck for years.

Telling Them Apart

Side by side, the differences become clear. One is a clinical diagnosis based on your symptom pattern; the other is a physical barrier problem that may sit underneath it. A functional approach looks at both at once rather than forcing your experience into a single box.

IBS vs leaky gut at a glance

IBSLeaky gut
What it isA diagnosed functional GI disorderA state of increased gut-barrier permeability
Diagnostic statusRecognized (Rome IV criteria)Not yet a formal standalone diagnosis
Main symptomsAbdominal pain, bloating, altered bowel habitsBloating, food sensitivities, fatigue, irregular digestion
How it is assessedSymptom history; ruling out other conditionsPermeability testing and emerging zonulin markers
Common driversMicrobiome imbalance, motility, nerve sensitivityDiet, stress, infection, dysbiosis, medications

How Functional Medicine Treats Both

Conventional care for IBS often focuses on managing symptoms—fiber, antispasmodics, or dietary changes. Those help, but they rarely address why the gut is inflamed and permeable in the first place. Functional medicine works upstream, using a structured, root-cause sequence that calms symptoms and rebuilds the barrier at the same time.

01

Remove the triggers

Identify and reduce what is irritating your gut—inflammatory foods, hidden infections, chronic stress, or certain medications. This stops ongoing damage so healing can begin.

02

Replace what is missing

Support digestion with what your gut may lack, such as adequate stomach acid, digestive enzymes, or key nutrients. Better digestion means less fermentation, gas, and irritation downstream.

03

Reinoculate the microbiome

Rebuild a balanced microbial community with targeted probiotics, prebiotics, and fiber. A healthier microbiome supports the gut lining and calms immune overactivity.

04

Repair the gut lining

Provide the building blocks the barrier needs to tighten its junctions—nutrients such as L-glutamine, zinc, and omega-3 fats, paired with an anti-inflammatory diet.

05

Rebalance your daily life

Sleep, stress regulation, and movement directly affect gut permeability and motility. Lasting results depend on the nervous system, not just the plate.

When to see a doctor first

Symptoms like blood in the stool, unexplained weight loss, persistent fever, or a sudden change in bowel habits are not typical of IBS or leaky gut and need prompt medical evaluation. Root-cause work should build on an accurate diagnosis, not replace one.

Last updated

Get to the root of your gut symptoms

If you have been told it is “just IBS” but still feel unwell, a functional workup can map what is actually happening in your gut—and build a plan to fix it.

{“@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [{“@type”: “Question”, “name”: “Can you have IBS and leaky gut at the same time?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Yes, and it is common. Research shows increased intestinal permeability appears in a large share of IBS cases, especially diarrhea-predominant and post-infectious IBS. The two conditions can feed each other, with barrier damage worsening IBS symptoms and IBS-related inflammation increasing permeability. Treating both together usually produces better results than addressing either alone.”}}, {“@type”: “Question”, “name”: “Does leaky gut cause IBS?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Not exactly—the relationship runs both ways. A more permeable gut barrier can trigger immune activation and heightened sensitivity that produce IBS-type symptoms, while the inflammation of IBS can further loosen the barrier. For many people it becomes a self-reinforcing loop, which is why interrupting both at once is more effective than treating one in isolation.”}}, {“@type”: “Question”, “name”: “How do you test for leaky gut versus IBS?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “IBS is diagnosed clinically using your symptom history and the Rome IV criteria, after ruling out other conditions. Intestinal permeability is assessed differently, using permeability challenge tests and emerging markers such as zonulin. A functional workup combines symptom mapping with targeted testing to see whether barrier dysfunction is contributing to your symptoms.”}}, {“@type”: “Question”, “name”: “What are the symptoms of leaky gut versus IBS?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “IBS centers on abdominal pain with altered bowel habits—diarrhea, constipation, or both. Increased permeability is often linked to broader complaints like bloating, food sensitivities, fatigue, and irregular digestion. Because the symptoms overlap heavily, symptoms alone cannot reliably separate them, which is why mechanism-based assessment matters.”}}, {“@type”: “Question”, “name”: “Can IBS and leaky gut be healed?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Many people achieve significant, lasting symptom relief by addressing root causes rather than just managing symptoms. While IBS is considered a chronic condition, its severity can change dramatically when triggers are removed, the microbiome is rebalanced, and the gut lining is supported. Results vary by person, and a personalized plan works better than a generic protocol.”}}, {“@type”: “Question”, “name”: “Is leaky gut a real diagnosis?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Leaky gut is a real physiological state—intestinal permeability is well established in research—but it is not yet recognized as a formal standalone diagnosis. It is best understood as a mechanism that points to an upstream problem. That distinction is exactly why functional medicine treats it as a clue to investigate, not an endpoint.”}}]}
QCan you have IBS and leaky gut at the same time?
Yes, and it is common. Research shows increased intestinal permeability appears in a large share of IBS cases, especially diarrhea-predominant and post-infectious IBS. The two conditions can feed each other, with barrier damage worsening IBS symptoms and IBS-related inflammation increasing permeability. Treating both together usually produces better results than addressing either alone.
QDoes leaky gut cause IBS?
Not exactly—the relationship runs both ways. A more permeable gut barrier can trigger immune activation and heightened sensitivity that produce IBS-type symptoms, while the inflammation of IBS can further loosen the barrier. For many people it becomes a self-reinforcing loop, which is why interrupting both at once is more effective than treating one in isolation.
QHow do you test for leaky gut versus IBS?
IBS is diagnosed clinically using your symptom history and the Rome IV criteria, after ruling out other conditions. Intestinal permeability is assessed differently, using permeability challenge tests and emerging markers such as zonulin. A functional workup combines symptom mapping with targeted testing to see whether barrier dysfunction is contributing to your symptoms.
QWhat are the symptoms of leaky gut versus IBS?
IBS centers on abdominal pain with altered bowel habits—diarrhea, constipation, or both. Increased permeability is often linked to broader complaints like bloating, food sensitivities, fatigue, and irregular digestion. Because the symptoms overlap heavily, symptoms alone cannot reliably separate them, which is why mechanism-based assessment matters.
QCan IBS and leaky gut be healed?
Many people achieve significant, lasting symptom relief by addressing root causes rather than just managing symptoms. While IBS is considered a chronic condition, its severity can change dramatically when triggers are removed, the microbiome is rebalanced, and the gut lining is supported. Results vary by person, and a personalized plan works better than a generic protocol.
QIs leaky gut a real diagnosis?
Leaky gut is a real physiological state—intestinal permeability is well established in research—but it is not yet recognized as a formal standalone diagnosis. It is best understood as a mechanism that points to an upstream problem. That distinction is exactly why functional medicine treats it as a clue to investigate, not an endpoint.
{“@context”: “https://schema.org”, “@type”: “Article”, “headline”: “The Florida Center For Functional Medicine to Tell Them Apart and Treat Both”, “description”: “

IBS and leaky gut are often confused, but they are not the same thing. Here is how functional medicine tells them apart—and treats both at the root.

\n”, “keywords”: “IBS vs leaky gut”, “author”: {“@type”: “Organization”, “name”: “The Florida Center For Functional Medicine”}, “publisher”: {“@type”: “Organization”, “name”: “The Florida Center For Functional Medicine”}, “datePublished”: “2026-06-04”, “dateModified”: “2026-07-16”, “mainEntityOfPage”: {“@type”: “WebPage”, “@id”: “https://www.floridafunctionalmedicine.com/ibs-vs-leaky-gut/”}} {“@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [{“@type”: “ListItem”, “position”: 1, “name”: “The Florida Center For Functional Medicine”, “item”: “https://www.floridafunctionalmedicine.com/”}, {“@type”: “ListItem”, “position”: 2, “name”: “IBS vs. Leaky Gut: How to Tell Them Apart and Treat Both”, “item”: “https://www.floridafunctionalmedicine.com/ibs-vs-leaky-gut/”}]}