.cdi-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.cdi-stats div{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:2px}
.cdi-stats b{font:800 34px/1 var(--display)}.cdi-stats span{font:500 12px/1.3 var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.cdi-pick{display:flex;flex-direction:column;gap:4px;max-width:280px;font-size:.9rem}
.cdi-pick select,.cdi-pick input{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.cdi-out,.cdi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cdi-shape,.cdi-card{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative}
.cdi-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.cdi-rank{position:absolute;top:8px;right:10px;font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.cdi-best .cdi-rank{color:var(--accent)}
.cdi-dia svg{width:104px;height:auto;display:block}.cdi-dia svg .ln{stroke:var(--ink-2)}.cdi-dia svg .nm{font:500 9px var(--mono);fill:var(--ink-3)}.cdi-dia svg .ox{fill:none;stroke:var(--ink-2);stroke-width:1.3}.cdi-dia svg .bf{font:600 10px var(--mono);fill:var(--ink-2)}
.cdi-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.cdi-meta>b{font:800 22px/1.1 var(--display)}
.cdi-score{font:800 30px/1 var(--display);color:var(--accent)}
.cdi-band{font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.cdi-frets{font:500 13px/1.3 var(--mono)}
.cdi-label,.cdi-why{font-size:13px;color:var(--ink-2);line-height:1.4}
.cdi-bars{display:flex;flex-direction:column;gap:6px;max-width:720px}
.cdi-bar{display:grid;grid-template-columns:64px 1fr 36px;gap:10px;align-items:center}
.cdi-bn{font:700 16px/1 var(--display)}.cdi-bv{font:600 14px/1 var(--mono);text-align:right}
.cdi-bt{height:12px;border-radius:6px;background:var(--surface-2);overflow:hidden}.cdi-bt i{display:block;height:100%;background:var(--accent);border-radius:6px}
.cdi-tbl{max-height:560px;overflow:auto}.cdi-tbl thead th{position:sticky;top:0}
.cdi-tbl th[aria-sort=ascending]::after{content:" ▲"}.cdi-tbl th[aria-sort=descending]::after{content:" ▼"}
.cdi-method p{max-width:860px}
.cdi-method .m,.cdi-tbl .m{font-family:var(--mono)}