.wh-page{max-width:980px}
.wh-side{display:inline-block;padding:1px 7px;border-radius:5px;font-size:12px;font-weight:700}
/* Sides match the broadcaster cards: long green, short red (price moves keep the up/down colors). */
.wh-side[data-side=long]{background:rgba(32,201,151,.15);color:#20c997}
.wh-side[data-side=short]{background:rgba(255,94,113,.15);color:#ff5e71}
html[data-theme=light] .wh-side[data-side=long]{color:#087f5b}html[data-theme=light] .wh-side[data-side=short]{color:#c92a3d}
.wh-ratio .wh-long{color:#20c997}.wh-ratio .wh-short{color:#ff5e71}
.wh-ratio p{display:flex;justify-content:space-between;margin:8px 0 0;font-weight:700;font-size:14px}
.wh-bar{height:12px;border-radius:999px;background:#ff5e71;overflow:hidden}
.wh-bar i{display:block;height:100%;background:#20c997}
.wh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.wh-card{display:grid;gap:10px;padding:14px;color:inherit;text-decoration:none}
.wh-card:hover{border-color:var(--line-strong,var(--line));background:var(--hover-surface)}
.wh-head{display:flex;align-items:baseline;gap:8px;min-width:0}
.wh-head b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-head small{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.wh-tag{flex:none;padding:1px 7px;border-radius:999px;background:var(--accent-soft,var(--surface-2));color:var(--accent-ink);font-size:11px;font-weight:700}
.wh-sum{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted)}
.wh-sum b{margin-left:4px;color:var(--text);font-size:15px}
.wh-sum-big{margin:0 0 6px}.wh-sum-big b{font-size:18px}
.wh-sum .up,.wh-table .up{color:var(--up)}.wh-sum .down,.wh-table .down{color:var(--down)}
.wh-pos{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px}
.wh-pos small{color:var(--muted)}
.wh-table td,.wh-table th{text-align:left;white-space:nowrap}
.wh-table small{color:var(--muted)}
.wh-liq{color:#f59e0b}
.wh-empty{padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.wh-events{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.wh-events li{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.wh-events time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.wh-events a{color:inherit}
.wh-page code{font-size:12px;word-break:break-all}