@font-face{font-family:'Space Grotesk';font-weight:300 700;font-display:swap;src:url('../sg.woff2') format('woff2')}
:root{--paper:#f6f7f5;--card:#fdfdfc;--ink:#14201d;--ink2:#5a6b66;--ink3:#68766f;--line:#dfe4e0;--accent:#0b6b5d;
--gA:#1e7a55;--gB:#4d8a68;--gC:#7c8a84;--gD:#b07a18;--gF:#c4452b;--tickv:#2a8a68;--tickx:#c4452b;--tickn:#d4dad6}
@media (prefers-color-scheme:dark){:root{--paper:#131817;--card:#1a201e;--ink:#e6ece9;--ink2:#9db0aa;--ink3:#8a9c96;
--line:#2a332f;--accent:#4db6a2;--gA:#3fa377;--gB:#5f9c7c;--gC:#84928c;--gD:#cf9636;--gF:#d96a52;
--tickv:#3fa377;--tickx:#d96a52;--tickn:#2e3835}}
*{box-sizing:border-box;margin:0}
html,body{overflow-x:clip}
body{background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;padding:0 20px 70px}
.wrap{max-width:720px;margin:0 auto}
.brand{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding:28px 0 10px;flex-wrap:wrap;gap:6px}
.brand a{font:700 14px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--ink);text-decoration:none}
.brand a span{color:var(--accent)}
.pill{font:600 10.5px ui-monospace,Menlo,monospace;color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:3px 9px}
.head{display:flex;gap:18px;align-items:center;margin:30px 0 6px}
.chip{font:700 30px/1 ui-monospace,Menlo,monospace;padding:16px 20px;border-radius:10px;flex:none}
.chip.A{background:var(--gA);color:#fff}.chip.B{color:var(--gB);border:2.5px solid var(--gB)}
.chip.C{color:var(--gC);border:2.5px solid var(--gC)}.chip.D{background:var(--gD);color:#fff}.chip.F{background:var(--gF);color:#fff}
h1{font:600 clamp(17px,3.4vw,24px)/1.25 ui-monospace,Menlo,monospace;word-break:break-all}
.score{font:700 34px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.01em}
.score small{font:500 15px ui-monospace,Menlo,monospace;color:var(--ink2)}
canvas.trace{display:block;width:100%;height:34px;margin:22px 0 6px}
.cap{font:11px ui-monospace,Menlo,monospace;color:var(--ink3);margin-bottom:22px}
.dims{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 20px;margin:8px 0 24px}
.dim .lbl{display:flex;justify-content:space-between;font:11px ui-monospace,Menlo,monospace;color:var(--ink2);margin-bottom:4px}
.dim .lbl b{color:var(--ink)}
.dim .bar{height:5px;background:var(--tickn);border-radius:3px;overflow:hidden}
.dim .bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
table{border-collapse:collapse;width:100%;font-size:13.5px;margin-bottom:18px}
td{padding:8px 0;border-bottom:1px solid var(--line)}
td:first-child{color:var(--ink2);font:600 10.5px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em;width:46%}
td:last-child{font-family:ui-monospace,Menlo,monospace;text-align:right}
.prodtbl{table-layout:fixed;font-size:12px}
.prodtbl td{vertical-align:top;overflow-wrap:anywhere;word-break:break-word;padding:8px 6px 8px 0}
.prodtbl td:first-child{width:48%;text-transform:none;font-weight:400;letter-spacing:0;color:var(--ink)}
.prodtbl td:nth-child(2),.prodtbl td:nth-child(3){width:26%;text-align:right;font-family:ui-monospace,Menlo,monospace}
.badges span{border:1px solid var(--line);border-radius:4px;padding:2px 7px;margin-right:6px;font:11.5px ui-monospace,Menlo,monospace;color:var(--ink2)}
.seller{border:1.5px dashed var(--line);border-radius:8px;padding:12px 14px;margin:4px 0 18px}
.seller .tag{font:600 10px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--gD);margin-bottom:5px}
.seller p{font-size:13.5px;color:var(--ink2);line-height:1.5}
.embed{margin:18px 0 0}
.embed .tag{font:600 10px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-bottom:7px}
.embed pre{font:11px/1.5 ui-monospace,Menlo,monospace;color:var(--ink2);background:var(--card);
  border:1px solid var(--line);border-radius:6px;padding:9px 11px;margin-top:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
.dispute{margin:20px 0 0;font-size:13.5px}
a{color:var(--accent)}
footer{margin-top:38px;border-top:1px solid var(--line);padding-top:12px;font:11.5px ui-monospace,Menlo,monospace;color:var(--ink2);
  display:flex;flex-wrap:wrap;gap:6px 12px}
@media print{*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}