/* Slip Doctor, PHONES ONLY: closable error card, lighter text */
.sd-x{display:none}
@media (max-width:760px){
  .sd-none{position:relative;padding-right:52px}
  .sd-none .sd-x{display:grid;place-items:center;position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:12px;
    border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#dfe8fb;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .sd-none .sd-x svg{width:18px;height:18px}
  .sd-none .sd-x:active{background:rgba(255,255,255,.12)}
  .sd-none h2{font-size:18px;font-weight:600;line-height:1.25}
  .sd-none li b{font-weight:600}
  .sd-none li{margin-bottom:8px;line-height:1.5}
}

/* ---- results area (from the screen recording review) ---- */

/* The green outline running down both edges of the screen: pro.css draws a focus ring on
   anything focused (:focus-visible), and that beat ".sd-results{outline:0}". The whole results
   block gets focused when it opens, so it got a neon ring. Switch it off for that block only. */
.sd-results:focus,.sd-results:focus-visible{outline:0}

@media (max-width:760px){
  .sd-results,.sd-cols{gap:12px}
  .sd-card{padding:16px 14px}
  /* shorter rows: league name on one line, tighter cells */
  .sd-tb td{padding:8px 4px}
  .sd-tb th{padding:6px 4px}
  .sd-mt small:not(.sd-bad){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}
  .sd-mk{min-width:92px;gap:5px}
  /* the recommended card: softer green, no glow */
  .sd-rec{border-color:rgba(34,240,138,.3);box-shadow:none}
}