/* Adapted from BetterBench html_report.py, revision f72bb9011a830fd98e82ab89d01e549efa76e9c5.
 * Copyright 2026 BetterBench contributors. Apache-2.0.
 * License: /vendor/betterbench-LICENSE.txt
 * Modified by AMD-Pro-Bench: module exports, scoped DOM and escaped tooltips.
 */
.bb-report{
    color-scheme: light;
    --page:#f9f9f7; --surface:#fcfcfb;
    --ink:#0b0b0b; --ink-2:#52514e; --muted:#898781;
    --grid:#e1e0d9; --axis:#c3c2b7; --border:rgba(11,11,11,0.10);
    --s1:#2a78d6; --s2:#eb6834;
    --s1-mid:#86b6ef; --s1-soft:rgba(42,120,214,0.13);
    --tip-bg:#ffffff;
    --sans:system-ui,-apple-system,"Segoe UI",sans-serif;
    --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  }
html[data-theme="dark"] .bb-report{
    color-scheme: dark;
    --page:#0d0d0d; --surface:#1a1a19;
    --ink:#ffffff; --ink-2:#c3c2b7; --muted:#898781;
    --grid:#2c2c2a; --axis:#383835; --border:rgba(255,255,255,0.10);
    --s1:#3987e5; --s2:#d95926;
    --s1-mid:#256abf; --s1-soft:rgba(57,135,229,0.16);
    --tip-bg:#232322;
  }
.bb-report *{ box-sizing:border-box; }
.bb-report{ background:var(--page); color:var(--ink); font-family:var(--sans);
         line-height:1.55; margin:0; padding:32px 20px 72px; }
.bb-report .wrap{ max-width:1080px; margin:0 auto; display:flex; flex-direction:column; gap:26px; }
.bb-report header{ display:flex; flex-direction:column; gap:13px; }
.bb-report .eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:.13em;
             text-transform:uppercase; color:var(--muted); }
.bb-report h1{ font-size:clamp(26px,4vw,36px); line-height:1.12; margin:0;
       letter-spacing:-.02em; text-wrap:balance; }
.bb-report .runbar{ display:flex; flex-wrap:wrap; gap:8px; }
.bb-report .chip{ font-family:var(--mono); font-size:12px; color:var(--ink-2);
          border:1px solid var(--border); border-radius:6px; padding:4px 9px;
          background:var(--surface); display:inline-flex; align-items:center; gap:7px; }
.bb-report .chip code{ font-family:var(--mono); font-size:12px; }
.bb-report .swatch{ width:9px; height:9px; border-radius:2px; flex:none; }
.bb-report .thin{ color:var(--muted); cursor:help; font-weight:400; padding-left:1px; }
.bb-report .tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:13px; }
.bb-report .tile{ background:var(--surface); border:1px solid var(--border); border-radius:10px;
          padding:15px 16px; display:flex; flex-direction:column; gap:4px; }
.bb-report .tile .label{ font-family:var(--mono); font-size:10.5px; letter-spacing:.1em;
                 text-transform:uppercase; color:var(--muted); }
.bb-report .tile .val{ font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1.15; }
.bb-report .tile .val small{ font-size:14px; font-weight:400; color:var(--ink-2); letter-spacing:0; }
.bb-report .tile .sub{ font-family:var(--mono); font-size:11.5px; color:var(--muted); }
.bb-report figure{ margin:0; background:var(--surface); border:1px solid var(--border);
           border-radius:10px; padding:18px 18px 14px;
           display:flex; flex-direction:column; gap:2px; }
.bb-report figcaption{ display:flex; flex-direction:column; gap:3px; margin-bottom:8px; }
.bb-report figcaption .t{ font-size:15.5px; font-weight:600; letter-spacing:-.01em; }
.bb-report figcaption .d{ font-size:13px; color:var(--ink-2); max-width:76ch; }
.bb-report .legend{ display:flex; gap:16px; flex-wrap:wrap; margin:2px 0 10px; }
.bb-report .legend span{ font-family:var(--mono); font-size:12px; color:var(--ink-2);
                 display:inline-flex; align-items:center; gap:6px; }
