@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2")}:root{color-scheme:light;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #f6f6f3;--bg-alt: #eceff0;--surface: #ffffff;--surface-soft: #f4f5f2;--surface-tint: #edf3f8;--ink: #171615;--muted: #5f6467;--muted-strong: #3f4548;--line: #d9dddc;--line-strong: #b9c0bf;--accent: #315c87;--accent-dark: #203d5d;--accent-soft: #dce8f3;--accent-wash: rgba(49, 92, 135, .08);--focus: rgba(180, 52, 45, .32);--red: #b4342d;--red-dark: #7f211f;--red-soft: #f3d9d5;--amber: #cf8a2c;--blue: #315c87;--colon: #c95c62;--small-bowel: #d6932e;--upper-gi: #6f668f;--inflammation-color: #cf4a35;--inflammation-soft: rgba(207, 74, 53, .18);--inflammation-opacity: .68;--skip-color: #b72f44;--radius: 8px;--radius-pill: 999px;--shadow: 0 14px 34px rgba(21, 35, 40, .08);--shadow-sm: 0 6px 18px rgba(21, 35, 40, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--site-max: 1500px;--wide-max: var(--site-max);--read-max: var(--site-max);--measure: 760px;--control-height: 44px;--severity-progress: 50%;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: clamp(1.22rem, 1.45vw, 1.48rem);--text-xl: clamp(1.55rem, 2vw, 2.1rem);--text-2xl: clamp(1.9rem, 3vw, 2.75rem);font-family:var(--font-sans)}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fff 0,#fff0 300px),var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:var(--red-dark);text-decoration-thickness:1px;text-underline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);letter-spacing:0}h2{margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:850;line-height:1.16}h3{margin:0;font-size:var(--text-md);font-weight:820;line-height:1.25}p{margin-bottom:0}figure{margin-inline:0;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0;color:var(--red);font-size:.82rem;font-weight:820;line-height:1.2;letter-spacing:0;text-transform:none}.app-header{display:flex;justify-content:center;padding:20px clamp(14px,3vw,44px) 16px;border-bottom:1px solid rgba(23,22,21,.08);background:#ffffffdb;backdrop-filter:blur(10px)}.brand-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);width:min(100%,var(--wide-max))}.brand-lockup{display:inline-flex;align-items:center;min-width:0;gap:var(--space-2);color:inherit;text-decoration:none}.brand-mark{display:block;width:clamp(30px,2.8vw,40px);height:auto;flex:0 0 auto}.app-title{margin:0;color:var(--ink);font-size:clamp(1.7rem,3vw,2.55rem);font-weight:900;line-height:.98}.app-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);min-width:0}.mobile-nav{display:none}.app-nav a,.mobile-nav nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;color:var(--ink);font-size:var(--text-sm);font-weight:800;line-height:1.1;text-decoration:none;white-space:nowrap}.app-nav a:hover,.app-nav a:focus-visible,.app-nav a.is-active,.mobile-nav nav a:hover,.mobile-nav nav a:focus-visible,.mobile-nav nav a.is-active{border-color:#b4342d61;background:var(--red-soft);color:var(--red-dark)}.status-strip.sr-only span{display:block;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;border:0;background:transparent}.app-shell{display:grid;gap:var(--space-6);width:min(100%,var(--wide-max));margin-inline:auto;padding:var(--space-8) clamp(14px,3vw,44px) var(--space-8)}.page-main{display:grid;gap:clamp(30px,4vw,52px);width:min(100%,var(--read-max));margin-inline:auto;padding:var(--space-8) clamp(14px,3vw,44px) var(--space-8)}.site-footer{width:100%;margin:0;padding:var(--space-7) clamp(14px,3vw,44px) var(--space-8);border-top:1px solid rgba(180,52,45,.28);background:#fff8f7}.site-footer p{max-width:var(--wide-max);margin:0 auto;color:var(--red-dark);font-size:clamp(.92rem,1.05vw,1.05rem);font-weight:760;line-height:1.5}.home-main{display:grid;gap:clamp(30px,4vw,52px);width:min(100%,var(--read-max));margin-inline:auto;padding:var(--space-8) clamp(14px,3vw,44px) var(--space-8)}.home-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(22px,4vw,56px);align-items:start;min-height:auto;padding-bottom:clamp(20px,4vw,48px);border-bottom:1px solid var(--line)}.home-hero-copy{display:grid;gap:var(--space-5);max-width:850px}.home-hero h1{max-width:860px;margin:0;color:var(--ink);font-size:clamp(3rem,8vw,7.6rem);font-weight:920;line-height:.9}.hero-lede{max-width:760px;color:#303538;font-size:clamp(1.06rem,1.55vw,1.32rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:850;line-height:1.1;text-decoration:none}.button-link:hover,.button-link:focus-visible{border-color:#b4342d73;background:var(--red-soft);color:var(--red-dark)}.button-link--primary{border-color:var(--red);background:var(--red);color:#fff}.button-link--primary:hover,.button-link--primary:focus-visible{background:var(--red-dark);color:#fff}.medical-boundary{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid rgba(180,52,45,.3);border-top:4px solid var(--red);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.medical-boundary h3{font-size:clamp(1.25rem,1.7vw,1.65rem)}.medical-boundary p{color:var(--muted-strong);font-size:var(--text-base);line-height:1.6}.home-section{display:grid;gap:clamp(18px,3vw,34px)}.home-section--intro,.principles-section{padding-top:var(--space-2)}.section-kicker{display:grid;gap:var(--space-2);max-width:760px}.section-kicker h2,.plain-panel h2{margin:0;font-size:clamp(1.85rem,3.2vw,3rem);font-weight:900;line-height:1.02}.truth-grid{display:grid;grid-template-columns:1.15fr repeat(2,minmax(0,.9fr));gap:var(--space-4)}.truth-card,.plain-panel{display:grid;align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.truth-card span{color:var(--red);font-size:var(--text-xs);font-weight:900}.truth-card h3{font-size:clamp(1.1rem,1.35vw,1.34rem);line-height:1.12}.truth-card p,.plain-panel p,.experience-panel p,.principle-list p{color:var(--muted);font-size:var(--text-base);line-height:1.62}.truth-card--dark{border-color:#1f2224;background:#1f2224}.truth-card--dark span,.truth-card--dark h3{color:#fff}.truth-card--dark p{color:#ffffffc7}.split-section{grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);align-items:start;padding-block:clamp(28px,5vw,64px);border-block:1px solid var(--line)}.experience-panel{display:grid;gap:var(--space-4);max-width:860px;padding-left:clamp(16px,4vw,44px);border-left:4px solid var(--red)}.experience-panel p{color:#2d3032;font-size:clamp(1.05rem,1.4vw,1.24rem)}.two-column-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.plain-panel{padding:clamp(20px,3vw,34px)}.plain-panel--accent{border-color:#315c873d;background:linear-gradient(180deg,rgba(49,92,135,.06),transparent 56%),var(--surface)}.plain-panel a{width:fit-content;color:var(--red-dark);font-size:var(--text-sm);font-weight:850;text-decoration:none}.principle-list{display:grid;gap:var(--space-4)}.principle-list article{display:grid;grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);gap:var(--space-5);padding-block:var(--space-5);border-top:1px solid var(--line)}.principle-list h3{font-size:var(--text-lg)}.panel,.map-panel,.basics-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;box-shadow:var(--shadow-sm)}.panel{padding:var(--space-5)}.page-hero,.page-overview{display:grid;gap:var(--space-3);padding:0;border:0;background:transparent;box-shadow:none}.page-overview{grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr);align-items:end;gap:clamp(24px,4vw,56px)}.page-overview--single{display:block}.page-overview-copy{display:grid;gap:var(--space-3);max-width:780px}.app-shell>.page-overview{max-width:var(--read-max)}.app-shell>.page-overview p:not(.eyebrow){max-width:780px}.page-hero h1,.page-overview h1{max-width:720px;margin:0;font-size:var(--text-2xl);line-height:1.05}.page-hero p:not(.eyebrow),.page-overview p:not(.eyebrow),.section-head p:not(.eyebrow),.diagram-card p:not(.eyebrow){color:var(--muted);font-size:var(--text-base);line-height:1.62}.basics-card p:not(.eyebrow){color:var(--muted);font-size:.94rem;line-height:1.52}.overview-points{display:grid;gap:var(--space-3)}.overview-points article{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--shadow-sm)}.overview-points span{color:var(--red);font-size:.74rem;font-weight:850}.overview-points strong{color:var(--ink);font-size:var(--text-sm);line-height:1.25}.overview-points p{color:var(--muted);font-size:.86rem;line-height:1.45}.content-section{display:grid;gap:clamp(18px,3vw,36px);padding-top:var(--space-7);border-top:1px solid var(--line)}.section-head{display:grid;gap:var(--space-2);max-width:var(--measure)}.section-head h2{margin:0;font-size:var(--text-lg)}.controls-bar{display:grid;grid-template-columns:minmax(150px,.52fr) minmax(0,2fr) minmax(220px,.74fr);gap:var(--space-4);align-items:start;padding:var(--space-3)}.controls-bar .control-section{min-width:0}.controls-bar h2{margin:0 0 var(--space-2);color:var(--muted-strong);font-size:var(--text-xs);font-weight:850;line-height:1.2;text-transform:uppercase}.controls-bar .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.controls-bar .preset-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:var(--space-2)}.segment,.preset-button,.reset-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);touch-action:manipulation}.controls-bar .segment,.controls-bar .preset-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:8px 11px;font-size:var(--text-sm);font-weight:850;line-height:1.15;text-align:center}.controls-bar .preset-button{flex-direction:column;gap:3px}.preset-button strong{display:block;font-size:inherit;line-height:inherit}.preset-button span{display:block;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.15}.segment:hover,.preset-button:hover,.reset-button:hover,.segment:focus-visible,.preset-button:focus-visible,.reset-button:focus-visible{border-color:#315c877a}.segment.is-active,.preset-button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.preset-button.is-active span{color:#ffffffd1}.severity-control{display:grid;gap:var(--space-2)}.severity-scale{position:relative;display:flex;align-items:center;height:30px}.severity-visual{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}.severity-visual:before{content:"";position:absolute;right:0;left:0;height:5px;border-radius:var(--radius-pill);background:var(--line-strong)}.severity-fill{position:absolute;left:0;width:var(--severity-progress);height:5px;border-radius:var(--radius-pill);background:var(--inflammation-color)}.severity-dots{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}.severity-dots span{width:13px;height:13px;border:2px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:0}.severity-dots span.is-active{border-color:var(--inflammation-color);background:var(--inflammation-color);box-shadow:0 0 0 6px var(--inflammation-soft);transform:scale(1.32)}.severity-scale input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.severity-scale input::-webkit-slider-runnable-track{height:100%;background:transparent}.severity-scale input::-webkit-slider-thumb{width:30px;height:30px;appearance:none;border:0;background:transparent}.severity-scale input::-moz-range-track{height:100%;background:transparent}.severity-scale input::-moz-range-thumb{width:30px;height:30px;border:0;background:transparent}.severity-scale:has(input:focus-visible) .severity-dots span.is-active{outline:3px solid var(--focus);outline-offset:4px}.severity-ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-xs);font-weight:750}.severity-ticks span.is-active{color:var(--inflammation-color);font-weight:850}.severity-help{margin:0;color:var(--muted);font-size:.76rem;font-weight:650;line-height:1.35}.explorer-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);gap:var(--space-6);align-items:start}.map-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden;box-shadow:var(--shadow)}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--line)}.map-toolbar h2{margin:0;font-size:var(--text-lg)}.reset-button{min-width:78px;min-height:40px;padding:8px 13px;font-weight:850}.anatomy-stage{position:relative;display:grid;place-items:center;min-height:clamp(540px,64vh,700px);padding:clamp(14px,2.4vw,30px);overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(49,92,135,.08),transparent 42%),#fbfcfc}.anatomy-overlay{grid-area:1 / 1;width:min(100%,540px);max-height:min(66vh,660px);aspect-ratio:228.153 / 369.428}.base-anatomy{opacity:.64;filter:saturate(.92);pointer-events:none;user-select:none}.anatomy-overlay{overflow:visible}.inflammation-layer{opacity:var(--inflammation-opacity);pointer-events:none}body[data-disease=crohns] .inflammation-layer{opacity:1}.inflammation-shape{color:var(--inflammation-color);fill:var(--inflammation-color);filter:url(#activeGlow)}.inflammation-shape--stroke{fill:none}.inflammation-shape--patchy{opacity:.46}.inflammation-shape--patchy.inflammation-shape--stroke{opacity:.52}.anatomy-region{stroke:transparent;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;transition:stroke .16s ease,stroke-width .16s ease,opacity .16s ease}.anatomy-region:focus{outline:0}.anatomy-region.is-active{stroke:transparent;opacity:1}body[data-disease=crohns] .anatomy-region.is-active{stroke-dasharray:16 12}.region-highlight{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;stroke:#315c8757;stroke-width:20}body[data-disease=crohns] .region-highlight{stroke-dasharray:16 12}.lesion-layer circle{fill:var(--skip-color);opacity:.68;filter:url(#activeGlow)}.region-tooltip{position:absolute;z-index:4;max-width:min(280px,calc(100% - 32px));padding:10px 12px;border:1px solid rgba(23,35,40,.14);border-radius:var(--radius);background:#fffffff7;box-shadow:var(--shadow);color:var(--ink);font-size:var(--text-sm);font-weight:760;line-height:1.28;pointer-events:none}.region-tooltip strong,.region-tooltip span{display:block}.region-tooltip span{margin-top:2px;color:var(--red);font-size:.7rem;font-weight:850;text-transform:uppercase}.region-tooltip p{margin-top:6px;color:var(--muted);font-size:.78rem}.region-tooltip em{display:block;margin-top:var(--space-2);color:var(--red-dark);font-size:.72rem;font-style:normal;font-weight:850}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-width:0}.summary-panel,.note-panel{grid-column:1 / -1}.guide-card{display:grid;align-content:start;gap:var(--space-2)}.summary-head{display:grid;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.summary-panel h2{margin:0;font-size:var(--text-lg)}.detail-copy:empty{display:none}.detail-copy,.guide-copy,.meaning-bullets,.topic-copy,.topic-empty{color:var(--muted);font-size:.94rem;line-height:1.56}.meaning-list{margin-top:var(--space-4)}.meaning-bullets{display:grid;gap:var(--space-2);margin:0;padding-left:20px}.meaning-bullets li::marker{color:var(--red)}.guide-copy--intro{margin-bottom:var(--space-2)}.topic-stack{display:grid;gap:var(--space-3)}.topic-group{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.topic-group:first-child{padding-top:0;border-top:0}.topic-group h3,.basics-topic-grid h3{color:var(--ink);font-size:var(--text-sm);font-weight:850}.chip-cloud{display:flex;flex-wrap:wrap;gap:7px}.guide-chip,.chip-cloud-empty,.selected-region-chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink);font-size:.76rem;font-weight:780;line-height:1.1}.chip-cloud-empty{color:var(--muted)}.selected-region-list{display:flex;flex-wrap:wrap;gap:6px}.selected-region-list--inline{justify-content:flex-start;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.selected-region-chip{border-color:#e76f515c;background:var(--inflammation-soft)}.selected-region-empty{max-width:none;color:var(--muted);font-size:var(--text-sm);line-height:1.35;text-align:left}.note-panel{background:var(--surface-tint);box-shadow:none}.note-panel p,.note-section p{color:#29455f;font-size:var(--text-sm);line-height:1.48}.basics-main,.compare-main,.lifestyle-main,.story-main,.references-main{max-width:var(--read-max)}.story-copy{display:grid;gap:var(--space-4);max-width:860px}.story-copy p{color:var(--muted-strong);font-size:var(--text-base);line-height:1.72}.page-main>.summary-panel{display:grid;gap:var(--space-4);max-width:var(--measure);padding:0;border:0;background:transparent;box-shadow:none}.page-main>.summary-panel .summary-head{gap:var(--space-2);padding-bottom:0;border-bottom:0}.page-main>.summary-panel h2{max-width:720px;font-size:var(--text-xl);line-height:1.12}.page-main>.summary-panel .meaning-list{margin:0;color:var(--muted);font-size:var(--text-base);line-height:1.62}.basics-grid,.diagram-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.basics-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-4)}.basics-card h3{color:var(--ink);font-size:.98rem;font-weight:850;line-height:1.18}.basics-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.diagram-card{gap:var(--space-5)}.diagram-card-text{display:grid;gap:var(--space-2)}.diagram-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.diagram-figure{display:grid;align-content:start;gap:var(--space-2);min-width:0}.diagram-figure img{width:100%;height:clamp(220px,24vw,300px);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(49,92,135,.03),transparent 44%),#fff;object-fit:contain}.diagram-figure figcaption{color:var(--muted);font-size:var(--text-xs);font-weight:850;line-height:1.2;text-align:center}.basics-topic-grid article{min-height:auto}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.care-grid,.treatment-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.drug-family{gap:var(--space-3)}.drug-family span{width:fit-content;padding:4px 8px;border:1px solid rgba(49,92,135,.2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-dark);font-size:var(--text-xs);font-weight:900;line-height:1.1}.drug-family p{color:var(--muted);font-size:.9rem;line-height:1.5}.drug-examples{padding-top:var(--space-2);border-top:1px solid rgba(217,221,220,.72)}.drug-examples strong{color:var(--muted-strong);font-weight:850}.treatment-note{max-width:none}.choice-layout,.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.plain-list{display:grid;gap:var(--space-2);margin:0;padding-left:19px;color:var(--muted);font-size:var(--text-base);line-height:1.55}.plain-list li::marker{color:var(--red)}.help-section .basics-card{border-color:#e76f5142}.comparison-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.comparison-card{gap:var(--space-3)}.comparison-label{width:fit-content;padding:4px 8px;border:1px solid rgba(180,52,45,.2);border-radius:var(--radius-pill);background:var(--red-soft);color:var(--red-dark);font-size:var(--text-xs);font-weight:900;line-height:1.1}.comparison-matrix{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.matrix-row{display:grid;grid-template-columns:minmax(130px,.58fr) repeat(2,minmax(0,1fr))}.matrix-row+.matrix-row{border-top:1px solid var(--line)}.matrix-row>div{min-width:0;padding:var(--space-4);color:var(--muted);font-size:.94rem;line-height:1.5}.matrix-row>div+div{border-left:1px solid var(--line)}.matrix-row>div:first-child{color:var(--ink);font-weight:850}.matrix-row--head{background:var(--surface-soft)}.matrix-row--head>div{color:var(--ink);font-size:var(--text-sm);font-weight:900}.signal-card{border-color:#b4342d42}.reference-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,34px)}.references-compact .reference-groups-grid{margin-top:var(--space-4)}.reference-group{display:grid;align-content:start;gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--line)}.reference-group h2{margin:0;font-size:var(--text-lg)}.reference-group p{color:var(--muted);font-size:var(--text-sm);line-height:1.5}.reference-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.reference-item{display:inline;color:var(--red-dark);font-size:var(--text-sm);font-weight:800;line-height:1.35}.reference-item:hover,.reference-item:focus-visible{color:var(--red-dark)}.note-section{padding:var(--space-3);border:1px solid rgba(49,92,135,.18);border-radius:var(--radius);background:var(--accent-soft)}.note-section a{display:inline-flex;margin-top:var(--space-2);color:var(--red-dark);font-size:var(--text-sm);font-weight:850;text-decoration:none}.page-footnote{margin:0}@media(min-width:1181px){.controls-bar .control-section+.control-section{padding-left:var(--space-4);border-left:1px solid var(--line)}.map-panel{position:sticky;top:var(--space-4)}}@media(min-width:960px){.content-section{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.section-head{position:sticky;top:var(--space-5)}.section-head h2{font-size:clamp(1.45rem,1.7vw,1.9rem)}.content-section>.treatment-family-grid,.content-section>.treatment-note,.content-section>.care-grid,.content-section>.choice-layout,.content-section>.basics-topic-grid,.content-section>.diagram-comparison-grid,.content-section>.help-grid{grid-column:2}}@media(max-width:1280px){.controls-bar,.explorer-grid{grid-template-columns:1fr}.controls-bar{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.controls-bar .control-section:nth-child(2){grid-column:1 / -1;order:3}.anatomy-stage{min-height:clamp(500px,62vh,680px)}.anatomy-overlay{max-height:620px}}@media(max-width:1120px){.page-overview,.home-hero,.truth-grid,.two-column-section{grid-template-columns:1fr}.home-hero{min-height:auto}.overview-points{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-groups-grid,.care-grid,.treatment-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.app-header{position:sticky;top:0;z-index:50;padding:10px 0}.brand-block{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);width:100%;text-align:left}.brand-lockup{width:fit-content;margin-inline:clamp(14px,3vw,44px)}.app-nav--desktop{display:none}.mobile-nav{position:relative;display:block;align-self:center;margin-right:clamp(14px,3vw,44px)}.mobile-nav summary{display:grid;place-items:center;width:42px;height:38px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span[aria-hidden=true]{grid-area:1 / 1;width:19px;height:2px;border-radius:var(--radius-pill);background:var(--ink);transition:transform .16s ease,opacity .16s ease}.mobile-nav summary span[aria-hidden=true]:nth-of-type(2){transform:translateY(-6px)}.mobile-nav summary span[aria-hidden=true]:nth-of-type(4){transform:translateY(6px)}.mobile-nav[open] summary span[aria-hidden=true]:nth-of-type(2){transform:rotate(45deg)}.mobile-nav[open] summary span[aria-hidden=true]:nth-of-type(3){opacity:0}.mobile-nav[open] summary span[aria-hidden=true]:nth-of-type(4){transform:rotate(-45deg)}.mobile-nav nav{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:grid;gap:var(--space-2);width:min(260px,calc(100vw - 28px));padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:#fffffffa;box-shadow:var(--shadow)}.mobile-nav nav a{justify-content:flex-start;min-height:44px;width:100%;padding:10px 12px}.controls-bar,.controls-bar .segmented,.controls-bar .preset-list,.insight-grid,.split-section,.overview-points,.basics-grid,.basics-topic-grid,.comparison-duo,.feature-grid,.care-grid,.treatment-family-grid,.choice-layout,.help-grid,.diagram-comparison-grid,.reference-groups-grid{grid-template-columns:1fr}.experience-panel{padding-left:var(--space-4)}.principle-list article{grid-template-columns:1fr;gap:var(--space-2)}.controls-bar .control-section:nth-child(2){order:initial;grid-column:auto}.controls-bar .preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero h1,.page-overview h1{font-size:clamp(1.65rem,6vw,2.15rem)}.matrix-row,.matrix-row--head{grid-template-columns:1fr}.matrix-row--head{display:none}.matrix-row>div{padding:var(--space-3) var(--space-4)}.matrix-row>div+div{border-top:1px solid rgba(217,221,220,.7);border-left:0}.matrix-row>div:first-child{background:var(--surface-soft)}.matrix-row>div:nth-child(2):before,.matrix-row>div:nth-child(3):before{display:block;margin-bottom:3px;color:var(--red);font-size:var(--text-xs);font-weight:900}.matrix-row>div:nth-child(2):before{content:"IBD"}.matrix-row>div:nth-child(3):before{content:"IBS"}}@media(max-width:640px){.app-header{padding-inline:0}.app-shell,.page-main,.home-main,.site-footer{padding-inline:12px}.app-title{font-size:clamp(1.85rem,9vw,2.35rem)}.brand-mark{width:34px}.mobile-nav nav a{min-height:40px;padding:8px 12px;font-size:.84rem}.home-hero h1{font-size:clamp(2.6rem,14vw,4.8rem)}.hero-actions{display:grid;grid-template-columns:1fr}.button-link{width:100%}.panel,.basics-card{padding:14px}.controls-bar{position:sticky;top:0;z-index:20;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--space-3);padding:var(--space-4);background:#fffffff0;backdrop-filter:blur(10px)}.controls-bar .control-section:nth-child(1){order:2}.controls-bar .control-section:nth-child(2){order:1;grid-column:1 / -1}.controls-bar .control-section:nth-child(3){order:3}.controls-bar .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-bar .preset-list{display:flex;grid-template-columns:none;gap:var(--space-2);margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);padding-bottom:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--space-4);scroll-snap-type:x proximity;scrollbar-color:rgba(180,52,45,.55) rgba(23,22,21,.08);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.controls-bar .preset-list::-webkit-scrollbar{height:4px}.controls-bar .preset-list::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:#17161514}.controls-bar .preset-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#b4342d8c}.controls-bar h2{margin-bottom:var(--space-2);font-size:.72rem}.controls-bar .segment,.controls-bar .preset-button{min-height:46px;padding:8px 9px;font-size:.92rem}.controls-bar .preset-button{flex:0 0 min(44vw,170px);gap:2px;scroll-snap-align:start}.preset-button span{font-size:.7rem;line-height:1.08}.severity-control{gap:var(--space-1)}.severity-scale{height:24px}.severity-dots span{width:11px;height:11px}.severity-dots span.is-active{box-shadow:0 0 0 5px var(--inflammation-soft);transform:scale(1.24)}.severity-help{display:none}.diagram-pair{grid-template-columns:1fr}.map-toolbar{display:none}.anatomy-stage{min-height:auto;aspect-ratio:.72;padding:var(--space-2)}.anatomy-stage:has(.region-tooltip:not([hidden])){grid-template-rows:auto auto;aspect-ratio:auto}.anatomy-overlay{width:min(100%,360px);max-height:calc(100dvh - 250px)}.region-tooltip{position:static;grid-area:2 / 1;justify-self:stretch;width:min(100%,360px);max-width:360px;margin-top:var(--space-2)}.selected-region-list{justify-content:flex-start}.selected-region-empty{max-width:none;text-align:left}.diagram-figure img{height:220px}}@media(max-width:380px){.app-shell,.page-main{padding-inline:10px}.app-title{font-size:1.45rem}.controls-bar .segment,.controls-bar .preset-button strong{font-size:.72rem}.mobile-nav nav a{font-size:.8rem}.controls-bar{padding:var(--space-3)}.controls-bar .segment,.controls-bar .preset-button{min-height:42px;padding:7px 8px}.preset-button span{font-size:.66rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}