/* Canonical compatibility and the owner-requested phone row composition. */
html:has(body[data-signal-desk]) {
  color-scheme: dark;
  --text: var(--ink); --panel: var(--surface); --panel-2: var(--hover);
  --border: var(--rule); --brand: var(--accent); --brand-2: var(--blue);
  --series-1: var(--accent); --series-2: var(--blue);
}
html[data-theme="editorial"]:has(body[data-signal-desk]) {
  color-scheme: light;
  --bg:#f4f1ea; --surface:#fbfaf7; --ink:#171a1d; --muted:#575e63;
  --accent:#a84028; --blue:#2e5266; --dot:#586b6e; --rule:#d8d2c8;
  --control:#77746d; --hover:#ebe5da; --focus:#8e3826; --on-accent:#fff;
}
html[data-theme="nocturne"]:has(body[data-signal-desk]) {
  --bg:#14120f; --surface:#1b1815; --ink:#ece5d8; --muted:#c0b6a9;
  --accent:#eea080; --blue:#9dc3cd; --dot:#9aabae; --rule:#423c33;
  --control:#8c8173; --hover:#29231b; --focus:#ffbd93; --on-accent:#211713;
}
body[data-signal-desk] main.signal-desk {max-width:1480px;width:100%;}
.signal-desk h1,.signal-desk h2,.signal-desk h3 {text-transform:none;}
.signal-desk h1 {font-family:Georgia,"Times New Roman",serif;font-weight:500;}
.signal-desk h2 {font-family:"Segoe UI",Arial,sans-serif;font-weight:600;}
.signal-desk .subject h2 {font-family:Georgia,"Times New Roman",serif;font-weight:500;}
.signal-desk .season-context {background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;margin:6px 0 10px;padding:8px 0;}
.signal-desk .season-context h2 {display:inline;font:600 12px/1.5 "Segoe UI",sans-serif;}
.signal-desk .season-context p {display:inline;font-size:12px;margin-left:10px;}
.signal-desk .desk-full-table,.signal-desk .desk-advanced {margin-top:24px;border-top:1px solid var(--rule);padding-top:8px;}
.signal-desk .phone-metric-label,.signal-desk .phone-sample,.signal-desk .phone-interval {display:none;}
.signal-desk .rank-identity {white-space:normal;}
.signal-desk .rank-identity a {overflow-wrap:anywhere;}
.signal-desk #h2h-section {margin-top:0;border:0;background:none;padding:0;}
.signal-desk .h2h-grid.desk-compare {display:block;}
.signal-desk .h2h-head {border:0;gap:16px;justify-content:flex-start;}
.signal-desk .h2h-head h2 {font-size:16px;margin-right:auto;}
.signal-desk .h2h-head label {width:160px;}
.signal-desk .h2h-context {font-size:12px;margin:6px 0;}
.signal-desk .pair-change {display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.signal-desk .pair-change button {text-align:left;}
.signal-desk .pair-change button:last-child {color:var(--blue);}
.signal-desk .desk-compare .pair-names {margin-top:14px;}
.signal-desk #desk-player {margin-bottom:30px;}
.signal-desk #desk-player .player-context {border:0;background:none;padding:0;}
.signal-desk .desk-picker {max-height:85vh;overflow:auto;}
.signal-desk .hero-number strong {font-family:"Segoe UI",Arial,sans-serif;}
.signal-desk .player-tools {align-items:end;}
.signal-desk .player-tools button {white-space:normal;}
.signal-desk .table-wrap {max-width:100%;}
.signal-desk .table-scroll table {min-width:0;}
.signal-desk .table-scroll {width:100%;}
.signal-desk .chart .selected-dot,.signal-desk .chart .field-dot {cursor:pointer;}
.signal-desk [hidden] {display:none!important;}
@media(max-width:700px) {
  body[data-signal-desk] main.signal-desk {padding:18px 16px 32px;}
  .signal-desk .season-context {padding:6px 0;}
  .signal-desk .season-context p {display:block;margin:3px 0 0;font-size:11px;}
  .signal-desk .leaderboard .table-scroll {max-height:none;overflow:visible;}
  .signal-desk .leaderboard table,.signal-desk .leaderboard tbody {display:block;}
  .signal-desk .leaderboard thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  .signal-desk .leaderboard tbody tr {display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:0;padding:12px 10px;border-bottom:1px solid var(--rule);}
  .signal-desk .leaderboard tr>* {border:0;padding:0;text-align:left;min-width:0;}
  .signal-desk .leaderboard .rank-identity {grid-column:1;grid-row:1;}
  .signal-desk .leaderboard .rank {grid-column:2;grid-row:1;text-align:right;padding-top:6px;font-size:13px;}
  .signal-desk .leaderboard .rank::before {content:'#';}
  .signal-desk .leaderboard .table-value {grid-column:1;grid-row:2;font-size:19px;margin:8px 0 2px;}
  .signal-desk .phone-metric-label {display:inline;font-size:12px;font-weight:500;color:var(--muted);}
  .signal-desk .leaderboard .rank-locate {grid-column:2;grid-row:2/4;align-self:center;}
  .signal-desk .leaderboard .phone-sample {display:block;grid-column:1;grid-row:3;font-size:12px;color:var(--muted);line-height:1.6;}
  .signal-desk .leaderboard .phone-interval {display:block;grid-column:1/-1;grid-row:4;margin-top:8px;}
  .signal-desk .phone-range {display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:2px;}
  .signal-desk .phone-range svg {width:100%;height:16px;max-width:270px;}
  .signal-desk .phone-range line {stroke:var(--accent);stroke-width:2;}
  .signal-desk .phone-range circle {fill:var(--accent);}
  .signal-desk .leaderboard .team-line {font-size:12px;}
  .signal-desk .leaderboard .player-link {font-size:16px;min-height:44px;}
  .signal-desk .pair-change {gap:12px;}
  .signal-desk .pair-change button {font-size:12px;padding:8px;}
  .signal-desk .h2h-head {gap:8px;}
  .signal-desk .h2h-head h2 {display:none;}
  .signal-desk .h2h-head label {width:145px;}
  .signal-desk .h2h-head button {margin-left:auto;}
  .signal-desk .desk-compare .subject>span:last-child {font-size:12px;}
  .signal-desk .subject h2 {overflow-wrap:anywhere;}
  .signal-desk .differences td {font-size:16px;}
  .signal-desk .differences td:last-child {font-size:13px;}
}

/* The native publication strip remains visible; avoid repeating desktop scaffolding on phones. */
@media(max-width:700px) {
  .signal-desk.view-ratings .page-intro .folio {display:none;}
  .signal-desk.desk-compare .page-intro p {display:none;}
  .signal-desk.desk-compare .h2h-context {font-size:11px;line-height:1.5;}
  .signal-desk .desk-compare .pair-names {margin-top:10px;}
  .signal-desk .pair-change button {min-height:44px;}
  .signal-desk .season-context h2 {font-size:11px;}
  .signal-desk .season-context p {font-size:11px;line-height:1.4;}
}

.signal-desk .season-context summary {min-height:24px;font-size:12px;padding:2px 0;color:var(--muted);}
.signal-desk .season-context p {display:block;margin:6px 0;}
.signal-desk .leaderboard .rank {background:transparent;}