.o-view h1{font-size:clamp(30px,4.2vw,54px);letter-spacing:-.035em;line-height:1.07}.o-view{max-width:1280px}.o-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.o-steps div{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:14px;align-items:center}.o-steps b{font:italic 28px Georgia;color:var(--muted)}.o-steps span{font-size:14px}.o-callout{background:var(--soft);border-left:3px solid var(--accent);padding:16px 20px;margin:20px 0;line-height:1.55}.o-view .panel{padding:24px;margin:18px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.o-view .filterbar{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0;align-items:end}.o-view .filterbar label{display:grid;gap:7px;min-width:150px;flex:1}.o-view .filterbar form{display:flex;gap:10px;align-items:end;flex:2}.o-view .filterbar input,.o-view .filterbar select{width:100%}.o-view .filterbar span{font-size:13px;color:var(--muted)}.o-catalog-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(350px,1.1fr);gap:24px;align-items:start}.candidate-list{display:grid;gap:6px;max-height:690px;overflow:auto;padding-right:4px}.candidate-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:12px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:14px;width:100%;min-height:76px}.candidate-row[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.candidate-row strong{display:block;overflow-wrap:anywhere}.candidate-row small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}.candidate-row .score{font-variant-numeric:tabular-nums;text-align:right;align-self:center}.o-detail{position:sticky;top:20px;min-width:0;margin-top:0!important}.o-detail h2{overflow-wrap:anywhere}.o-detail dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:13px}.o-detail dt{color:var(--muted)}.o-detail dd{margin:0;overflow-wrap:anywhere}.o-detail details{margin-top:18px}.o-detail summary{cursor:pointer}.o-pagination{display:flex;justify-content:space-between;margin:16px 0}.o-chart svg{width:100%;height:auto;display:block;overflow:visible}.o-chart .axis{stroke:var(--line);stroke-width:1}.o-chart .curve{stroke:var(--accent);stroke-width:2.5;fill:none}.o-chart circle{fill:var(--accent);stroke:var(--surface);stroke-width:2}.o-chart text{fill:var(--muted);font:12px system-ui}.o-chart .ref{stroke:var(--muted);stroke-dasharray:4 5}.o-view table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}.o-view th,.o-view td{text-align:right;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.o-view th:first-child,.o-view td:first-child{text-align:left}.o-view th{color:var(--muted);font-weight:500}.o-view .check{margin:16px 0;align-items:flex-start;line-height:1.5}.o-view .check input{margin-top:4px;flex:0 0 auto}.o-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.o-method-grid p{line-height:1.7}.o-method-grid code{display:block;overflow-wrap:anywhere;padding:15px;background:var(--soft);border-radius:8px}.o-short-item{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.o-short-item small{display:block;color:var(--muted)}.o-view .qc-card{padding:14px 18px;border:1px solid var(--line);border-radius:10px;margin:10px 0;background:var(--soft)}.o-view .qc-card.error{border-color:var(--bad)}.o-view .qc-card p{margin:0;line-height:1.5}.o-view .badge{background:var(--soft);color:var(--ink)}.o-view .study-strip{margin:24px 0}.o-view .study-numbers{display:flex;gap:24px}.o-view .study-numbers b{display:block;font-size:30px}.o-view .study-numbers small{color:var(--muted)}.o-view .table-wrap{max-width:100%;overflow:auto}.o-view [hidden]{display:none!important}.o-view .small{overflow-wrap:anywhere}#shortlist{margin-bottom:18px}#notice,#error{overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.o-catalog-grid{grid-template-columns:1fr}.o-detail{position:static}.candidate-list{max-height:340px}.o-method-grid{grid-template-columns:1fr}}
@media(max-width:600px){.o-steps{gap:9px}.o-steps div{display:block}.o-steps span{display:block;font-size:12px;margin-top:6px}.o-view .panel{padding:16px}.o-view .filterbar form{flex-basis:100%;flex-wrap:wrap}.o-view .filterbar label{min-width:0;flex-basis:100%}.o-view .filterbar form button{width:100%}.o-detail dl{grid-template-columns:80px minmax(0,1fr)}.o-view .form-actions{flex-wrap:wrap}.o-view .form-actions button{width:100%}.header-right .local-dot{display:none}.o-chart text{font-size:13px}.candidate-row{min-height:80px}.o-view .lead{font-size:16px}.o-short-item{align-items:flex-start}.o-short-item strong{overflow-wrap:anywhere}.o-view .export-buttons{flex-wrap:wrap}}
@media(max-width:760px){.sidebar>#demo{display:block;margin-top:10px;width:100%}}

.o-detail{top:100px;scroll-margin-top:95px}.o-chart text{font-size:12px}
.o-view .csv-editor textarea{width:100%;font:12px/1.5 ui-monospace,monospace}.o-view .form-grid{margin:26px 0}.o-view .form-actions{display:flex;gap:12px;margin-top:20px}

.model-record{border-top:1px solid var(--line);margin:18px 0;padding:4px 0 16px}.comparison-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}#comparisonRationale{width:100%;margin-top:8px}#referenceChart .curve{stroke:var(--blue)}#referenceChart circle{fill:var(--blue)}@media(max-width:950px){.comparison-charts{grid-template-columns:1fr}.comparison-charts .panel{margin:0}}