.mode-switch{display:flex;gap:6px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:9px;margin:0 0 28px;width:fit-content;max-width:100%}.mode-switch a{padding:10px 16px;font-size:13px;text-decoration:none;border-radius:6px;color:var(--muted);text-align:center}.mode-switch a[aria-current=page]{background:var(--soft);color:var(--ink);font-weight:600}.sidebar>button+button{margin-top:9px}.p-view>h1{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:18px 0 22px}.p-view .panel{margin-bottom:20px}.p-view .interpretation label{margin:16px 0}.p-view .interpretation button{margin:10px 0}.p-view .form-grid{margin:28px 0 20px}.p-view .csv-editor textarea{width:100%;font:12px/1.5 ui-monospace,monospace}.p-view .filterbar{grid-template-columns:2fr 1fr}.p-view #processingNote{max-width:720px;overflow-wrap:anywhere}.p-view #values td,.p-view #comparisons td{font-variant-numeric:tabular-nums}.p-view td:last-child{max-width:280px;overflow-wrap:anywhere;white-space:normal}.p-view #qc .qc-card{margin-bottom:12px}.p-view #counts{flex-shrink:0}.p-view #chart svg text{font-size:13px}.p-view #chart .bar{stroke:var(--accent);stroke-width:2}.p-view #chart .point{fill:var(--accent)}.p-view #chart .observation{fill:var(--accent);opacity:.5}.p-view #chart .path{stroke:var(--accent);stroke-width:2;fill:none}.p-view #chart .grid{stroke:var(--line)}.p-view #chart .axis-label{fill:var(--muted)}@media(max-width:650px){.mode-switch{width:100%}.mode-switch a{flex:1;font-size:12px;padding:10px 7px}.p-view .filterbar{grid-template-columns:1fr}.p-view .study-strip{display:block}.p-view .form-actions{flex-wrap:wrap}.p-view #chart{overflow:auto}.p-view #chart svg{min-width:380px}.p-view .import-card a{font-size:12px}}

.p-view .qc-card{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.p-view .qc-card.error{border-color:var(--bad)}.p-view .qc-card p{margin:8px 0}.p-view #scaleNote{overflow-wrap:anywhere}.p-view .chart svg{width:100%;height:auto}.p-view .import-card{flex-wrap:wrap}.p-view .csv-editor{margin:20px 0}.p-view .form-actions{display:flex;gap:10px}.p-view .format-help{margin-top:24px}.p-view .format-help p{overflow-wrap:anywhere}.workspace-footer{display:flex;flex-wrap:wrap;gap:18px;margin-top:40px;font-size:12px;color:var(--muted)}
.p-view .table-wrap table{min-width:760px}.p-view .table-wrap td{vertical-align:top}.p-view #values td:last-child{min-width:200px;width:230px}.p-view #values td:nth-child(2),.p-view #values td:nth-child(3),.p-view #values td:nth-child(4){white-space:nowrap}.p-view .filterbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.p-view .filterbar label{max-width:none;min-width:0}.p-view .scroll-hint{display:none}@media(max-width:650px){.p-view .filterbar{grid-template-columns:1fr}.p-view .scroll-hint{display:block;color:var(--muted);font-size:12px}.p-view .table-wrap table{font-size:12px}.sidebar{gap:12px}.sidebar>button+button{margin-top:0}}

.p-view #values details summary{cursor:pointer;white-space:nowrap}.p-view #values details div{margin-top:10px;max-width:220px;overflow-wrap:anywhere}
.p-view #values details{margin:0}.p-view #values details summary{min-height:22px}