/* Shared reference and conversion surfaces. Content and source numbers are unchanged. */
:root{--calc-surface:#fff;--calc-soft:#f4f2f8;--calc-text:#252330;--calc-muted:#595665;--calc-line:#d9d5e2;--calc-accent:#6440b7;--calc-focus:#6d48bd;--calc-notice:#f7f4ec}
:root[data-theme=dark]{--calc-surface:#202126;--calc-soft:#292a32;--calc-text:#f0eff5;--calc-muted:#c0bdcd;--calc-line:#4b4859;--calc-accent:#c5adff;--calc-focus:#c5adff;--calc-notice:#302d27}
body :is(.workspace-calculator,.reference-chart,.reference-body,.reference-notes,.reference-preparation,.reference-bibliography,.conversion-panel){color:var(--calc-text);font-family:Manrope,system-ui,sans-serif;font-size:1rem;line-height:1.65;min-width:0;overflow-wrap:anywhere}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(p,small,span,label,li,dt,dd,h2,h3,h4,strong,b,legend,summary){color:inherit}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(details,.panel,.beginner-callout,.guided-stage,.reference-facts,.reference-body,.reference-unit-note,.protocol-reference,.reference-notes,.reference-preparation,.reference-bibliography,.source-rounding,.protocol-block,.detail-body,.calculator-blend-choice,.calculator-blend-results,.source-context,.reference-timing,.reference-storage){background:var(--calc-surface);background-image:none;border-color:var(--calc-line);color:var(--calc-text);box-shadow:none}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(summary,.reference-table thead th,.protocol-table thead th){background:var(--calc-soft);color:var(--calc-text);border-color:var(--calc-line);font-size:1rem;line-height:1.5}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(details){border:1px solid var(--calc-line);border-radius:14px;margin-block:16px;overflow:hidden}
body :is(.workspace-calculator,.reference-chart,.reference-body) details>summary{padding:16px;min-height:48px;cursor:pointer}
body :is(.workspace-calculator,.reference-chart,.reference-body) details>div{padding:16px;min-width:0}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(.reference-important,.research-context-link,.quick-context,.beginner-warning,.calculation-note){background:var(--calc-notice);background-image:none;color:var(--calc-text);border:1px solid var(--calc-line);border-radius:12px;padding:16px;box-shadow:none}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(.reference-facts strong,.research-context-link strong){color:var(--calc-accent)}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(a,.source-link,.reference-source){color:var(--calc-accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(small,.reference-heading p,.reference-facts span,.chart-context,.guided-progress,.syringe-help){color:var(--calc-muted);font-size:.875rem;line-height:1.65}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--calc-line);border-radius:10px;background:var(--calc-surface);color:var(--calc-text);font:inherit;font-size:1rem;color-scheme:inherit}
body :is(.workspace-calculator,.reference-chart,.reference-body) input:is([type=checkbox],[type=radio]){width:20px;min-height:20px;padding:0;accent-color:var(--calc-accent)}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(button){background:var(--calc-soft);color:var(--calc-text);border:1px solid var(--calc-line);font-family:inherit;min-height:44px;line-height:1.5}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(button[aria-pressed=true],.guided-next){background:var(--calc-accent);color:var(--calc-surface);border-color:var(--calc-accent)}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(button,input,select,a,summary):focus-visible,.conversion-panel :focus-visible,.conversion-modes :focus-visible{outline:3px solid var(--calc-focus);outline-offset:3px}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(table){border-collapse:collapse;color:var(--calc-text);background:var(--calc-surface);font-size:.9375rem}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(th,td){border-color:var(--calc-line);color:var(--calc-text);background:transparent;padding:14px;line-height:1.6}
body :is(.workspace-calculator,.reference-chart,.reference-body) tbody tr:nth-child(even){background:var(--calc-soft)}
body :is(.reference-table-scroll,.protocol-table-wrap){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border-color:var(--calc-line)}
body .reference-facts{border-color:var(--calc-line)}body .reference-facts>div{border-color:var(--calc-line)}
body .workspace-calculator h1{font-size:clamp(1.5rem,4vw,2rem)}body .workspace-calculator h2,body .reference-heading h2{font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.4;margin-block:12px}
body .workspace-calculator .reference-heading .peptide-art{max-width:170px;max-height:210px}
.conversion-modes{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.conversion-modes button{flex:1 1 200px;padding:12px 16px;border:1px solid var(--calc-line);border-radius:12px;background:var(--calc-surface);color:var(--calc-text);font:600 .9375rem/1.5 Manrope,system-ui;cursor:pointer}
body .conversion-modes button[aria-pressed=true]{background:var(--calc-accent);color:var(--calc-surface);border-color:var(--calc-accent)}
.conversion-panel{margin-block:20px;padding:20px;border:1px solid var(--calc-line);border-radius:16px;background:var(--calc-surface)}
.conversion-panel p{margin:10px 0 18px!important;color:var(--calc-muted)!important;font-size:.9375rem;line-height:1.6}
.conversion-panel label{display:grid;gap:8px;margin-block:16px;font-size:.9375rem;font-weight:600;color:var(--calc-text)}
.conversion-panel input,.conversion-panel select{box-sizing:border-box;width:100%;min-width:0;padding:12px;min-height:46px;border:1px solid var(--calc-line);border-radius:10px;background:var(--calc-surface);color:var(--calc-text);font:400 1rem/1.4 Manrope,system-ui}
.conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.conversion-panel label.conversion-check{display:flex;align-items:flex-start;font-weight:400;gap:12px}.conversion-panel .conversion-check input{width:20px;height:20px;min-height:20px;flex:none;margin:3px 0;accent-color:var(--calc-accent)}
body .conversion-panel button{padding:12px 18px;border:1px solid var(--calc-accent);border-radius:10px;background:var(--calc-accent);color:var(--calc-surface);font:600 1rem/1.4 Manrope,system-ui;cursor:pointer}
.conversion-panel [hidden],body [data-plan-units][hidden],body [data-plan-amount][hidden]{display:none!important}
.conversion-result{margin-block:20px;padding:20px;border:1px solid var(--calc-line);border-radius:14px;background:var(--calc-soft);color:var(--calc-text)}
.conversion-result>strong{display:block;font-size:2rem;line-height:1.4;color:var(--calc-accent)!important}.conversion-result>b{display:block;font-size:1.25rem}.conversion-result small{font-size:.875rem;color:var(--calc-muted)}
.conversion-notice{padding:14px;border-left:3px solid var(--calc-accent);background:var(--calc-soft);color:var(--calc-text);border-radius:6px;font-size:.9375rem}
.conversion-panel details{border:1px solid var(--calc-line);border-radius:12px;padding:12px;margin-top:20px}.conversion-panel summary{cursor:pointer;font-weight:600}.conversion-panel a{color:var(--calc-accent)}
@media(max-width:640px){.conversion-grid{grid-template-columns:minmax(0,1fr);gap:0}.conversion-panel{padding:16px}.conversion-modes{gap:8px}.conversion-modes button{flex-basis:100%}body .reference-facts{grid-template-columns:repeat(2,minmax(0,1fr))}body .chart-controls{grid-template-columns:minmax(0,1fr)}body .reference-heading .peptide-art{float:none;margin-inline:auto}body .workspace-calculator .panel{padding:16px;min-width:0}}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(.storage-facts,.storage-facts>div,.reference-supplies,.protocol-timing,.protocol-overview,.protocol-chart,.protocol-example-choices,.reference-credit){background:var(--calc-surface);background-image:none;color:var(--calc-text);border-color:var(--calc-line)}
body :is(.workspace-calculator,.reference-chart,.reference-body) :is(.storage-facts dt,.storage-facts dd,.protocol-timing strong,.protocol-timing li,.reference-supplies p){color:var(--calc-text)}

.work-schedule p,.plan-content p{white-space:pre-line}.work-schedule p{font-size:.9375rem;line-height:1.7}.work-schedule>div{min-width:0;overflow-wrap:anywhere}