:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#1e3540;background:#f5f7f8;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#136572;text-decoration:none}header,main,footer{max-width:1180px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dce4e7;align-items:center}.brand{font-size:23px;font-weight:700;color:#163b46}.brand span{font-weight:400;font-size:15px;margin-left:16px}nav,nav form{display:flex;align-items:center;gap:20px}nav form{margin:0}h1{font-size:36px;line-height:1.4;font-weight:650;letter-spacing:-.02em}h2{font-size:20px}.hero{padding:56px 0 48px;max-width:760px}.hero h1{font-size:44px}.hero p{max-width:680px;color:#566b76}.eyebrow{color:#517881;font-size:13px;letter-spacing:.08em}.primary{display:inline-block;background:#165f6c;color:white;padding:11px 20px;border:0;border-radius:6px;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article,.search-panel,.result,.login{background:white;border:1px solid #dce4e7;border-radius:8px;padding:24px}.login{max-width:460px;margin:40px auto}.login label{display:block;margin:18px 0}.intro{padding:12px 0}.intro h1{margin:8px 0}label{font-size:13px;color:#536a74;display:block}input,select{font:inherit;font-size:15px;padding:10px;border:1px solid #c6d4d9;border-radius:5px;max-width:100%;width:100%;background:white;color:#203c48;margin-top:5px}button{font:inherit;font-size:14px;padding:8px 14px;border:1px solid #c6d4d9;background:white;border-radius:5px;cursor:pointer;color:#23434e}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #47a4b6;outline-offset:3px}.quiet{border:0;background:transparent}.search-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.search-row label{flex:1;min-width:110px}details{margin-top:18px}summary{cursor:pointer;font-size:14px}details .search-row{margin-top:10px}.toolbar,.pager{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:12px}.result{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:18px}.result h2{margin:0}.result small{color:#637985}.result input[type=checkbox]{width:18px;height:18px;margin-right:12px}.result-title{display:flex;align-items:center}.error{color:#a33232}#message{min-height:26px}dialog{border:1px solid #cad7dc;border-radius:10px;width:min(980px,94vw);max-height:88vh;padding:24px}dialog::backdrop{background:#17353e66}.dialog-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-24px;background:white;padding:10px 0}.detail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.detail-section{border-top:1px solid #e0e6e8;padding:16px 0}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}footer{font-size:12px;color:#71818b;margin-top:36px}@media(max-width:650px){header,main,footer{padding:20px}.brand{font-size:19px}.brand span{display:none}.hero{padding:26px 0}.hero h1{font-size:32px}.features,.comparison{grid-template-columns:1fr}h1{font-size:28px}.search-row{display:block}.search-row label{margin-bottom:12px}.result{align-items:start;padding:18px}.toolbar{align-items:start}.login{padding:20px}.pager{font-size:13px}}

.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:8px;border-bottom:1px solid #dde5e8;text-align:left}td input{min-width:85px;width:100%}textarea{display:block;width:100%;box-sizing:border-box}#workArea{margin-top:40px;padding-top:20px;border-top:2px solid #0b635e}#workArea label{display:block;margin:12px 0}#workArea input{box-sizing:border-box}#workArea h4{margin-bottom:4px}[hidden]{display:none!important}

#planFields{border-top:1px solid #dce4e7;margin-top:24px;padding-top:16px}textarea{font:inherit;font-size:15px;padding:10px;border:1px solid #c6d4d9;border-radius:5px;resize:vertical}#workArea .toolbar{flex-wrap:wrap}@media(max-width:650px){header{flex-wrap:wrap;gap:12px}nav{flex-wrap:wrap;gap:12px}.toolbar{flex-wrap:wrap}#workArea{max-width:100%}}

#workArea .plan-number label{margin-bottom:5px}.plan-number-row{display:flex;align-items:stretch;gap:10px}.plan-number-row input{flex:1;min-width:0;margin-top:0}.plan-number-row button{flex:none;white-space:nowrap}.plan-number-hint{font-size:12px;color:#536a74;margin:6px 0;overflow-wrap:anywhere}@media(max-width:650px){.plan-number-row{flex-direction:column}.plan-number-row button{align-self:flex-start}}

.relation-card{border-top:1px solid #cbd8db;padding:1.2rem 0}.relation-method{background:#f5f9fa;border:1px solid #d4e1e4;border-radius:8px;padding:1rem;margin:.8rem 0}.relation-association{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:.65rem 0}.relation-badge{font-size:.85rem;background:#e4f1ec;padding:.2rem .5rem;border-radius:5px}.relation-badge.supported{background:#e5eff8}.relation-badge.candidate{background:#fff0cf}.relation-note{color:#78570d;font-size:.85rem}.relation-marker{padding:.8rem 0;border-bottom:1px solid #d4e1e4}.relation-marker small{display:block}.relation-marker button{margin:.5rem .5rem 0 0}.relation-panel input[type=checkbox]{width:auto}.relation-panel .toolbar{flex-wrap:wrap}#relationHerbOptions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}#relationHerbOptions[hidden]{display:none}

/* Formulation context and laboratory method remain separate, simultaneously readable. */
#detail{width:min(1480px,96vw);padding:22px}#detail .dialog-head{z-index:2;top:-22px;border-bottom:1px solid #dce4e7}.method-detail{min-width:0;overflow-wrap:anywhere}.method-context-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;margin:20px 0}.context-pane,.analysis-pane{min-width:0;max-height:65vh;overflow-y:auto;scrollbar-gutter:stable;border:1px solid #d5e1e4;border-radius:8px;padding:18px}.context-pane{background:#f5faf8}.analysis-pane{background:#fbfcfd}.context-hint,.source-caption{font-size:13px;color:#526c73;line-height:1.7}.source-caption{margin-bottom:8px}.source-block{border-top:1px solid #d8e3e5;padding-top:12px;margin-top:14px}.source-block summary{font-weight:600;color:#175d64}.context-association{padding:10px 0;border-bottom:1px solid #e1e9eb}.context-association p{margin:6px 0;font-size:14px}.context-association details{margin-top:5px}.focus-ingredient,.focus-step{background:#def0e7}.focus-ingredient button{border-color:#31836a}.process-path{padding-left:22px}.process-path li{padding:6px 0}.reference-decision{border:1px solid #c8dbde;border-radius:8px;padding:18px;background:#f7fafb;margin:18px 0}.reference-decision label{margin:10px 0}.reference-decision h3{margin-top:0}.comparison .method-context-layout{grid-template-columns:1fr}.comparison .context-pane,.comparison .analysis-pane{max-height:58vh}.comparison .context-association{font-size:14px}textarea:focus-visible{outline:3px solid #47a4b6;outline-offset:3px}
@media(max-width:800px){.method-context-layout{grid-template-columns:1fr}.context-pane,.analysis-pane,.comparison .context-pane,.comparison .analysis-pane{max-height:none;overflow-y:visible;scrollbar-gutter:auto}.comparison{grid-template-columns:1fr}#detail{padding:14px}#detail .dialog-head{top:-14px}.context-pane,.analysis-pane{padding:12px}.reference-decision{padding:12px}.context-pane td{overflow-wrap:anywhere}.context-pane button{white-space:normal}}
.context-navigation{position:sticky;top:-18px;background:#f5faf8;z-index:1;padding:6px 0 10px;border-bottom:1px solid #d5e1e4}.context-jumps{display:flex;gap:10px;margin-top:8px}.context-pane>div{scroll-margin-top:85px}@media(max-width:800px){.context-navigation{position:static}}