.view-market-board .mc-tabs { gap:28px; margin:0 0 18px; border-bottom:1px solid var(--mb-border,#e9e4ef); }
.view-market-board .mc-tabs .mb-subtab { padding:10px 0 12px; border:0; background:none; flex:none; }
.view-market-board .mc-tabs .mb-active { color:var(--mb-brand); }
.view-market-board .mc-tabs .mb-active::after { background:var(--mb-brand); bottom:0; }
.view-market-board [hidden] { display:none!important; }
.mc-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:20px 0 12px; }
.mc-filters { display:flex; flex-wrap:wrap; gap:8px; }
.mc-filters button, .mc-empty button { padding:6px 12px; border:1px solid #e7e1ee; border-radius:8px; background:#fff; color:var(--type-muted); }
.mc-filters [aria-pressed="true"] { background:#eee7f7; color:#7951ad; border-color:#d6c5eb; }
.mc-count, .mc-note, .mc-sort-label { font-size:var(--type-caption-size); line-height:var(--type-caption-line); color:var(--type-muted); }
.mc-count { margin-bottom:12px; }
.mc-sort-label { display:flex; align-items:center; gap:8px; }
.mc-sort-label select { padding:6px 8px; border:1px solid #e7e1ee; border-radius:8px; background:#fff; color:var(--type-text); }
.mc-table-scroll { overflow:auto; border:1px solid #e9e4ef; border-radius:12px; background:#fff; }
.mc-table { width:100%; border-collapse:collapse; white-space:nowrap; font-variant-numeric:tabular-nums; }
.mc-table th, .mc-table td { padding:14px 12px; border-bottom:1px solid #f0ecf4; text-align:right; font-weight:400; }
.mc-table th:first-child { text-align:left; min-width:170px; }
.mc-table thead th { background:#f5f2f9; color:var(--type-muted); }
.mc-table button { background:none; border:0; color:inherit; padding:0; text-align:inherit; }
.mc-table thead button { font-size:var(--type-caption-size)!important; }
.mc-table tbody button { color:#6d4d97; font-weight:600; }
.mc-table small { display:block; color:var(--type-muted); margin-top:3px; font-size:var(--type-caption-size); line-height:var(--type-caption-line); }
.mc-table tr:last-child :is(th,td) { border-bottom:0; }
.mc-table tbody tr:hover { background:#fcfaff; }
.mc-asset-row { cursor:pointer; }
.mc-symbol { color:#6d4d97; font-weight:600; }
.mc-asset-row:focus-visible { outline:2px solid #9d7bce; outline-offset:-2px; background:#f8f3fd; }
.mc-table .mc-view-detail { border:1px solid #e0d5ec; border-radius:6px; padding:5px 9px; font-weight:500; white-space:nowrap; }
.mc-table .mc-view-detail:hover { background:#f0e8f9; border-color:#b89dd0; }
.mc-empty { padding:48px 20px; text-align:center; color:var(--type-muted); }
.mc-empty button { display:block; margin:16px auto 0; }
.mc-predictions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.mc-prediction { display:flex; flex-direction:column; gap:14px; min-width:0; padding:20px; text-align:left; border:1px solid #e9e4ef; border-radius:12px; background:white; color:var(--type-text); }
.mc-prediction:hover { border-color:#b39acb; background:#fdfbff; }
.mc-prediction strong { font-size:var(--type-body-size); line-height:var(--type-body-line); font-weight:500; min-height:44px; }
.mc-venue { align-self:flex-start; background:#f1eaf8; color:#7951ad; border-radius:6px; padding:3px 8px; font-size:var(--type-caption-size); line-height:var(--type-caption-line); }
.mc-probability { display:flex; justify-content:space-between; gap:10px; align-items:baseline; flex-wrap:wrap; margin-top:auto; }
.mc-probability b { font-size:var(--type-page-size); line-height:var(--type-page-line); font-weight:600; }
.mc-probability small, .mc-probability > span { font-size:var(--type-caption-size); line-height:var(--type-caption-line); font-weight:400; }
.mc-probability-track { display:block; height:6px; border-radius:4px; background:#efe9f6; overflow:hidden; }
.mc-probability-track i { display:block; height:100%; background:#9874c2; }
.mc-prediction-meta { display:flex; gap:8px 16px; flex-wrap:wrap; justify-content:space-between; font-size:var(--type-caption-size); line-height:var(--type-caption-line); color:var(--type-muted); }
.mc-note { margin:16px 0; }
.mc-detail-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0; }
.mc-detail-values span { color:var(--type-muted); }
.mc-detail-values b { display:block; margin-top:6px; color:var(--type-text); font-weight:500; }
@container market-content (max-width:600px) { .mc-predictions { grid-template-columns:1fr; } .view-market-board .mc-tabs { gap:22px; } }