.mr-results{--mr-bg:var(--surface,#121214);--mr-fg:var(--fg,#f0f0f4);--mr-muted:var(--fg-2,#a0a0aa);--mr-border:var(--border,#303038);--mr-accent:var(--cyan,#54c7ed);color:var(--mr-fg);font-family:var(--font,monospace);width:100%;max-width:1080px;margin:auto;overflow-wrap:anywhere}.mr-results *{box-sizing:border-box}.mr-results button,.mr-results select{font:inherit;color:var(--mr-fg);background:var(--mr-bg);border:1px solid var(--mr-border);padding:10px 12px;border-radius:var(--radius-sm,4px);cursor:pointer;min-height:42px}.mr-results :focus-visible{outline:2px solid var(--mr-accent);outline-offset:3px}.mr-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mr-heading h2{font-size:28px;margin:0}.mr-heading label,.mr-heading>span{font-size:12px;color:var(--mr-muted)}.mr-scope{font-size:12px;color:var(--mr-muted);line-height:1.6;margin:14px 0 22px}.mr-panel{border:1px solid var(--mr-border);border-radius:var(--radius,8px);overflow:hidden;background:var(--mr-bg)}.mr-lead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 14px}.mr-lead>div{display:grid;gap:10px;min-width:0}.mr-lead>div>span{font-size:13px;color:var(--mr-muted)}.mr-lead strong{font-size:36px;line-height:1.15}.mr-kpi{font-variant-numeric:tabular-nums}.mr-kpi small{font-size:12px;font-weight:400;color:var(--mr-muted)}.mr-tag{font-size:11px;border:1px solid var(--mr-border);padding:5px 8px;color:var(--amber,#ffb020);max-width:42%;line-height:1.4}.mr-quality{font-size:12px;line-height:1.6;margin:0 24px 22px;padding-left:10px;border-left:2px solid var(--amber,#ffb020);color:var(--mr-muted);max-width:750px}.mr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--mr-border)}.mr-metrics article{padding:18px 22px;display:grid;gap:10px;min-width:0}.mr-metrics article+article{border-left:1px solid var(--mr-border)}.mr-metrics article>span{font-size:12px;line-height:1.5;min-height:36px;color:var(--mr-muted)}.mr-metrics strong{font-size:22px;line-height:1.4}.mr-chart{padding:24px}.mr-chart h3{font-size:15px;margin:0 0 18px}.mr-chart svg{width:100%;height:auto;display:block;overflow:hidden}.mr-chart text{fill:var(--mr-muted);font:11px var(--font,monospace)}.mr-grid{stroke:var(--mr-border);vector-effect:non-scaling-stroke}.mr-zero{stroke:var(--mr-muted);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.mr-line{stroke:var(--mr-accent);stroke-width:2.5;fill:none;vector-effect:non-scaling-stroke}.mr-dot{stroke:var(--mr-accent);fill:var(--mr-bg);stroke-width:2}.mr-inspect{border-top:1px solid var(--mr-border);padding-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px}.mr-inspect label{display:grid;gap:10px;flex:1 1 150px;color:var(--mr-muted)}.mr-inspect input{width:100%;min-width:0;accent-color:var(--mr-accent);height:28px}.mr-inspect output{flex:1 1 220px;line-height:1.6;font-variant-numeric:tabular-nums}.mr-note{font-size:12px;line-height:1.6;color:var(--mr-muted);margin:16px 0 0}.mr-method{border-top:1px solid var(--mr-border);padding:16px 24px;font-size:12px;line-height:1.7}.mr-results summary{cursor:pointer;padding:5px 0}.mr-method p{color:var(--mr-muted);max-width:800px}.mr-extra{margin-top:16px;font-size:12px;line-height:1.5}.mr-extra>div{padding:12px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--mr-border)}.mr-extra small{display:block;color:var(--mr-muted);margin-top:4px}.mr-extra strong{flex-shrink:0}.mr-results footer{display:flex;justify-content:flex-end;margin-top:18px}.mr-empty{min-height:240px;display:grid;align-content:center;justify-items:center;text-align:center;gap:12px;padding:24px;background:var(--mr-bg)}.mr-empty strong{font-size:18px}.mr-empty p{font-size:13px;line-height:1.6;color:var(--mr-muted);max-width:550px;margin:0}[data-theme=bloomed] .mr-tag{background:var(--lime,#d5e878);color:var(--fg,#222);border:0}[data-theme=bloomed] .mr-lead strong{font-weight:850}[data-theme=bloomed] .mr-panel{border-color:var(--fg,#222)}
@media(max-width:600px){.mr-heading h2{font-size:25px}.mr-heading label{font-size:11px}.mr-scope{font-size:11px}.mr-lead{padding:20px 16px 14px}.mr-lead strong{font-size:29px}.mr-tag{font-size:10px}.mr-quality{margin:0 16px 18px;font-size:11px}.mr-metrics{grid-template-columns:1fr 1fr}.mr-metrics article{padding:14px 16px}.mr-metrics article:nth-child(3){border-left:0}.mr-metrics article:nth-child(n+3){border-top:1px solid var(--mr-border)}.mr-metrics article>span{font-size:11px;min-height:32px}.mr-metrics strong{font-size:20px}.mr-chart{padding:18px 8px}.mr-chart h3,.mr-inspect,.mr-note{margin-left:8px;margin-right:8px}.mr-inspect{align-items:stretch}.mr-inspect label,.mr-inspect output{flex-basis:100%}.mr-method{padding:14px 16px}.mr-extra>div{flex-wrap:wrap}.mr-results footer{justify-content:flex-start}}

/* Section 11 (owner 4 Nov 2026, P7.5): from 900 px the summary, quality and metrics sit left, the curve right with its own width, the method and the extra closes span both columns; the four KPI go 2x2. Below 900 px the order stays top-down. */
@media(min-width:900px){.mr-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.mr-lead,.mr-quality,.mr-metrics{grid-column:1}.mr-chart{grid-column:2;grid-row:1 / span 3;border-left:1px solid var(--mr-border);border-top:0;min-width:0}.mr-method{grid-column:1 / -1}.mr-extra{width:100%}.mr-metrics{grid-template-columns:1fr 1fr}.mr-metrics article:nth-child(3){border-left:0}.mr-metrics article:nth-child(n+3){border-top:1px solid var(--mr-border)}}