:root{color-scheme:light;--page: oklch(96.5% .018 87);--surface: oklch(99% .009 88);--surface-muted: oklch(94.5% .024 88);--surface-tint: oklch(92.5% .038 184);--text: oklch(24% .035 116);--text-muted: oklch(43% .034 116);--text-soft: oklch(58% .026 116);--line: oklch(84% .028 87);--line-strong: oklch(72% .042 91);--brand: oklch(55% .095 190);--brand-strong: oklch(35% .086 192);--brand-soft: oklch(90% .055 190);--amber: oklch(69% .12 74);--amber-strong: oklch(47% .095 58);--olive: oklch(52% .07 133);--olive-soft: oklch(90% .037 132);--filter: oklch(55% .08 145);--filter-soft: oklch(91% .041 143);--espresso: oklch(47% .075 54);--espresso-soft: oklch(91% .036 70);--good: oklch(56% .09 145);--near: oklch(66% .12 73);--bad: oklch(54% .13 30);--shadow-soft: 0 22px 58px oklch(31% .032 95 / .1);--shadow-panel: 0 10px 30px oklch(31% .032 95 / .065);--font-display: Georgia, "Times New Roman", serif;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--page)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid color-mix(in oklch,var(--brand),white 35%);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;background:radial-gradient(circle at 72% 11%,oklch(88% .054 190 / .36),transparent 27rem),radial-gradient(circle at 12% 26%,oklch(91% .043 124 / .32),transparent 25rem),linear-gradient(180deg,oklch(99% .012 86),transparent 390px),var(--page)}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(300px,.95fr) minmax(430px,1.25fr) auto;gap:24px;align-items:center;min-height:78px;padding:0 34px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface),transparent 4%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px #ffffffb3 inset}.brand-mark{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,2.35rem);font-weight:500;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.brand-icon{position:relative;display:grid;width:38px;height:38px;place-items:center;color:var(--brand-strong)}.brand-icon:before{position:absolute;inset:4px;border:1px solid color-mix(in oklch,var(--brand),white 42%);border-radius:999px;content:""}.brand-icon svg:last-child{position:absolute;right:0;bottom:3px;color:var(--amber-strong)}.topnav{display:flex;align-items:stretch;justify-content:center;gap:18px;min-width:0;height:78px}.topnav a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:78px;color:var(--text-muted);font-size:.9rem;font-weight:650;text-decoration:none;white-space:nowrap}.topnav a.is-active{color:var(--brand-strong)}.topnav a.is-active:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:99px;background:var(--brand);content:""}.topbar-actions{display:flex;justify-content:flex-end;gap:10px}.topbar-actions button,.topbar-actions a,.toolbar-button,.select-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:.9rem;font-weight:720;text-decoration:none;box-shadow:0 1px #ffffffe6 inset}.topbar-actions button,.topbar-actions a{padding:0 12px}.topbar-actions button:first-child{width:40px;padding:0}.app-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;width:min(1320px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.page-shell{display:grid;gap:20px;width:min(1180px,100%);margin:0 auto;padding:32px 20px 40px}.page-intro{max-width:760px}.page-intro h2{margin-bottom:8px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;letter-spacing:0}.page-intro p:last-child{margin-bottom:0;color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.1rem)}.page-kicker{margin-bottom:10px;color:var(--brand-strong);font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.route-support{align-items:start}.analysis-rail{display:grid;align-content:start;gap:0;min-width:0;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;background:color-mix(in oklch,var(--surface),white 32%);box-shadow:var(--shadow-panel);overflow:hidden}.panel{border:1px solid var(--line);border-radius:8px;background:color-mix(in oklch,var(--surface),white 22%);box-shadow:var(--shadow-panel)}.analysis-panel,.current-panel{padding:22px 18px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.source-note{padding:24px 18px;border:0;border-radius:0;background:linear-gradient(140deg,oklch(95% .037 190 / .74),transparent 62%),color-mix(in oklch,var(--surface-muted),white 38%);box-shadow:none}.source-note-kicker{margin-bottom:10px;color:var(--brand-strong);font-size:.75rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.source-note h2{margin-bottom:12px;font-family:var(--font-display);font-size:1.55rem;font-weight:500;line-height:1.18}.source-note p:last-child{margin-bottom:0;color:var(--text-muted);font-size:.9rem}.panel-title{display:flex;gap:12px;align-items:flex-start;min-width:0}.panel-title svg{flex:0 0 auto;margin-top:3px;color:var(--brand-strong)}.panel-title h2{margin-bottom:2px;font-family:var(--font-display);font-size:clamp(1.2rem,1.45vw,1.45rem);font-weight:500;line-height:1.25;letter-spacing:0}.panel-title p{margin-bottom:0;color:var(--text-muted);font-size:.9rem;line-height:1.45}.field-stack{display:grid;gap:16px;margin-top:24px}.field{display:grid;gap:8px;color:var(--text);font-size:.92rem;font-weight:760}.unit-input{display:grid;grid-template-columns:minmax(0,1fr) 58px;min-height:46px;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface)}.unit-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in oklch,var(--brand),transparent 84%)}.unit-input input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:10px 14px}.unit-input input:focus{outline:0}.unit-input>span{display:grid;place-items:center;border-left:1px solid var(--line);color:var(--text-muted);font-weight:700}.control-group{margin-top:24px}.control-label{display:block;margin-bottom:2px;color:var(--text);font-size:.94rem;font-weight:820}.control-group p{margin-bottom:10px;color:var(--text-muted);font-size:.86rem}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface)}.segmented-control button{display:inline-flex;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);font-size:.88rem;font-weight:760}.segmented-control button:last-child{border-right:0}.segmented-control button.is-active{background:var(--brand-soft);color:var(--brand-strong);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand),white 28%)}.form-error{margin:14px 0 0;color:var(--bad);font-size:.9rem;font-weight:760}.primary-action{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;margin-top:18px;border:0;border-radius:999px;background:linear-gradient(180deg,oklch(63% .1 189),var(--brand-strong));color:#fefbf9;font-weight:830;box-shadow:0 12px 22px #b04d0033,inset 0 1px #ffffff47;box-shadow:0 12px 22px oklch(54% .16 48 / .2),inset 0 1px #ffffff47}.current-heading{display:flex;gap:12px;align-items:flex-start}.current-heading h2{margin:0;font-size:1.05rem;line-height:1.25}.current-heading p{margin:2px 0 0;color:var(--text-muted);font-size:.86rem}.status-dot{display:inline-block;width:18px;height:18px;margin-top:3px;border:4px solid color-mix(in oklch,var(--brand),white 56%);border-radius:999px;background:var(--brand-strong);box-shadow:0 0 0 5px color-mix(in oklch,var(--brand),transparent 84%)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.metric{min-width:0;padding:14px 12px;border:0;border-radius:0;background:transparent;text-align:left}.metric span,.metric small{display:block;color:var(--text-muted);font-size:.76rem;font-weight:760}.metric strong{display:block;margin:5px 0 2px;color:var(--brand-strong);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.05rem);font-weight:500;line-height:1;letter-spacing:0}.recommendation-card,.empty-state{display:flex;gap:12px;margin-top:14px;padding:14px;border-radius:8px}.recommendation-card{border:1px solid color-mix(in oklch,var(--good),white 54%);background:color-mix(in oklch,var(--good),white 90%);color:#064811}.recommendation-card svg{flex:0 0 auto}.recommendation-card strong,.recommendation-card span{display:block}.recommendation-card strong{font-size:.92rem}.recommendation-card span{margin-top:2px;font-size:.84rem;color:#385939}.empty-state{align-items:center;border:1px solid var(--line);background:var(--surface-muted);color:var(--text-muted);font-size:.86rem}.formula-note{margin:0;padding:0 18px;color:var(--text-muted);font-size:.78rem}.dashboard{display:grid;gap:0;min-width:0;border:1px solid var(--line);border-radius:0 8px 8px 0;background:color-mix(in oklch,var(--surface),white 36%);box-shadow:var(--shadow-panel);overflow:hidden}.fonte-panel{position:relative;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.fonte-panel:before{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),var(--line) 100%),repeating-linear-gradient(0deg,oklch(47% .035 110 / .045) 0,oklch(47% .035 110 / .045) 1px,transparent 1px,transparent 28px);pointer-events:none;content:""}.fonte-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.72fr);min-height:306px;border-bottom:1px solid var(--line)}.fonte-hero>div:first-child{padding:36px 34px}.fonte-hero h2{max-width:760px;margin-bottom:12px;font-family:var(--font-display);font-size:clamp(2.35rem,5vw,4.4rem);font-weight:500;line-height:.98;letter-spacing:-.015em}.fonte-hero p:not(.page-kicker){max-width:560px;margin-bottom:18px;color:var(--text-muted);font-size:1rem}.source-meta{display:flex;flex-wrap:wrap;gap:8px}.source-meta span{display:inline-flex;min-height:32px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fffcf4bd;color:var(--text-muted);padding:0 11px;font-size:.83rem;font-weight:650}.source-map{position:relative;min-height:306px;overflow:hidden;border-left:1px solid var(--line);background:radial-gradient(ellipse at 52% 45%,oklch(72% .055 130 / .34) 0 16%,transparent 17%),radial-gradient(ellipse at 58% 34%,oklch(78% .055 130 / .3) 0 9%,transparent 10%),radial-gradient(ellipse at 46% 63%,oklch(76% .052 130 / .32) 0 12%,transparent 13%),radial-gradient(circle at 42% 50%,oklch(62% .08 190 / .42),transparent 2px),linear-gradient(135deg,#c2efebc7,#fdf8ed57),var(--surface-muted)}.source-map:before,.source-map:after{position:absolute;border:1px solid oklch(48% .055 130 / .2);background:#e8f3d98c;content:"";filter:blur(.2px)}.source-map:before{width:132px;height:198px;top:38px;left:50%;border-radius:58% 42% 49% 51%/41% 47% 53% 59%;transform:translate(-54%) rotate(18deg)}.source-map:after{width:56px;height:84px;right:72px;bottom:45px;border-radius:47% 53% 56% 44%/53% 41% 59% 47%;transform:rotate(-21deg)}.map-pin{position:absolute;z-index:1;top:47%;left:49%;width:14px;height:14px;border:3px solid var(--surface);border-radius:999px;background:var(--brand-strong);box-shadow:0 0 0 1px var(--brand-strong)}.map-label{position:absolute;z-index:1;top:calc(47% + 20px);left:calc(49% - 28px);color:var(--text-muted);font-size:.8rem;font-weight:700}.fonte-body{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(270px,.72fr);border-bottom:1px solid var(--line)}.water-analysis,.mineral-ledger{padding:24px 34px}.mineral-ledger{border-left:1px solid var(--line)}.section-label{margin-bottom:14px;color:var(--brand-strong);font-size:.76rem;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.fonte-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.taste-score{display:grid;gap:4px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.taste-score strong{color:var(--text);font-family:var(--font-display);font-size:1.15rem;font-weight:500}.taste-score span{color:var(--text-muted);font-size:.9rem}.mineral-ledger>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text-muted);font-size:.9rem}.mineral-ledger strong{color:var(--text);font-weight:720;white-space:nowrap}.mineral-ledger>p{color:var(--text-muted);font-size:.9rem}.mineral-ledger a{display:inline-flex;min-height:38px;align-items:center;gap:7px;margin-top:16px;border:1px solid var(--brand);border-radius:999px;color:var(--brand-strong);padding:0 13px;font-size:.84rem;font-weight:760;text-decoration:none}.fonte-comparison{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fonte-comparison>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:16px 34px;border-right:1px solid var(--line)}.fonte-comparison>div:last-child{border-right:0}.fonte-comparison>div>span{color:var(--text-muted);font-size:.84rem;font-weight:780}.chart-panel,.database-panel{min-width:0;overflow:hidden;padding:24px}.chart-panel{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.panel-toolbar,.database-head{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.toolbar-button{padding:0 14px}.select-button{position:relative;padding:0 10px}.select-button select{min-height:38px;border:0;background:transparent;color:var(--text-muted);font-weight:720}.catalog-chart-wrap{margin:14px 0 0;overflow-x:auto}.catalog-chart-wrap svg{display:block;width:100%;min-width:760px;height:auto}.chart-bg{fill:#f1fdfd}.grid-line{stroke:var(--line);stroke-dasharray:4 5;stroke-width:1}.axis-line{stroke:var(--line-strong);stroke-width:1.2}.axis-tick,.axis-label{fill:var(--text-muted);font-size:13px;font-weight:720}.filter-range,.espresso-range{vector-effect:non-scaling-stroke;stroke-width:1.8}.range-core{fill-opacity:.24}.range-extended{fill-opacity:.1;stroke-dasharray:7 5}.range-usable{fill-opacity:.05;stroke-dasharray:3 5}.filter-range{fill:var(--filter-soft);stroke:var(--filter)}.espresso-range{fill:var(--espresso-soft);stroke:var(--espresso)}.catalog-point-group{cursor:pointer}.catalog-point{stroke:var(--surface);stroke-width:2.2;transition:r .16s ease,stroke-width .16s ease,opacity .16s ease}.catalog-point-group:hover .catalog-point,.catalog-point-group:focus-visible .catalog-point{stroke:var(--text);stroke-width:4}.catalog-point-group.is-selected .catalog-point{stroke:var(--brand-strong);stroke-width:5}.point-grade-1,.point-grade-2{fill:#4b8c48}.point-grade-3,.point-grade-4{fill:#d18500;fill:oklch(68% .15 70)}.point-grade-5,.point-grade-6{fill:#bb5241}.catalog-point.is-clamped{stroke-dasharray:3 2}.chart-tooltip line{stroke:#93a8b7;stroke-width:1.2}.chart-tooltip rect{fill:#fafefef5;stroke:var(--line);filter:drop-shadow(0 14px 24px oklch(28% .033 238 / .14))}.tooltip-title{fill:var(--text);font-size:15px;font-weight:820}.tooltip-metric{fill:var(--brand-strong);font-size:14px;font-weight:840}.tooltip-status{fill:#1b4c1f;font-size:13px;font-weight:760}.tooltip-muted{fill:var(--text-muted);font-size:11px;font-weight:700}figcaption{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:12px;color:var(--text-muted);font-size:.82rem;font-weight:720}.legend-group-label{font-weight:840}.legend-group-label.filter{color:#1b521a}.legend-group-label.espresso{color:#294c86}.legend-item{display:inline-flex;align-items:center;gap:7px}.legend-item:before{width:20px;height:14px;border-radius:3px;content:""}.legend-filter-core:before{border:1.5px solid var(--filter);background:var(--filter-soft)}.legend-filter-extended:before{border:1.5px dashed var(--filter);background:var(--filter-soft)}.legend-filter-usable:before{border:1.5px dotted var(--filter);background:var(--filter-soft)}.legend-espresso-core:before{border:1.5px solid var(--espresso);background:var(--espresso-soft)}.legend-espresso-extended:before{border:1.5px dashed var(--espresso);background:var(--espresso-soft)}.legend-espresso-usable:before{border:1.5px dotted var(--espresso);background:var(--espresso-soft)}.legend-point-good:before{width:10px;height:10px;border:2px solid var(--surface);border-radius:999px;background:#0086b1;background:oklch(58% .12 230)}.chart-note{color:var(--amber-strong)}.title-with-count{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.title-with-count>span{min-height:26px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:.82rem;font-weight:760}.database-target-control{display:grid;gap:8px;max-width:520px}.database-target-control>span{color:var(--text-muted);font-size:.78rem;font-weight:820}.catalog-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,.34fr) minmax(180px,.4fr);gap:10px;align-items:end}.search-field{position:relative;display:block}.search-field svg{position:absolute;left:12px;top:13px;color:var(--text-muted);pointer-events:none}.search-field input,.compact-select select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.search-field input{padding:9px 12px 9px 40px}.compact-select{display:grid;gap:5px}.compact-select span{color:var(--text-muted);font-size:.74rem;font-weight:780}.compact-select select{padding:8px 10px}.filter-chips{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:8px}.filter-chips button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 12px;font-size:.84rem;font-weight:760}.filter-chips button.is-active{border-color:color-mix(in oklch,var(--brand),white 22%);background:var(--brand-soft);color:var(--brand-strong)}.table-shell{width:100%;max-width:100%;max-height:720px;margin-top:16px;overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;min-width:980px;border-collapse:collapse;background:var(--surface);font-size:.88rem;table-layout:fixed}th:nth-child(1),td:nth-child(1){width:15%}th:nth-child(2),td:nth-child(2){width:14%}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){width:7%}th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6){width:14%}th:nth-child(7),td:nth-child(7){width:11%}th:nth-child(8),td:nth-child(8){width:14%}th:nth-child(9),td:nth-child(9){width:44px}caption{caption-side:bottom;padding:12px 16px;color:var(--text-muted);text-align:left}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}thead th{position:sticky;top:0;z-index:1;background:color-mix(in oklch,var(--surface-muted),white 44%);color:var(--text-muted);font-size:.76rem;font-weight:820}tbody tr{transition:background-color .14s ease,box-shadow .14s ease}tbody tr:hover{background:color-mix(in oklch,var(--surface-tint),white 68%)}tbody tr.is-selected{background:color-mix(in oklch,var(--good),white 91%);box-shadow:inset 3px 0 0 var(--brand)}.brand-cell{display:inline-flex;align-items:center;gap:8px;font-weight:760}.brand-avatar{display:grid;width:27px;height:27px;place-items:center;border:1px solid color-mix(in oklch,var(--brand),white 40%);border-radius:999px;background:color-mix(in oklch,var(--brand),white 82%);color:var(--brand-strong);font-size:.68rem;font-weight:850;text-transform:uppercase}.grade-pill{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding-right:8px;border-radius:999px;color:var(--text);font-size:.82rem;font-weight:720;white-space:nowrap}.grade-pill strong{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;font-size:.82rem}.grade-1 strong,.grade-2 strong{background:color-mix(in oklch,var(--good),white 58%);color:#023f04}.grade-3 strong,.grade-4 strong{background:color-mix(in oklch,var(--near),white 52%);color:#533200;color:oklch(35% .12 70)}.grade-5 strong,.grade-6 strong{background:color-mix(in oklch,var(--bad),white 64%);color:#6f1004}.availability-pills{display:flex;flex-wrap:wrap;gap:5px}.availability-pills span{min-height:24px;padding:3px 8px;border:1px solid color-mix(in oklch,var(--filter),white 48%);border-radius:5px;background:color-mix(in oklch,var(--filter),white 88%);color:#124412;font-size:.74rem;font-weight:820}.source-link{display:inline-flex;max-width:100%;align-items:center;gap:6px;overflow:hidden;color:var(--text-muted);font-size:.82rem;font-weight:720;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.source-link:hover{color:var(--brand-strong);text-decoration:underline;text-underline-offset:3px}.row-action{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-muted)}.row-action:hover{border-color:var(--brand);color:var(--brand-strong)}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.info-panel{padding:18px}.info-list{display:grid;gap:12px;margin-top:18px}.info-list div,.project-facts div{border:1px solid var(--line);border-radius:8px;background:color-mix(in oklch,var(--surface-muted),white 36%)}.info-list div{padding:14px}.info-list strong{display:block;margin-bottom:4px;font-size:.94rem}.info-list p{margin-bottom:10px;color:var(--text-muted);font-size:.88rem}.info-list code{display:flex;width:fit-content;max-width:100%;padding:5px 8px;overflow-x:auto;border-radius:6px;background:var(--surface);color:var(--brand-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:760}.info-list code+code{margin-top:6px}.resource-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.resource-links a,.inline-source{display:inline-flex;min-height:36px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--brand-strong);padding:0 10px;font-size:.84rem;font-weight:760;text-decoration:none}.resource-links a:hover,.inline-source:hover{border-color:color-mix(in oklch,var(--brand),white 30%);text-decoration:underline;text-underline-offset:3px}.project-facts{display:grid;gap:10px;margin-top:18px}.project-facts div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px;color:var(--text-muted);font-size:.88rem}.project-facts svg{margin-top:2px;color:var(--brand-strong)}.inline-source{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.toolbar-button:hover,.select-button:hover,.topbar-actions button:hover,.filter-chips button:hover,.segmented-control button:hover{border-color:color-mix(in oklch,var(--brand),white 32%);color:var(--brand-strong)}.primary-action:hover{filter:saturate(1.05) brightness(1.01)}}@media(max-width:1180px){.topbar{grid-template-columns:1fr auto;gap:8px 16px;padding-top:8px}.topnav{grid-column:1 / -1;justify-content:flex-start;gap:16px;height:auto;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav a{min-height:42px}.app-layout{grid-template-columns:1fr;gap:18px}.analysis-rail{grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr);border-right:1px solid var(--line);border-radius:8px}.formula-note{grid-column:1 / -1}.dashboard{border-radius:8px}.catalog-controls{grid-template-columns:1fr}}@media(max-width:760px){body{overflow-x:hidden}.topbar{grid-template-columns:1fr;gap:10px;padding:10px 16px;overflow:hidden}.brand-mark{font-size:1rem}.topnav{margin-right:-16px;padding-right:16px}.topbar-actions{display:none}.app-layout{width:100vw;max-width:100vw;padding:14px;overflow:hidden}.page-shell{padding:14px}.page-intro h2{font-size:2rem}.analysis-rail,.fonte-hero,.fonte-body,.fonte-comparison,.panel-toolbar,.database-head,.support-grid{grid-template-columns:1fr}.analysis-rail,.dashboard{width:100%;max-width:calc(100vw - 28px)}.source-note{padding:22px 18px}.source-note h2{font-size:1.4rem;overflow-wrap:anywhere}.source-note p,.panel-title p{max-width:calc(100vw - 70px);overflow-wrap:anywhere}.analysis-panel .field,.analysis-panel .control-group,.analysis-panel .primary-action,.current-panel,.formula-note{max-width:calc(100vw - 66px)}.unit-input,.segmented-control{max-width:100%}.fonte-hero{min-height:0}.fonte-hero>div:first-child,.water-analysis,.mineral-ledger,.fonte-comparison>div{padding:22px 18px}.fonte-hero h2{font-size:clamp(2rem,16vw,3rem)}.source-map{min-height:210px;border-top:1px solid var(--line);border-left:0}.mineral-ledger{border-top:1px solid var(--line);border-left:0}.fonte-comparison>div{border-right:0;border-bottom:1px solid var(--line)}.fonte-comparison>div:last-child{border-bottom:0}.toolbar-actions{justify-content:flex-start}.metric-grid,.segmented-control{grid-template-columns:1fr}.segmented-control button{border-right:0;border-bottom:1px solid var(--line)}.segmented-control button:last-child{border-bottom:0}}