@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); }
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.
An honest note on the term
“Leaky gut” gets used loosely online, and that has made some clinicians wary of it. The underlying science—intestinal permeability and tight-junction function—is well established and actively researched. The disagreement is about labels, not about whether the gut barrier matters.
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 Leaky gut What it is A diagnosed functional GI disorder A state of increased gut-barrier permeability Diagnostic status Recognized (Rome IV criteria) Not yet a formal standalone diagnosis Main symptoms Abdominal pain, bloating, altered bowel habits Bloating, food sensitivities, fatigue, irregular digestion How it is assessed Symptom history; ruling out other conditions Permeability testing and emerging zonulin markers Common drivers Microbiome imbalance, motility, nerve sensitivity Diet, 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.
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.”}}]}Q Can 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.
Q Does 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.
Q How 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.
Q What 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.
Q Can 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.
Q Is 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/”}]}