/* Alternating data rows; headers and semantic text colors stay intact. */
body table > tbody > tr:nth-child(odd){--data-row-bg:#ffffff}
body table > tbody > tr:nth-child(even){--data-row-bg:#eaf1f8}
body table > tbody > tr:hover{--data-row-bg:#dfeaf6}
body table > tbody > tr:is(.selected,[aria-selected="true"]){--data-row-bg:#d8e6ff}
body table > tbody > tr > :is(td,th){background-color:var(--data-row-bg)!important}
body table > tbody > tr.selected > :first-child{box-shadow:inset 3px 0 #2457da}

/* Above the selected comparison line: restrained green tint, text label retained. */
body table > tbody > tr.same-position-above{--data-row-bg:#edf6ef}
body table > tbody > tr.same-position-above:hover{--data-row-bg:#e1efe5}
body table > tbody > tr.same-position-above > :first-child{box-shadow:inset 3px 0 #8ab49a}


/* Keep the exact-market rating visible when the mobile table drops columns. */
.mobile-market-rating{display:none}.prop-rating-cell{display:table-cell}
@media(max-width:650px){.prop-rating-cell{display:none}.mobile-market-rating{display:block;margin-top:6px}.mobile-market-rating .pill{white-space:normal}}

/* The opportunity grid is a data table visually, though rendered as div rows. */
.opportunity-comparison .opportunity-row:nth-child(even){background:#fff}
.opportunity-comparison .opportunity-row:nth-child(odd){background:#eaf1f8}
@media(max-width:650px){
 #inspector .rated-heading{flex-wrap:wrap;gap:8px}
 #inspector .rated-heading .pill{white-space:normal;max-width:100%}
}


/* Prop board: evidence in place of empty movement cells. */
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;background:#eef5f7;border:1px solid #c7dadd;border-radius:12px;margin:14px 0}
.board-toolbar p{font-size:12px;line-height:1.5;color:#304b5b;margin:0;max-width:420px}
.board-scope{display:flex;gap:6px;flex-wrap:wrap}
.board-scope button{border:1px solid #a9bfc7;border-radius:8px;padding:10px 13px;background:#fff;color:#17394a;font-weight:700;cursor:pointer}
.board-scope button[aria-pressed="true"]{background:#0c5260;border-color:#0c5260;color:#fff}
.board-scope button span{margin-left:6px;font-variant-numeric:tabular-nums}
.board-scope button:focus-visible{outline:3px solid #7843be;outline-offset:3px}
.board-unrated{font-size:12px;color:#4a5969;font-weight:500}
.board-latest{display:block;color:#16354a}.board-latest strong{font-size:17px}.board-latest small{margin-left:6px;color:#40576b}
.prop-board-table .board-production{min-width:140px;text-align:left}
.prop-board-table td:first-child{white-space:normal}.prop-board-table .subline{line-height:1.5}
@media(max-width:650px){
 .board-toolbar{padding:12px;gap:10px}.board-scope{width:100%}.board-scope button{flex:1;padding:9px}
 .prop-board-table{min-width:0;width:100%;table-layout:fixed}
 .prop-board-table th:first-child,.prop-board-table td:first-child{width:45%}
 .prop-board-table th:nth-child(2),.prop-board-table td:nth-child(2){width:14%}
 .prop-board-table th.board-production,.prop-board-table td.board-production{display:table-cell!important;width:30%;min-width:0;white-space:normal;padding:8px 5px}
 .prop-board-table th:last-child,.prop-board-table td:last-child{width:11%;padding:6px 2px}
 .prop-board-table .player-link{white-space:normal;text-align:left}.prop-board-table .subline{font-size:11px}
 .board-latest small{display:block;margin-left:0}.board-latest strong{font-size:15px}
}

@media(max-width:650px){.prop-board-table th.board-production,.prop-board-table td.board-production{width:41%}.prop-board-table th.prop-rating-cell,.prop-board-table td.prop-rating-cell{display:none}}