.study-viz{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;margin:32px 0;padding:clamp(16px,3vw,26px);container-type:inline-size}.study-viz .study-viz-kicker{color:var(--rust);font:11px/1.6 var(--mono);margin:0 0 10px}.study-viz .study-viz-title{font:400 29px/1.18 var(--serif);border:0;margin:0 0 14px;padding:0}.study-viz .study-viz-intro{font:15px/1.7 var(--sans);margin:0 0 24px}.study-viz .study-flow{counter-reset:stage;gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.study-viz .study-flow li{counter-increment:stage;border-top:1px solid var(--line);margin:0;padding:14px 14px 14px 44px;position:relative}.study-flow li:before{content:counter(stage, decimal-leading-zero);color:var(--rust);font:11px/1.6 var(--mono);position:absolute;top:15px;left:0}.study-flow strong,.study-flow span{display:block}.study-flow strong{font:600 15px/1.5 var(--sans)}.study-flow span{color:var(--muted);font:14px/1.6 var(--sans);margin-top:6px}.study-totals{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;padding:18px 0;display:grid}.study-totals strong,.study-totals span{display:block}.study-totals strong{color:var(--rust);font:400 clamp(28px, 5vw, 40px)/1.2 var(--serif)}.study-totals span{font:13px/1.5 var(--sans);margin-top:5px}.reader-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0 12px;display:flex}.reader-controls[hidden],.reader-inspector[hidden]{display:none}.reader-controls label{font:13px/1.5 var(--sans);flex:120px}.reader-controls select{width:100%;margin-top:5px;display:block}.reader-controls select,.reader-controls button{border:1px solid var(--line);background:var(--paper,#f8f5ec);min-height:44px;color:var(--ink);font:14px/1.5 var(--sans);border-radius:3px;padding:8px 10px}.reader-controls button{cursor:pointer}.study-viz [data-match-count],.study-viz .reader-legend{font:13px/1.7 var(--sans);margin:12px 0 20px}.reader-models{gap:18px;display:grid}.reader-model{border:1px solid var(--line);background:var(--paper,#f8f5ec);border-radius:3px;min-width:0;padding:16px}.study-viz .reader-model h4{font:400 25px/1.3 var(--serif);margin:0 0 5px}.reader-model>p{font:12px/1.6 var(--sans);overflow-wrap:anywhere;margin:0 0 14px}.reader-effort{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:12px;padding-top:12px;display:grid}.reader-effort>:is(span,strong,p){font:12px/1.5 var(--mono);grid-column:1/-1;margin:0}.reader-packet{grid-template-columns:repeat(2,44px);justify-content:start;gap:6px;display:grid}.reader-packet>:is(span,strong,p){color:var(--muted);font:12px/1.5 var(--sans);grid-column:1/-1;margin:0}.reader-mark{color:#375549;width:44px;min-height:44px;font:600 15px/1 var(--mono);cursor:pointer;background:#e2eadf;border:2px solid;border-radius:50%;place-items:center;padding:0;display:inline-grid}.reader-mark[data-outcome=fail]{color:#873e2e;background:#f1ddd2;border-radius:4px}.reader-mark[data-outcome=timeout]{color:var(--muted);background:0 0;border-style:dashed;border-radius:4px}.reader-mark:disabled{opacity:1;cursor:default}.reader-mark.is-muted{box-shadow:inset 0 0 0 2px var(--paper);border-style:dashed}.reader-mark[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:3px;opacity:1}.study-viz :is(button,select,summary,table,a):focus-visible{outline:3px solid var(--rust);outline-offset:4px}.reader-mark.is-muted:focus-visible,.reader-mark.is-muted:hover{opacity:1}.reader-inspector{border:1px solid var(--rust);background:var(--paper,#f8f5ec);margin:24px 0;padding:20px}.study-viz .reader-inspector h4{font:400 24px/1.3 var(--serif);margin:0 0 16px}.reader-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;display:grid}.reader-inspector dl>div{min-width:0}.reader-inspector dt{color:var(--muted);font:11px/1.5 var(--mono)}.reader-inspector dd{overflow-wrap:anywhere;font:14px/1.6 var(--sans);margin:4px 0 0}.reader-inspector dl>div:last-child{grid-column:1/-1}.reader-records{margin-top:24px}.reader-records summary{cursor:pointer;font:14px/1.6 var(--sans);padding:12px 0}.detail-prose .reader-records table{width:100%;margin:16px 0 0;font-size:12px}.detail-prose .reader-records :is(th,td){white-space:nowrap;min-width:0;padding:10px 12px}.detail-prose .reader-records :is(th,td):last-child{white-space:normal;min-width:200px}.study-viz .study-bar-list{gap:20px;margin:22px 0;padding:0;list-style:none;display:grid}.study-bar-list>:is(li,div){font:14px/1.6 var(--sans);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;margin:0;padding:0;display:grid}.study-bar-track{background:var(--line);border-radius:2px;grid-area:2/1/auto/-1;height:16px;overflow:hidden}.study-bar-track>span{width:var(--bar-percent);background:var(--rust);height:100%;display:block}.study-bar-list>:nth-child(2n) .study-bar-track>span{background:#526b5b}.primer-groups{gap:16px;margin:22px 0;display:grid}.primer-groups>article{border:1px solid var(--line);background:var(--paper,#f8f5ec);min-width:0;padding:16px}.study-viz .primer-groups h4{font:400 21px/1.3 var(--serif);margin:0 0 14px}.primer-groups p{font:13px/1.6 var(--sans);margin:12px 0 0}.primer-dots{flex-wrap:wrap;gap:8px;display:flex}.primer-dots>span{color:#375549;width:28px;height:28px;font:600 12px/1 var(--mono);background:#e2eadf;border:2px solid #375549;border-radius:50%;place-items:center;display:inline-grid}.primer-dots>[data-kind=none]{color:var(--muted);border-style:dashed;border-color:var(--muted);background:0 0;border-radius:3px}.primer-dots>[data-kind=vague]{color:#873e2e;background:#f1ddd2;border-color:#873e2e;border-radius:3px}.study-viz .visually-hidden,.study-viz .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width>=720px){.reader-models,.primer-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-model{padding:12px}.reader-effort{column-gap:8px}.study-viz .study-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width<=320px){.reader-model{padding:12px}.reader-effort{column-gap:8px}.reader-inspector dl{grid-template-columns:1fr}}.study-viz .study-chart-note,.study-viz .study-chart-source{font:13px/1.7 var(--sans);margin:18px 0}.study-viz .study-chart-source{color:var(--muted)}.reader-legend{flex-wrap:wrap;gap:8px 20px;display:flex}.reader-legend>span{align-items:baseline;gap:7px;display:inline-flex}.reader-return{border:1px solid var(--rust);background:var(--paper,#f8f5ec);min-height:44px;color:var(--ink);font:14px/1.5 var(--sans);cursor:pointer;border-radius:3px;padding:8px 14px}.reader-inspector:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.reader-explorer{border-block:1px solid var(--line);margin:26px 0 20px}.reader-explorer>summary{cursor:pointer;min-height:44px;font:600 15px/1.6 var(--sans);padding:16px 0}.study-plots{gap:26px;margin:24px 0;display:grid}.study-plot{min-width:0;margin:0}.study-plot picture,.study-plot img{width:100%;height:auto;display:block}.study-plot figcaption{font:13px/1.7 var(--sans);margin-top:10px}.study-viz .study-plot h4{font:400 25px/1.3 var(--serif);margin:0 0 12px}.study-plot{max-width:440px}.study-plot-bars{max-width:540px}.study-check-key{gap:10px;margin:22px 0;display:grid}.study-check-key>div{grid-template-columns:80px minmax(0,1fr);gap:14px;display:grid}.study-check-key dt{color:var(--rust);font:12px/1.7 var(--mono)}.study-check-key dd{font:14px/1.6 var(--sans);margin:0}@container (width>=650px){.study-plots{grid-template-columns:repeat(2,minmax(0,1fr))}}