:root{
    --paper:#f4f1ea; --paper-2:#ece7dc; --ink:#1b1916; --ink-soft:#4b463e;
    --ink-faint:#857d6e; --line:#dcd6c8; --line-strong:#c2baa8;
    --accent:#bb4a18; --accent-deep:#933810; --panel:#fbfaf6;
    /* status — validated on paper, distinct from the rust chrome accent */
    --pass:#1c7a48; --doc:#a5741c; --bad:#a02c1c; --oos:#8c8577;
    --pass-soft:#e4efe6; --doc-soft:#f2e9d5;
    --b1:8px; --b2:16px; --b3:24px; --b4:32px; --b5:48px; --b6:64px; --b7:96px;
    --mono: ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;
    --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
    --serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;background:var(--paper);color:var(--ink);
    font-family:var(--sans);font-size:17px;line-height:1.55;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:inherit}
  ::selection{background:var(--accent);color:#fff}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
  .wrap{max-width:1140px;margin:0 auto;padding:0 28px}
  .tnum{font-variant-numeric:tabular-nums}

  /* top bar — identical idiom to the landing page */
  header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);
    backdrop-filter:saturate(1.05) blur(8px);border-bottom:1px solid var(--line)}
  .top .wrap{display:flex;align-items:center;gap:22px;height:60px}
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600}
  .brand .name{font-size:17px;letter-spacing:-.01em;font-feature-settings:"ss01"}
  .brand .name .mini{color:var(--ink-faint);font-weight:500}
  .brand .name .core{color:var(--ink)}
  .mark{width:26px;height:26px;display:block;flex:none}
  .nav{margin-left:auto;display:flex;align-items:center;gap:28px}
  .nav a:not(.btn){text-decoration:none;color:var(--ink-soft);font-size:14px;font-weight:500;
    letter-spacing:.01em;font-family:var(--mono);padding-bottom:2px;border-bottom:1px solid transparent}
  .nav a:not(.btn):hover{color:var(--accent);border-bottom-color:var(--accent)}
  .nav a.here{color:var(--accent);border-bottom-color:var(--accent)}
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);
    font-weight:600;font-size:14.5px;text-decoration:none;border-radius:6px;
    padding:9px 16px;border:1px solid transparent;cursor:pointer;line-height:1}
  .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
  .btn-primary svg{transition:transform .18s ease}
  .btn-primary:hover svg{transform:translateX(2px)}

  /* hero */
  .hero{padding:var(--b6) 0 var(--b5);border-bottom:1px solid var(--line)}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);
    font-size:12px;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:var(--b3)}
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
  .eyebrow b{color:var(--ink-soft);font-weight:600}
  h1.display{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;
    font-size:clamp(38px,5vw,60px);line-height:1.04;margin:0 0 var(--b3);max-width:16ch}
  h1.display em{font-style:italic;color:var(--accent)}
  .lede{font-size:18.5px;line-height:1.52;color:var(--ink-soft);max-width:40em;margin:0 0 var(--b2)}
  .lede strong{color:var(--ink);font-weight:600}
  .lede a{color:var(--accent-deep);text-decoration:none;border-bottom:1px solid var(--line-strong)}
  .lede a:hover{border-bottom-color:var(--accent)}
  .lede code{font-family:var(--mono);font-size:.84em;color:var(--ink);background:var(--paper-2);
    padding:1px 6px;border-radius:4px;border:1px solid var(--line)}

  /* headline: big supported number + overall bar */
  .headline{margin-top:var(--b5);display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);
    gap:var(--b5);align-items:center}
  .bignum{font-family:var(--serif);font-weight:600;letter-spacing:-.03em;line-height:.9;
    font-size:clamp(64px,10vw,104px);color:var(--pass)}
  .bignum small{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;
    color:var(--ink-faint);font-weight:500;margin-top:14px;line-height:1.5}
  .bignum small b{color:var(--ink-soft);font-weight:600}
  .barwrap .bar{display:flex;height:20px;border-radius:6px;overflow:hidden;
    background:var(--paper-2);gap:2px;border:1px solid var(--line)}
  .bar>span{display:block;height:100%}
  .seg.pass{background:var(--pass)}.seg.doc{background:var(--doc)}
  .seg.bad{background:var(--bad)}.seg.oos{background:var(--oos)}
  .legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px;font-size:13.5px;color:var(--ink-soft)}
  .legend span{display:inline-flex;align-items:center;gap:8px}
  .legend b{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12.5px;color:var(--ink)}
  .swatch{width:11px;height:11px;border-radius:3px;flex:none}
  .swatch.pass{background:var(--pass)}.swatch.doc{background:var(--doc)}
  .swatch.bad{background:var(--bad)}.swatch.oos{background:var(--oos)}

  /* stat strip */
  .stats{margin-top:var(--b5);display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--panel)}
  .stat{padding:var(--b3) 20px;border-right:1px solid var(--line)}
  .stat:last-child{border-right:0}
  .stat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
    color:var(--ink-faint);margin-bottom:9px;display:flex;align-items:center;gap:7px}
  .stat .k i{width:8px;height:8px;border-radius:2px;flex:none}
  .stat .v{font-weight:600;font-size:24px;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
  .stat .d{font-size:12.5px;color:var(--ink-faint);margin-top:3px;font-variant-numeric:tabular-nums}

  /* section frame — landing idiom, kicker instead of a false sequence number */
  section{padding:var(--b6) 0}
  .sec-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;margin-bottom:var(--b4)}
  .sec-kicker{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:600;
    letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
  .sec-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(25px,3vw,34px);
    letter-spacing:-.015em;line-height:1.08;margin:0}
  .sec-head .sub{grid-column:2;color:var(--ink-soft);font-size:16px;max-width:60ch;margin-top:8px}
  .sec-head .sub a{color:var(--accent-deep);text-decoration:none;border-bottom:1px solid var(--line-strong)}
  .sec-head .sub a:hover{border-bottom-color:var(--accent)}

  /* controls */
  .controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:var(--b2)}
  .controls input,.controls select{font-family:var(--mono);font-size:13px;
    background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);
    padding:9px 12px;border-radius:6px}
  .controls input{flex:1;min-width:200px}
  .controls input:focus-visible,.controls select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
  .count-note{color:var(--ink-faint);font-family:var(--mono);font-size:12px}

  /* feature area rows */
  .grid{border-top:1px solid var(--line-strong)}
  .frow{display:grid;grid-template-columns:206px 1fr 120px 52px;align-items:center;gap:20px;
    padding:12px 4px;border-bottom:1px solid var(--line)}
  .frow:hover{background:color-mix(in srgb,var(--paper-2) 55%,transparent)}
  .fname{font-family:var(--mono);font-size:13px;color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fname .n{color:var(--ink-faint);font-size:11px;margin-left:7px}
  .fbar{display:flex;height:12px;border-radius:4px;overflow:hidden;background:var(--paper-2);gap:2px;
    border:1px solid var(--line)}
  .fbar>span{height:100%}
  .counts{font-family:var(--mono);font-size:12px;color:var(--ink-soft);
    display:flex;gap:11px;justify-content:flex-end}
  .counts b{font-weight:600}
  .counts .c-pass{color:var(--pass)}.counts .c-doc{color:var(--doc)}.counts .c-bad{color:var(--bad)}
  .ppct{font-family:var(--mono);font-size:13px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}

  /* declined reasons */
  .source-note{font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);
    background:var(--paper-2);border:1px solid var(--line);border-radius:7px;
    padding:12px 15px;margin-bottom:var(--b3);line-height:1.7}
  .source-note a{color:var(--accent-deep);text-decoration:none;border-bottom:1px solid var(--line-strong)}
  .source-note a:hover{border-bottom-color:var(--accent)}
  .rrow{display:grid;grid-template-columns:1fr 280px 52px;align-items:center;gap:18px;
    padding:9px 2px;border-bottom:1px solid var(--line)}
  .rlabel{font-size:14.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rtrack{height:9px;background:var(--paper-2);border-radius:4px;overflow:hidden;border:1px solid var(--line)}
  .rfill{height:100%;background:var(--doc);border-radius:4px}
  .rcount{font-family:var(--mono);font-size:13px;color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}

  /* footer — landing idiom, sans the generator line */
  footer{padding:var(--b5) 0 var(--b6);border-top:1px solid var(--line);margin-top:var(--b5)}
  footer .wrap{display:flex;flex-wrap:wrap;gap:var(--b3);align-items:flex-start;justify-content:space-between}
  footer .brand .name{font-size:15px}
  footer .foot-left{display:flex;flex-direction:column;gap:13px}
  footer .credit{font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);letter-spacing:.01em}
  footer .credit a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}
  footer .credit a:hover{border-bottom-color:var(--accent)}
  footer .meta{font-family:var(--mono);font-size:12px;color:var(--ink-faint);line-height:1.8;text-align:right}
  footer .meta b{color:var(--ink-soft);font-weight:600}
  footer .meta a{color:var(--accent);text-decoration:none}

  /* tooltip */
  #tip{position:fixed;pointer-events:none;z-index:30;background:var(--ink);color:var(--paper);
    font-family:var(--mono);font-size:11.5px;padding:6px 9px;border-radius:6px;opacity:0;
    transform:translateY(3px);transition:opacity .1s;white-space:nowrap;box-shadow:0 6px 18px rgba(40,28,12,.35)}

  @media (max-width:920px){
    .headline{grid-template-columns:1fr;gap:var(--b3)}
    .stats{grid-template-columns:1fr 1fr}
    .stat:nth-child(2){border-right:0}
    .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
    .nav a:not(.btn){display:none}
    footer .meta{text-align:left}
  }
  @media (max-width:620px){
    .frow{grid-template-columns:120px 1fr 46px;gap:12px}
    .counts{display:none}
    .rrow{grid-template-columns:1fr 96px 44px;gap:12px}
    section{padding:var(--b5) 0}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}