@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: #f4f7f6;--bg-alt: #eef4f2;--surface: #ffffff;--surface-soft: #f8fbfa;--surface-tint: #e8f4f1;--ink: #172328;--muted: #5d6f76;--muted-strong: #405258;--line: #d7e2df;--line-strong: #bdccc8;--teal: #0f766e;--teal-dark: #0b5c56;--teal-soft: #d9efec;--teal-wash: rgba(15, 118, 110, .08);--focus: rgba(15, 118, 110, .34);--colon: #d86870;--small-bowel: #e0a43a;--upper-gi: #70a15a;--inflammation-color: #e76f51;--inflammation-soft: rgba(231, 111, 81, .2);--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;--wide-max: 1500px;--read-max: 1360px;--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,#ffffffeb 0,#fff0 340px),radial-gradient(circle at 0 0,rgba(15,118,110,.1),transparent 28rem),var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:var(--teal);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(--teal);font-size:.72rem;font-weight:780;line-height:1.2;letter-spacing:0;text-transform:none}.app-header{display:flex;justify-content:center;padding:24px clamp(14px,3vw,44px) 18px}.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(--teal);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)}.app-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-pill);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{border-color:#0f766e75;background:var(--teal-soft);color:var(--teal-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:0 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:0 clamp(14px,3vw,44px) var(--space-8)}.panel,.map-panel,.basics-card,.progression-step{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{max-width:780px}.page-hero h2,.page-overview h2{max-width:720px;margin:0;font-size:var(--text-2xl);line-height:1.05}.page-hero p,.page-overview p,.section-head p,.basics-card p,.progression-step p,.diagram-card p{color:var(--muted);font-size:var(--text-base);line-height:1.62}.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(--teal);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,.region-tile{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,.region-tile:hover,.segment:focus-visible,.preset-button:focus-visible,.reset-button:focus-visible,.region-tile:focus-visible{border-color:#0f766e7a}.segment.is-active,.preset-button.is-active{border-color:var(--teal);background:var(--teal);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}.explorer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:var(--space-6);align-items:start}.map-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;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(15,118,110,.08),transparent 42%),#fbfcfc}.base-anatomy,.anatomy-overlay{grid-area:1 / 1;width:min(100%,540px);max-height:min(66vh,660px);aspect-ratio:228.153 / 369.428}.base-anatomy{object-fit:contain;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}.anatomy-region.is-hovered,.anatomy-region.is-hovered:not(.is-active){stroke:#0f766e57;stroke-width:20}.anatomy-region[data-region=small_bowel].is-hovered:not(.is-active){stroke:transparent}.lesion-layer circle{fill:var(--skip-color);opacity:.68;filter:url(#activeGlow)}.region-tooltip{position:absolute;z-index:4;max-width:min(260px,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(--teal);font-size:.7rem;font-weight:850;text-transform:uppercase}.region-tooltip p{margin-top:6px;color:var(--muted);font-size:.78rem}.map-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);color:var(--muted-strong);font-size:var(--text-sm);font-weight:760}.map-legend span{display:inline-flex;align-items:center;min-width:0;gap:7px}.legend-swatch{display:inline-block;width:18px;height:9px;border-radius:var(--radius-pill);flex:0 0 auto}.legend-swatch.colon{background:var(--colon)}.legend-swatch.small{background:var(--small-bowel)}.legend-swatch.active{background:var(--inflammation-color)}.legend-swatch.skip{border:1px solid rgba(183,47,68,.35);background:repeating-linear-gradient(90deg,var(--skip-color) 0 5px,transparent 5px 9px)}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-width:0}.summary-panel,.context-panel,.regions-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,.context-card p,.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(--teal)}.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,.context-card h3,.basics-topic-grid h3,.villi-card 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)}.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.context-card{display:grid;align-content:start;gap:var(--space-2);padding-left:var(--space-4);border-left:3px solid var(--teal-soft)}.context-card h3{color:var(--teal-dark)}.regions-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.regions-panel-head h2{margin:0}.selected-region-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.selected-region-chip{border-color:#e76f515c;background:var(--inflammation-soft)}.selected-region-empty{max-width:220px;color:var(--muted);font-size:var(--text-sm);line-height:1.35;text-align:right}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:var(--space-2)}.region-tile{display:grid;grid-template-rows:auto 1fr;align-content:start;min-height:76px;padding:var(--space-3);text-align:left}.region-code{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:30px;height:23px;padding-inline:6px;border-radius:6px;background:var(--surface-soft);color:var(--teal);font-size:.68rem;font-weight:900}.region-name{align-self:end;margin-top:var(--space-2);color:var(--ink);font-size:.78rem;font-weight:780;line-height:1.18}.region-tile.is-active{border-color:#e76f5185;background:var(--inflammation-soft)}.region-tile.is-hovered{border-color:#0f766e80}.note-panel{background:var(--surface-tint);box-shadow:none}.note-panel p,.note-section p{color:#315a56;font-size:var(--text-sm);line-height:1.48}.basics-main,.references-main{max-width:var(--read-max)}.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 .eyebrow,.content-section .eyebrow{color:var(--teal);font-size:.82rem;font-weight:820}.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-3);min-width:0;padding:var(--space-5)}.basics-card h3{color:var(--ink)}.villi-grid,.basics-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.villi-card{display:grid;align-content:start;gap:var(--space-3)}.villi-card--note{justify-content:center;background:linear-gradient(180deg,rgba(15,118,110,.06),transparent),var(--surface)}.villi-fig{display:block;width:100%;height:auto;border:1px solid rgba(231,111,81,.14);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbedef)}.lining-progression{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.progression-step{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-top:3px solid var(--step-color)}.progression-marker{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--step-color);color:#fff;font-size:.8rem;font-weight:850}.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(15,118,110,.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:100%}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.care-grid{display:grid;grid-template-columns:1.15fr repeat(2,minmax(0,.9fr));gap:var(--space-5)}.care-card--primary{background:linear-gradient(180deg,rgba(15,118,110,.07),transparent 52%),var(--surface)}.choice-layout,.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.choice-panel{background:var(--surface-soft)}.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(--teal)}.help-section .basics-card{border-color:#e76f5142}.reference-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.reference-group{min-width:0}.reference-list{display:grid;gap:var(--space-2)}.reference-item{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--teal-dark);font-size:.82rem;font-weight:800;line-height:1.3;text-decoration:none}.reference-item:hover,.reference-item:focus-visible{border-color:#0f766e73;background:var(--surface-tint)}.note-section{padding:var(--space-3);border:1px solid rgba(15,118,110,.18);border-radius:var(--radius);background:var(--teal-soft)}.note-section a{display:inline-flex;margin-top:var(--space-2);color:var(--teal-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)}.references-section .section-head{position:static}}@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)}.base-anatomy,.anatomy-overlay{max-height:620px}}@media(max-width:1120px){.page-overview{grid-template-columns:1fr}.overview-points{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-groups-grid,.lining-progression,.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-card--primary{grid-column:1 / -1}}@media(max-width:860px){.app-header{padding-top:var(--space-5)}.brand-block{flex-direction:column;justify-content:center;text-align:center}.app-nav{justify-content:center}.controls-bar,.controls-bar .segmented,.controls-bar .preset-list,.insight-grid,.context-grid,.overview-points,.basics-grid,.villi-grid,.basics-topic-grid,.feature-grid,.care-grid,.choice-layout,.help-grid,.diagram-comparison-grid,.reference-groups-grid{grid-template-columns:1fr}.care-card--primary{grid-column:auto}.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 h2,.page-overview h2{font-size:clamp(1.65rem,6vw,2.15rem)}}@media(max-width:640px){.app-header,.app-shell,.page-main{padding-inline:12px}.brand-block{gap:var(--space-3)}.app-title{font-size:1.7rem}.app-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.app-nav a{min-height:38px;padding:8px;font-size:.76rem;white-space:normal}.panel,.basics-card,.progression-step{padding:14px}.controls-bar{gap:var(--space-4)}.controls-bar .segmented,.controls-bar .preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.region-grid,.diagram-pair{grid-template-columns:1fr}.map-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:14px}.reset-button{width:100%}.anatomy-stage{min-height:auto;aspect-ratio:.72;padding:var(--space-2)}.base-anatomy,.anatomy-overlay{width:min(100%,360px);max-height:calc(100dvh - 250px)}.map-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3)}.regions-panel-head{display:grid}.selected-region-list{justify-content:flex-start}.selected-region-empty{max-width:none;text-align:left}.lining-progression{grid-template-columns:1fr}.diagram-figure img{height:220px}}@media(max-width:380px){.app-shell,.page-main{padding-inline:10px}.app-title{font-size:1.45rem}.app-nav a,.controls-bar .segment,.controls-bar .preset-button strong{font-size:.72rem}.map-legend,.region-grid{grid-template-columns:1fr}}