.bb-report .chartbox{ position:relative; width:100%; }
.bb-report .chartbox svg{ display:block; width:100%; height:auto; overflow:visible; }
.bb-report .note{ font-size:12.5px; color:var(--muted); margin:9px 0 0; }
.bb-report text{ font-family:var(--mono); }
.bb-report .tick{ font-size:10.5px; fill:var(--muted); }
.bb-report .axtitle{ font-size:10.5px; fill:var(--muted); letter-spacing:.08em; }
.bb-report .dlabel{ font-size:11px; font-weight:600; }
.bb-report .gridline{ stroke:var(--grid); stroke-width:1; }
.bb-report .baseline{ stroke:var(--axis); stroke-width:1; }
.bb-report .refline{ stroke:var(--muted); stroke-width:1; stroke-dasharray:4 4; }
.bb-report .cross{ stroke:var(--axis); stroke-width:1; stroke-dasharray:3 3; }
.bb-report .tip{ position:absolute; pointer-events:none; opacity:0; transition:opacity .1s ease;
         z-index:5; background:var(--tip-bg); border:1px solid var(--border);
         border-radius:7px; padding:8px 10px; box-shadow:0 3px 14px rgba(0,0,0,.13);
         font-family:var(--mono); font-size:11.5px; color:var(--ink);
         white-space:nowrap; min-width:132px; }
.bb-report .tip .th{ color:var(--muted); font-size:10px; letter-spacing:.08em;
             text-transform:uppercase; margin-bottom:5px; }
.bb-report .tip .row{ display:flex; align-items:center; gap:10px; justify-content:space-between; }
.bb-report .tip .nm{ display:inline-flex; align-items:center; gap:6px; color:var(--ink-2); }
.bb-report .tip b{ font-weight:600; }
.bb-report details{ background:var(--surface); border:1px solid var(--border);
            border-radius:10px; padding:0 18px; }
.bb-report summary{ cursor:pointer; padding:15px 0; font-size:14.5px; font-weight:600;
            list-style:none; display:flex; align-items:center; gap:9px; }
.bb-report summary::-webkit-details-marker{ display:none; }
.bb-report summary::before{ content:"\25B8"; color:var(--muted); font-family:var(--mono); }
.bb-report details[open] summary::before{ content:"\25BE"; }
.bb-report summary:focus-visible{ outline:2px solid var(--s1); outline-offset:3px; border-radius:4px; }
.bb-report .tscroll{ overflow-x:auto; padding-bottom:14px; }
.bb-report table{ border-collapse:collapse; width:100%; font-size:12.5px; font-family:var(--mono);
          font-variant-numeric:tabular-nums; margin-bottom:10px; }
.bb-report caption{ text-align:left; font-family:var(--sans); font-size:13px; color:var(--ink-2);
            padding:10px 0 8px; }
.bb-report th,.bb-report td{ padding:6px 11px 6px 0; text-align:right; white-space:nowrap; }
.bb-report th:first-child,.bb-report td:first-child{ text-align:left; }
.bb-report thead th{ color:var(--muted); font-weight:500; font-size:10.5px; letter-spacing:.07em;
             text-transform:uppercase; border-bottom:1px solid var(--axis); }
.bb-report tbody tr + tr td{ border-top:1px solid var(--grid); }
.bb-report tbody td:first-child{ color:var(--ink-2); }
.bb-report footer{ font-size:12.5px; color:var(--muted); border-top:1px solid var(--border);
           padding-top:16px; }
.bb-report footer code{ font-family:var(--mono); font-size:12px; color:var(--ink-2); }
.bb-report noscript p{ font-size:13px; color:var(--ink-2); }
@media (prefers-reduced-motion: reduce){.bb-report *{ transition:none !important; }
 }