.m-view .panel{margin:22px 0}.m-chart svg{display:block;width:100%;height:auto}.m-chart text{fill:var(--muted);font:12px system-ui}.m-chart .grid{stroke:var(--line)}.m-chart .control{stroke:var(--blue);fill:none}.m-chart .treated{stroke:var(--accent);fill:none}.m-chart .fit{stroke-dasharray:6 5}.m-chart .raw{opacity:.2}.m-chart .dot-control{fill:var(--blue)}.m-chart .dot-treated{fill:var(--accent)}.m-chart .event-bar{fill:var(--accent)}.m-chart .event-bar.control-bar{fill:var(--blue)}#groupSelect{max-width:none}.filterbar label:first-child{max-width:none;flex:3}#schemaFields{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace}.matrix-wrap{overflow:auto}.dose-matrix{width:auto;min-width:100%;text-align:center}.dose-matrix th,.dose-matrix td{padding:5px;text-align:center}.matrix-cell{border:1px solid var(--line);min-width:66px;min-height:48px;border-radius:5px;cursor:pointer;background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums}.matrix-cell.positive{background:color-mix(in srgb,var(--accent) 24%,var(--surface))}.matrix-cell.negative{background:color-mix(in srgb,var(--blue) 22%,var(--surface))}.matrix-cell[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}#matrixDetail{font-size:13px;line-height:1.7;padding:15px 0;overflow-wrap:anywhere}.m-view td.num{width:7ch;text-align:right}.m-view th,.m-view td{padding:11px 13px}.metric-card{border:1px solid var(--line);padding:17px;border-radius:9px;background:var(--surface)}.metric-card b{font-size:24px;font-weight:500;display:block;font-variant-numeric:tabular-nums}.metric-card span,.metric-card small{color:var(--muted);font-size:12px;display:block}.m-view pre{overflow-wrap:anywhere}.model-record{border-block:1px solid var(--line);padding:15px 0;margin:10px 0}.model-record .form-grid{gap:10px}#reliabilityBody p{font-size:13px}#methodBody{margin-bottom:25px}#methodBody p{font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.mode-switch{flex-wrap:wrap}.m-view #fingerprint{overflow-wrap:anywhere}@media(max-width:760px){.m-chart svg{min-width:420px}.m-chart{overflow-x:auto}h1{font-size:35px}.metric-card{padding:13px}.metric-card b{font-size:22px}.m-view td,.m-view th{padding:9px}.matrix-cell{min-width:58px}.filterbar label{min-width:150px}}

.fate-subnav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.fate-subnav a{padding:10px 13px;border:1px solid var(--line);border-radius:7px;font-size:13px;color:var(--muted);text-decoration:none}.fate-subnav a[aria-current=page]{color:var(--ink);background:var(--surface);border-color:var(--ink)}#matrixDetail{overflow-x:auto}#matrixDetail table{width:100%;font-size:12px}#riskCounts{overflow-wrap:anywhere}.fate-subnav[hidden]{display:none}@media(max-width:760px){.fate-subnav a{flex:1;min-width:130px}.m-view .filterbar label{min-width:0;width:100%}}

.qc-details{margin:16px 0;font-size:13px}.qc-details summary{cursor:pointer;padding:12px 0;color:var(--muted)}

.m-chart.risk-chart svg{min-width:0}#matrixDetail td:first-child{white-space:normal;min-width:115px}

.result-summary{border-left:3px solid var(--accent)}.result-summary h2{max-width:850px}.result-summary p,#riskSensitivity p{font-size:14px;line-height:1.7}.sensitivity-ranges{border-top:1px solid var(--line)}.sensitivity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.sensitivity-row strong{font-variant-numeric:tabular-nums;font-weight:500}#riskSensitivity .table-wrap{margin:20px 0}#riskSensitivity th,#riskSensitivity td{white-space:normal}#riskSensitivity td:first-child{min-width:160px}@media(max-width:600px){.sensitivity-row{grid-template-columns:1fr;gap:6px}#riskSensitivity h2,.result-summary h2{font-size:25px}}

/* Keep curve identity beside the curve, including without color perception. */
.plot-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 0 8px;color:var(--ink);font-size:13px}
.plot-legend span{display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere;max-width:100%}
.plot-legend i{display:inline-block;width:23px;flex-shrink:0;border-top:2px solid var(--accent)}
.plot-legend i.control{border-top-color:var(--blue);border-top-style:dashed}
.m-chart.risk-chart svg .control{stroke-dasharray:5 4}