.woe-board { --board-accent: var(--accent, #6658ff); }
.woe-board .woe-intro { padding: 24px; margin-bottom: 18px; border: 1px solid rgba(120,120,150,.2); border-radius: 14px; background: var(--bg-card, rgba(255,255,255,.94)); }
.woe-board .woe-eyebrow { color: var(--board-accent); font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.woe-board .woe-intro h2 { margin: 8px 0; font-size: 28px; }
.woe-board .woe-intro p { margin: 0; color: var(--text-muted, #64748b); line-height: 1.6; }
.woe-board .woe-categories { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px; }
.woe-board .woe-category { border: 1px solid rgba(120,120,150,.25); padding: 9px 16px; border-radius: 24px; text-decoration: none; color: inherit; font-weight: 600; }
.woe-board .woe-category[aria-current="page"] { background: var(--board-accent); color: white; border-color: var(--board-accent); }
.woe-board .woe-category:hover { border-color: var(--board-accent); }
.woe-board .woe-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; }
.woe-board .woe-search { flex: 1; min-width: 220px; padding: 12px 16px; border: 1px solid rgba(120,120,150,.3); border-radius: 10px; background: var(--bg-card, white); color: inherit; font: inherit; }
.woe-board .woe-count { color: var(--text-muted, #64748b); font-size: 12px; }
.woe-board .info-box { overflow-x: auto; }
.woe-board table { min-width: 620px; width: 100%; }
.woe-board .rank-podium { margin: 24px 0; }
.woe-board .rank-podium-card { border-radius: 14px; }
.woe-board .woe-no-matches { text-align: center; padding: 24px; color: var(--text-muted, #64748b); }
@media (max-width: 600px) {
 .woe-board .woe-intro { padding: 18px; }
 .woe-board .woe-intro h2 { font-size: 23px; }
 .woe-board .rank-podium { display: flex; flex-direction: column; gap: 12px; }
 .woe-board .rank-podium-card { width: 100%; box-sizing: border-box; order: initial !important; }
}