.metric-workbench{border:1px solid var(--line,#334957);border-radius:10px;padding:clamp(16px,3vw,28px);margin:2rem 0;background:var(--panel,#101b27);color:var(--ink,#edf3f6);font-size:1rem;line-height:1.6;scroll-margin-top:110px}
.metric-workbench *{box-sizing:border-box}.metric-workbench h3{font-size:1.6rem;margin:0 0 12px}.metric-workbench h4{font-size:1.1rem;margin:24px 0 10px;letter-spacing:0;line-height:1.4}.metric-workbench p,.metric-workbench label,.metric-workbench figcaption{color:var(--ink,#edf3f6)}.metric-workbench p{margin:8px 0 16px}.metric-workbench .metric-note{color:var(--muted,#b8c7d0);font-size:.875rem}.metric-badge{font:600 .74rem/1.5 var(--mono,monospace);letter-spacing:.09em;text-transform:uppercase;color:var(--accent,#8fe2d0)}
.metric-presets{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.metric-workbench button,.metric-workbench select{font:inherit;border:1px solid var(--line,#53697b);color:var(--ink,#edf3f6);background:var(--bg,#0b1420);border-radius:5px;min-height:44px;padding:8px 12px;cursor:pointer}.metric-workbench button:hover{border-color:var(--accent,#8fe2d0)}.metric-workbench :focus-visible{outline:3px solid var(--accent,#8fe2d0);outline-offset:3px}
.metric-workbench :disabled{opacity:.6;cursor:default}
.metric-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-workbench label{font-size:.9rem;margin:8px 0;display:block}.metric-workbench output{font-weight:700;font-variant-numeric:tabular-nums}.metric-workbench input[type=range]{display:block;width:100%;height:44px;padding:0;accent-color:var(--accent,#8fe2d0);border:0;background:transparent;cursor:pointer}.metric-options{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.metric-options label{display:flex;gap:10px;align-items:center}.metric-workbench input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent,#8fe2d0)}
.metric-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.metric-maps figure{margin:0;min-width:0}.metric-maps svg{display:block;width:100%;height:auto;aspect-ratio:1;background:#edf0f2;border:1px solid #526575;border-radius:3px}.metric-maps figcaption{font-size:.82rem;margin:8px 0}.metric-maps strong{display:block}.metric-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.83rem}.metric-legend span{display:inline-flex;align-items:center;gap:6px}.metric-swatch{display:inline-block;width:16px;height:16px;border:1px solid #65798b}.metric-swatch.bg{background:#e3e9ed}.metric-swatch.region{background:repeating-linear-gradient(135deg,#7daace 0 4px,#25445e 4px 5px)}.metric-swatch.rare{background:radial-gradient(#664412 20%,transparent 25%) 0 0/5px 5px,#f2bf65}.metric-swatch.error{background:#f6d3d5;color:#802835;font-weight:700;line-height:14px;text-align:center}
.metric-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.metric-scores>div{border-top:2px solid var(--accent,#8fe2d0);padding-top:9px}.metric-scores span{display:block;color:var(--muted,#b8c7d0);font-size:.8rem}.metric-scores strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.metric-workbench .metric-summary{border-left:3px solid var(--accent,#8fe2d0);padding:8px 12px;min-height:3.2em}
.metric-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.metric-workbench table{border-collapse:collapse;width:100%;font-size:.84rem;font-variant-numeric:tabular-nums;margin:10px 0}.metric-workbench caption{text-align:left;color:var(--muted,#b8c7d0);padding-bottom:10px}.metric-workbench th,.metric-workbench td{border-bottom:1px solid var(--line,#53697b);padding:10px 9px;text-align:right;white-space:nowrap;background:transparent;color:var(--ink,#edf3f6)}.metric-workbench th:first-child{text-align:left}.metric-workbench thead th{font-weight:600}.metric-workbench details{margin-top:22px;border-top:1px solid var(--line,#53697b);padding-top:14px}.metric-workbench summary{min-height:44px;cursor:pointer;font-weight:600}.metric-workbench a{color:var(--accent,#8fe2d0);text-decoration:underline;text-underline-offset:3px}.metric-workbench .metric-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.metric-workbench noscript p{padding:12px;border:1px solid var(--line,#53697b)}
@media(max-width:650px){.metric-controls{grid-template-columns:1fr;gap:0}.metric-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-maps figure:last-child{max-width:190px;grid-column:1/-1;justify-self:center;width:100%}.metric-workbench{padding:14px}.metric-options{gap:8px}.metric-presets button{flex:1 1 42%}.metric-workbench h3{font-size:1.35rem}.metric-table-scroll table{min-width:430px}}
@media(prefers-reduced-motion:reduce){.metric-workbench *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.metric-controls,.metric-presets,.metric-options,.metric-footer{display:none}.metric-workbench{break-inside:avoid;background:#fff;color:#172b3a;--ink:#172b3a;--muted:#3e5362;--line:#a1b2bb;--accent:#235265}.metric-workbench details{display:block}.metric-table-scroll{overflow:visible}.metric-maps{grid-template-columns:repeat(3,1fr)}}

.article-body .metric-workbench summary{color:var(--ink)}
.metric-workbench{scroll-margin-top:90px}