@font-face{font-family:Onest;src:url('./assets/onest-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url('./assets/onest-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url('./assets/onest-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url('./assets/onest-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#fff;--canvas:#f5f6f7;--ink:#18212a;--muted:#596671;--line:#dce1e5;--soft:#f1f4f6;--accent:#2257a8;--green:#157549;--yellow:#956000;--red:#bc2c3c;--off:#d4dce2;color-scheme:light;font-family:Onest,Arial,sans-serif;font-size:16px}
:root[data-theme=dark]{--bg:#151b21;--canvas:#10161c;--ink:#ecf0f4;--muted:#a0adba;--line:#33404e;--soft:#212b36;--accent:#98bdec;--green:#71d5a2;--yellow:#eec077;--red:#f1909a;--off:#3b4652;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--canvas);color:var(--ink);font-size:.875rem;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:0;background:none}button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:#2257a81a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover,a:hover{color:var(--accent)}a{color:var(--accent);text-underline-offset:3px}input{caret-color:var(--accent)}input::placeholder{color:var(--muted);opacity:1}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}[hidden]{display:none!important}.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}.skip{position:fixed;left:12px;top:8px;padding:10px;background:var(--bg);transform:translateY(-150%);z-index:20}.skip:focus{transform:none}.review-bar{padding:10px 24px;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);background:var(--soft);min-height:56px}.review-title{font-size:.75rem;color:var(--muted)}.layout-switch{display:flex;gap:4px}.layout-switch button{min-height:36px;padding:6px 12px;font-size:.75rem;border-radius:5px}.layout-switch button[aria-pressed=true]{background:var(--bg);color:var(--ink);font-weight:600}.layout-switch button span{margin-left:4px}.sample-control{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:.75rem}.sample-control select{max-width:175px;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:6px 24px 6px 8px;color:var(--ink);min-height:34px}.prototype{max-width:1120px;margin:40px auto;background:var(--bg);min-height:560px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line)}.app-header h1{font-size:1rem;letter-spacing:-.02em;font-weight:600}.header-actions{display:flex;align-items:center;gap:14px}.text-button{font-size:.75rem;padding:8px 0;color:var(--muted)}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:4px;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--ink)}.workbench{padding:28px}.search-label{display:block;font-size:.8125rem;margin-bottom:8px;font-weight:500}.search-box{display:flex;align-items:center;gap:8px}#query{font-size:1rem;width:100%;min-width:0;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:13px 14px;font-variant-numeric:tabular-nums;height:48px}.check-button{background:var(--ink);color:var(--bg);height:48px;padding:0 20px;border-radius:5px;font-size:.8125rem;font-weight:500}.check-button:hover{background:var(--accent);color:var(--bg)}.error{color:var(--red);margin-top:10px;font-size:.8125rem}.prescription{margin:20px 0 18px;display:flex;align-items:baseline;gap:16px;justify-content:space-between;min-width:0}.medicine-button{text-align:left;font-size:.875rem;font-weight:600;padding:0;display:flex;align-items:center;gap:8px}.medicine-button svg{flex-shrink:0}.conversion{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.frequency{display:flex;align-items:center;gap:12px}.control-label{font-size:.75rem;color:var(--muted)}.segments{display:flex;gap:4px}.segments button{padding:7px 10px;min-height:34px;border-radius:4px;color:var(--muted);font-size:.75rem}.segments button[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:600}.segments button:hover{background:var(--soft);color:var(--ink)}.age-control{font-size:.75rem;display:flex;align-items:center;gap:8px}.age-control>span{display:flex;align-items:center;gap:7px}.age-control input{width:80px;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:7px 9px;min-width:0}.age-control small{font-size:.6875rem;color:var(--muted)}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);padding-top:24px}.source-panel{padding:0 26px 0 0;min-width:0;--state:var(--yellow)}.source-panel+ .source-panel{border-left:1px solid var(--line);padding:0 0 0 26px}.source-panel[data-tone=green]{--state:var(--green)}.source-panel[data-tone=red]{--state:var(--red)}.source-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.source-header h2{font-size:.875rem;font-weight:600}.signal{display:flex;align-items:center;gap:9px;color:var(--state)}.status-text{font-size:.75rem;white-space:nowrap}.traffic-light{display:flex;align-items:center;gap:5px;padding:5px 6px;background:var(--soft);border-radius:12px}.traffic-light i{width:7px;height:7px;border-radius:50%;background:var(--off)}.source-panel[data-tone=red] .traffic-light i.red{background:var(--red)}.source-panel[data-tone=yellow] .traffic-light i.yellow{background:var(--yellow)}.source-panel[data-tone=green] .traffic-light i.green{background:var(--green)}.regimen-control{display:block;margin-top:18px}.regimen-control select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:9px 28px 9px 10px;max-width:100%;width:100%;font-size:.75rem;min-height:38px;text-overflow:ellipsis}.reference-dose{margin:22px 0 17px;font-variant-numeric:tabular-nums}.dose-value{font-size:1.875rem;font-weight:600;letter-spacing:-.025em;line-height:1.25}.dose-value .unit{font-size:.875rem;font-weight:400;margin-left:5px;letter-spacing:0}.dose-mg{margin-top:6px;font-size:.75rem;color:var(--muted)}.reference-definition{font-size:.8125rem;font-variant-numeric:tabular-nums}.limit{color:var(--muted);font-size:.75rem;margin-top:6px}.source-note{color:var(--state);font-size:.75rem;line-height:1.5;margin-top:13px;max-width:48ch}.calculation{margin-top:17px;color:var(--muted);font-size:.75rem}.calculation summary{cursor:pointer;width:fit-content}.calculation div{color:var(--ink);padding-top:10px;font-size:.75rem;line-height:1.6;max-width:55ch}.calculation div p+p{margin-top:8px}.calculation a{display:inline-block;margin-top:7px}.calculation small{display:block;font-size:.6875rem;color:var(--muted);margin-top:8px}dialog{width:calc(100% - 32px);max-width:440px;max-height:85dvh;border:1px solid var(--line);border-radius:9px;padding:20px;background:var(--bg);color:var(--ink);box-shadow:0 16px 50px #0003;overscroll-behavior:contain}dialog::backdrop{background:#0c182855}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-header h2{font-size:1rem;font-weight:600}.picker-search{width:100%;padding:11px 12px;background:var(--bg);border:1px solid var(--line);border-radius:5px;font-size:.875rem}.picker-options{margin-top:12px;display:flex;flex-direction:column;gap:4px;max-height:50dvh;overflow:auto}.picker-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:4px;text-align:left;font-size:.8125rem;min-height:44px}.picker-option:hover,.picker-option.active{background:var(--soft);color:var(--ink)}.picker-option .number{font-size:.6875rem;color:var(--muted);min-width:14px}.picker-option small{display:block;font-size:.6875rem;color:var(--muted);margin-top:5px}.source-info{font-size:.8125rem;line-height:1.6}.source-info h3{font-size:.875rem;font-weight:600;margin:20px 0 6px}.source-info h3:first-child{margin-top:0}.source-info p{max-width:50ch}.source-info a{display:inline-block;margin-top:8px}
.picker-actions{display:flex;align-items:center;gap:14px}.source-panel[data-tone=neutral]{--state:var(--muted)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* B: paired references, with status and volume as the first reading. */
:root{--green-bg:#edf7f1;--yellow-bg:#fff7e5;--red-bg:#fdf0f1;--neutral-bg:#f2f4f6;--panel-pad:22px}
:root[data-theme=dark]{--green-bg:#172b23;--yellow-bg:#30291a;--red-bg:#321f26;--neutral-bg:#212b36}
.prototype{max-width:1120px;min-height:0;margin:36px auto}.workbench{padding:26px 28px}.controls{margin-bottom:22px}.source-grid{gap:20px;border:0;padding-top:0}.source-panel,.source-panel+ .source-panel{padding:var(--panel-pad);border:0;background:var(--yellow-bg);--state:var(--yellow)}.source-panel[data-tone=green]{background:var(--green-bg)}.source-panel[data-tone=red]{background:var(--red-bg)}.source-panel[data-tone=neutral]{background:var(--neutral-bg)}.source-header h2{font-size:1rem}.signal{gap:10px}.status-text{font-size:.875rem;font-weight:600}.traffic-light{gap:6px;padding:7px;background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:20px}.traffic-light i{width:17px;height:17px;background:color-mix(in srgb,var(--ink) 15%,transparent)}.regimen-control{margin-top:20px}.regimen-control select{background:var(--bg);font-size:.8125rem;min-height:40px}.dose-comparison{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin:24px 0 0;font-variant-numeric:tabular-nums}.dose-comparison dt{font-size:.8125rem;color:var(--ink);font-weight:500;display:flex;gap:7px;align-items:center;min-height:20px}.dose-comparison dd{margin:8px 0 0}.reference-dose{margin:0}.dose-dot{display:inline-block;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--state)}.dose-value{font-size:1.875rem;line-height:1.3;letter-spacing:-.025em;white-space:nowrap}.dose-value .unit{margin-left:4px}.dose-mg{font-size:.75rem;margin-top:5px;color:var(--ink);opacity:.75;min-height:18px}.pending-dose{display:block;font-size:1rem;letter-spacing:0;white-space:normal;min-height:39px;align-content:center;font-weight:500}.chart-wrap{margin:18px 0 18px}.range-chart{display:block;width:100%;height:auto;overflow:visible}.range-axis{stroke:var(--ink);stroke-opacity:.22;stroke-width:2}.range-band{fill:var(--ink);fill-opacity:.14}.range-boundary{stroke:var(--ink);stroke-width:1.5;stroke-opacity:.55}.range-boundary.target{stroke-width:3}.range-boundary.limit{stroke-dasharray:4 3}.entered-marker{fill:var(--state);stroke:var(--bg);stroke-width:2.5}.axis-tick{stroke:var(--ink);stroke-opacity:.3;stroke-width:1}.axis-label{fill:var(--ink);fill-opacity:.8;font-size:12px;font-family:Onest,Arial,sans-serif;font-variant-numeric:tabular-nums}.reference-definition{font-size:.8125rem}.limit{color:var(--ink);opacity:.75}.source-note{font-size:.8125rem;max-width:none;margin-top:12px}.calculation{color:var(--ink);opacity:.85;margin-top:15px}.copy-row{display:flex;gap:12px;margin-top:10px;align-items:center}.copy-row input{min-width:0;flex:1;width:100%;font-size:.75rem;background:var(--soft);border:1px solid var(--line);padding:9px;border-radius:4px}.sample-control{margin:10px 0 0;justify-content:space-between}.source-info code{font-family:inherit;font-variant-numeric:tabular-nums}.source-info p+p{margin-top:10px}
@media(max-width:1150px){.prototype{margin:24px}.dose-value{font-size:1.75rem}}
@media(max-width:840px){.prototype{margin:18px}.workbench{padding:22px}.app-header{padding:16px 22px}.prescription{align-items:start;flex-direction:column;gap:7px}.conversion{white-space:normal}.controls{flex-wrap:wrap;gap:12px}.source-grid{gap:16px;grid-template-columns:minmax(0,1fr);max-width:none}.dose-value{font-size:2rem}.dose-comparison{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.chart-wrap{max-width:100%;margin:18px 0}.range-chart{max-height:100px}.signal{gap:10px}}
@media(max-width:600px){:root{--panel-pad:18px}.prototype{margin:12px}.app-header{padding:13px 16px;gap:12px}.app-header h1{font-size:.875rem}.header-actions{gap:12px}.text-button{font-size:.75rem;min-height:38px}.workbench{padding:18px 16px}.search-label{font-size:.8125rem}.search-box{gap:7px}#query{height:46px;padding:11px 10px;font-size:.9375rem}.check-button{height:46px;padding:0 13px;font-size:.8125rem}.medicine-button{font-size:.8125rem}.conversion{font-size:.75rem}.prescription{margin:17px 0 15px}.controls{margin-bottom:20px}.frequency{gap:8px;flex-wrap:wrap}.segments{gap:2px}.segments button{font-size:.75rem;min-height:38px;padding:7px 8px}.control-label{font-size:.75rem}.source-grid{gap:14px}.source-panel,.source-panel+ .source-panel{padding:var(--panel-pad)}.source-header{flex-wrap:wrap;gap:10px}.source-header h2{font-size:.9375rem}.status-text{font-size:.8125rem}.traffic-light{padding:6px;gap:5px}.traffic-light i{width:16px;height:16px}.regimen-control{margin-top:16px}.regimen-control select{font-size:.75rem;min-height:40px}.dose-comparison{gap:12px;margin-top:21px;grid-template-columns:minmax(0,1fr)}.dose-comparison dt{font-size:.8125rem}.dose-comparison dd{margin-top:5px}.dose-value{font-size:1.875rem}.dose-value .unit{font-size:.8125rem}.entered-dose{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}.entered-dose dd{margin:0;display:flex;align-items:baseline;gap:8px}.entered-dose .dose-value{font-size:1.5rem}.entered-dose .dose-mg{display:none}.pending-dose{min-height:32px}.reference-definition{font-size:.8125rem}.limit{font-size:.75rem}.source-note,.calculation{font-size:.75rem;margin-top:12px}.chart-wrap{margin:15px 0}.age-control input{min-height:36px}.sample-control select{max-width:180px}.dialog-header h2{font-size:.9375rem}}
.source-panel[data-tone=green]{--state:var(--green)}.source-panel[data-tone=yellow]{--state:var(--yellow)}.source-panel[data-tone=red]{--state:var(--red)}.source-panel[data-tone=neutral]{--state:var(--muted)}
.chart-labels{display:flex;justify-content:space-between;padding:0 4.1%;font-size:.75rem;color:var(--ink);opacity:.8;font-variant-numeric:tabular-nums}
.similar-product{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:15px 0 -3px;padding:10px 12px;background:var(--yellow-bg);color:var(--ink);font-size:.8125rem;line-height:1.45}.similar-product .text-button{flex-shrink:0;min-height:32px;color:var(--yellow)}.comparison-scope{margin:0 0 14px;font-size:.8125rem;color:var(--muted)}.controls{margin-bottom:16px}.controls:has(.age-control[hidden]){display:none}.prescription{margin-bottom:18px}.dose-comparison dt{min-height:20px}
@media(max-width:600px){.similar-product{align-items:start;font-size:.75rem}.comparison-scope{font-size:.75rem;margin-bottom:12px}.prescription{margin-bottom:16px}.age-control{font-size:.8125rem}.age-control input{font-size:1rem}}
.comparison-scope{display:flex;gap:16px;align-items:center;justify-content:space-between}.comparison-scope .text-button{min-height:32px;flex-shrink:0;padding:4px 0}.comparison-scope .text-button[aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.other-indications{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.other-indications h3{font-size:.8125rem;font-weight:500;margin:0 0 4px}.indication-row{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:12px 0 9px;cursor:pointer}.indication-row+.indication-row{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.indication-row:hover .indication-heading>span:first-child{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.indication-row:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.indication-heading{display:flex;justify-content:space-between;gap:14px;font-size:.8125rem;line-height:1.45}.indication-heading>span:first-child{min-width:0}.indication-volume{font-variant-numeric:tabular-nums;flex-shrink:0}.indication-schedule{display:block;font-size:.75rem;margin-top:3px;color:var(--ink);opacity:.75}.mini-chart{display:block;margin-top:5px}.mini-chart .range-chart{display:block;width:100%;height:auto;max-height:none}.indication-row[data-tone=green]{--state:var(--green)}.indication-row[data-tone=yellow]{--state:var(--yellow)}.indication-row[data-tone=red]{--state:var(--red)}.indication-row[data-tone=neutral]{--state:var(--muted)}
@media(max-width:600px){.comparison-scope{gap:12px;align-items:start}.indication-heading{font-size:.75rem;gap:10px}.other-indications{margin-top:16px}.indication-row{padding:11px 0 8px}}
.conversion{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.unit-choices{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.unit-choice{min-width:0;max-width:100%;white-space:normal;text-align:left;font:inherit;line-height:1.45;color:var(--muted);background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;padding:6px 0;min-height:38px;cursor:pointer;font-variant-numeric:tabular-nums}.unit-choice[aria-pressed=false]{border-bottom-color:var(--line)}.unit-choice[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.unit-choice[aria-pressed=true]>span:first-child{font-weight:500}.unit-choice:hover{color:var(--accent)}.unit-choice:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.unit-equivalent{font-size:.75rem}.conversion-weight{color:var(--muted);font-size:.75rem}.prescription{align-items:center}
@media(max-width:840px){.prescription{align-items:start}.conversion{gap:10px}.unit-choices{gap:14px}.unit-choice{min-height:40px}}
.reference-updated{padding:0 28px 20px;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}
@media(max-width:600px){.reference-updated{padding:0 16px 18px}}