:root{--cream: #F7F3EC;--warm-white: #FDFAF6;--ink: #1C1A17;--ink-light: #3D3A35;--muted: #7A7570;--border: #E2DDD6;--sage: #5C7A5E;--sage-light: #EBF2EB;--sage-mid: #8FAF92;--amber: #C4761A;--amber-light: #FBF0E0;--teal: #2D7A75;--teal-light: #E3F4F3;--rose: #A34B4B;--rose-light: #FAF0EF;--blue: #2D5A8C;--blue-light: #EBF1F8;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--warm-white);color:var(--ink);font-size:16px;line-height:1.7;font-weight:300}.back-link{position:absolute;top:1.25rem;right:2rem;font-family:var(--font-body);font-size:12px;font-weight:400;color:#f7f3ec73;text-decoration:none;letter-spacing:.05em;transition:color .2s;z-index:2}.back-link:hover{color:#f7f3eccc}.hero{background:var(--ink);color:var(--cream);padding:5rem 2rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-60px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(92,122,94,.25) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-40px;left:10%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(196,118,26,.15) 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:780px;margin:0 auto;position:relative;z-index:1}.hero-eyebrow{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-mid);margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.hero-eyebrow:before{content:"";display:block;width:32px;height:1px;background:var(--sage-mid)}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.01em}.hero h1 em{font-style:italic;color:var(--sage-mid)}.hero-lead{font-size:1.05rem;color:#f7f3ecbf;max-width:580px;line-height:1.75;margin-bottom:2.5rem}.hero-disclaimer{display:inline-flex;align-items:flex-start;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.9rem 1.1rem;font-size:13px;color:#f7f3eca6;line-height:1.5;max-width:560px}.hero-disclaimer strong{color:#f7f3ece6;font-weight:500}.disc-icon{font-size:16px;flex-shrink:0;margin-top:1px}.nav-pills{background:var(--cream);border-bottom:1px solid var(--border);padding:0 2rem;position:sticky;top:0;z-index:100}.nav-pills-inner{max-width:900px;margin:0 auto;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.nav-pills-inner::-webkit-scrollbar{display:none}.nav-pill{display:flex;align-items:center;gap:7px;padding:1rem 1.1rem;font-size:13px;font-weight:400;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}.nav-pill:hover{color:var(--ink)}.nav-pill.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}.nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.page-wrap{max-width:900px;margin:0 auto;padding:0 2rem}section{padding:4rem 0;border-bottom:1px solid var(--border)}section:last-child{border-bottom:none}.section-label{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;display:flex;align-items:center;gap:8px}.section-label:before{content:"";display:block;width:20px;height:1px;background:currentColor}h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;line-height:1.25;margin-bottom:.5rem;letter-spacing:-.01em}h2 em{font-style:italic}.section-intro{color:var(--muted);font-size:1rem;margin-bottom:2.5rem;max-width:620px}h3{font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin-bottom:.4rem}.phases{display:flex;flex-direction:column;gap:0}.phase{display:grid;grid-template-columns:80px 1fr;gap:0 2rem;position:relative}.phase:not(:last-child):before{content:"";position:absolute;left:39px;top:56px;bottom:-1px;width:1px;background:var(--border)}.phase-num-col{display:flex;flex-direction:column;align-items:center;padding-top:2px}.phase-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:400;flex-shrink:0;border:1.5px solid;position:relative;z-index:1}.phase-content{padding:0 0 3rem}.phase-timeframe{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.phase-title-h3{margin-bottom:.2rem}.phase-desc{color:var(--muted);font-size:14px;margin-bottom:1.5rem}.phase-cards{display:flex;flex-direction:column;gap:12px}.pcard{border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem;background:var(--warm-white)}.pcard-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.pcard-title{font-size:14px;font-weight:500}.badge{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:20px;border:1px solid}.badge-trad{color:var(--amber);border-color:var(--amber);background:var(--amber-light)}.badge-mod{color:var(--blue);border-color:var(--blue);background:var(--blue-light)}.badge-both{color:var(--sage);border-color:var(--sage);background:var(--sage-light)}.pcard p{font-size:14px;color:var(--ink-light);line-height:1.65}.ph1 .phase-circle{color:var(--rose);border-color:var(--rose);background:var(--rose-light)}.ph1 .phase-timeframe{color:var(--rose)}.ph2 .phase-circle{color:var(--amber);border-color:var(--amber);background:var(--amber-light)}.ph2 .phase-timeframe{color:var(--amber)}.ph3 .phase-circle{color:var(--sage);border-color:var(--sage);background:var(--sage-light)}.ph3 .phase-timeframe{color:var(--sage)}.ph4 .phase-circle{color:var(--teal);border-color:var(--teal);background:var(--teal-light)}.ph4 .phase-timeframe{color:var(--teal)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.recipe-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--warm-white)}.recipe-card-top{padding:1.25rem 1.25rem 0}.recipe-emoji{font-size:2rem;margin-bottom:.75rem;display:block}.recipe-card h3{font-size:1.05rem;margin-bottom:4px}.recipe-origin{font-size:12px;color:var(--muted);margin-bottom:.75rem;letter-spacing:.05em}details{border-top:1px solid var(--border);margin-top:.75rem}details summary{padding:.75rem 1.25rem;font-size:13px;font-weight:500;color:var(--sage);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;user-select:none}details summary:before{content:"+";font-size:16px;font-weight:300;line-height:1;transition:transform .2s}details[open] summary:before{content:"−"}.recipe-steps{padding:0 1.25rem 1.25rem;font-size:13px;color:var(--ink-light);line-height:1.7}.recipe-steps ol{padding-left:1.2rem;margin-top:.5rem}.recipe-steps ol li{margin-bottom:6px}.recipe-steps .ingredients{background:var(--cream);border-radius:6px;padding:.7rem .9rem;margin-bottom:.75rem;font-size:13px}.recipe-steps .ingredients strong{font-weight:500;display:block;margin-bottom:3px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.foods-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:600px){.foods-grid{grid-template-columns:1fr}}.food-col-title{font-size:13px;font-weight:500;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid;display:flex;align-items:center;gap:8px}.food-col-title.eat{border-color:var(--sage);color:var(--sage)}.food-col-title.avoid{border-color:var(--rose);color:var(--rose)}.food-category{margin-bottom:1.25rem}.food-cat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.food-items{font-size:14px;color:var(--ink-light);line-height:1.65}.how-to-eat{margin-top:2rem;background:var(--cream);border-radius:12px;padding:1.5rem 1.75rem;border-left:3px solid var(--sage)}.how-to-eat h3{font-size:1rem;margin-bottom:.5rem}.how-to-eat p{font-size:14px;color:var(--ink-light);line-height:1.7}.herbs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.herb-card{border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:var(--warm-white);position:relative}.herb-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:12px 0 0 12px}.herb-card.trad:before{background:var(--amber)}.herb-card.both:before{background:var(--sage)}.herb-card h3{font-size:1rem;margin-bottom:3px}.herb-card .system{font-size:11px;color:var(--muted);margin-bottom:.6rem;letter-spacing:.05em}.herb-card p{font-size:13px;color:var(--ink-light);line-height:1.65}.herb-warning{margin-top:1.5rem;background:#fff7f7;border:1px solid #EECDCD;border-radius:10px;padding:1rem 1.25rem;font-size:13.5px;color:var(--rose);line-height:1.6}.probiotics-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.probiotic-row{background:var(--warm-white);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:start}.probiotic-row:last-child{border-bottom:none}@media(max-width:600px){.probiotic-row{grid-template-columns:1fr}}.probiotic-name{font-size:14px;font-weight:500;line-height:1.4}.probiotic-name em{font-style:italic;font-weight:300;color:var(--muted);font-size:12px;display:block;margin-top:3px}.probiotic-info{font-size:13.5px;color:var(--ink-light);line-height:1.65}.priority-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-light);border:1px solid var(--teal);border-radius:20px;padding:2px 8px;margin-top:6px}.probiotic-tip{margin-top:1.5rem;background:var(--sage-light);border-radius:10px;padding:1rem 1.25rem;font-size:14px;color:var(--sage);border:1px solid #C5DAC6;line-height:1.6}.probiotic-tip strong{font-weight:500;display:block;margin-bottom:3px}.mindgut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.mindgut-card{background:var(--cream);border-radius:12px;padding:1.25rem;text-align:center}.mindgut-card .icon{font-size:2rem;margin-bottom:.75rem;display:block}.mindgut-card h3{font-size:1rem;margin-bottom:.4rem}.mindgut-card p{font-size:13px;color:var(--muted);line-height:1.6}footer{background:var(--ink);color:#f7f3ec80;padding:2.5rem 2rem;text-align:center;font-size:13px;line-height:1.7}footer a{color:#f7f3ecb3}.tip-box{background:var(--sage-light);border-radius:8px;padding:.75rem 1rem;font-size:13.5px;color:var(--sage);margin:1.25rem 0;border:1px solid #C5DAC6}.tip-box strong{font-weight:500}@media(max-width:640px){.phase{grid-template-columns:50px 1fr;gap:0 1rem}.phase:not(:last-child):before{left:24px}.recipes-grid{grid-template-columns:1fr}.hero{padding:3.5rem 1.25rem 3rem}.nav-pills{padding:0 1rem}.page-wrap{padding:0 1.25rem}section{padding:3rem 0}.probiotic-row{grid-template-columns:1fr;gap:.5rem}.back-link{top:1rem;right:1.25rem}}
