/* A sports agent's profile (tools/agents/sport_profile.py, Wave 1 of docs/research/2026-10-24-dime-profile/, Mary's spec 04).
   The 15-minute agents' shell (writers.css tabs, lolo.css .ag-rec) with the sports parts below. No new hex: Dime's accent is the
   jersey blue already in assets/img/agents/dime.svg (#1d47c7 light: 7.56:1 on --paper, 6.92:1 on --bg; #9fb4e6 dark: 8.72:1 on
   dark --paper), Rocco's the navy and gold of assets/img/agents/rocco.svg (#1f3f9e light 9.28:1, #f5b53d dark 9.93:1). Computed,
   WCAG 2.x relative luminance. Gains and
   losses use the site's --gain and --drop; everything else follows the theme. */
.sx-page{--sx-acc:#1d47c7;--sx-soft:rgba(29,71,199,.07);--sx-line:rgba(29,71,199,.35);--ag-acc:var(--sx-acc);--ag-soft:var(--sx-soft);--ag-line:var(--sx-line)}
:root[data-theme="dark"] .sx-page{--sx-acc:#9fb4e6;--sx-soft:rgba(159,180,230,.10);--sx-line:rgba(159,180,230,.40)}
.sx-page--rocco{--sx-acc:#1f3f9e;--sx-soft:rgba(31,63,158,.07);--sx-line:rgba(31,63,158,.35)}
:root[data-theme="dark"] .sx-page--rocco{--sx-acc:#f5b53d;--sx-soft:rgba(245,181,61,.10);--sx-line:rgba(245,181,61,.40)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-page{--sx-acc:#9fb4e6;--sx-soft:rgba(159,180,230,.10);--sx-line:rgba(159,180,230,.40)}
  :root:not([data-theme="light"]) .sx-page--rocco{--sx-acc:#f5b53d;--sx-soft:rgba(245,181,61,.10);--sx-line:rgba(245,181,61,.40)}}

/* hero: the dated, quotable line under the stat strip */
.sx-quote{margin:14px 0 0;font:600 15px/1.45 var(--sans);color:var(--ink-2)}

/* Record tab: hits against what the prices expected */
.sx-head{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline;margin:4px 0 12px}
.sx-big{margin:0;font:500 15px/1.3 var(--sans);color:var(--ink-2)}
.sx-big b{display:block;font:800 30px/1.1 var(--sans);color:var(--ink);letter-spacing:-.01em}
.sx-big--exp b{color:var(--sx-acc)}
.sx-bars{display:grid;gap:8px;margin:0 0 10px;max-width:560px}
.sx-bar{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;font:600 13px/1.2 var(--sans);color:var(--ink-2)}
.sx-bar-t{display:block;height:12px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.sx-bar-t i{display:block;height:100%;border-radius:999px;background:var(--gain)}
.sx-bar--exp .sx-bar-t i{background:var(--sx-acc)}
.sx-bar b{font:800 15px/1 var(--sans);color:var(--ink);text-align:right}
.sx-note{margin:6px 0 18px;font:500 13.5px/1.5 var(--sans);color:var(--ink-3);max-width:62ch}
.sx-h{margin-top:8px}
.sx-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:10px 0 6px}
.sx-money>div{padding:12px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--sx-acc)}
.sx-money dt{font:700 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sx-money dd{margin:6px 0 4px;font:800 24px/1.1 var(--sans);color:var(--ink)}
.sx-money dd.is-gain{color:var(--gain)}.sx-money dd.is-drop{color:var(--drop)}
.sx-money small{display:block;font:500 12.5px/1.35 var(--sans);color:var(--ink-3)}
.sx-fig{margin:6px 0 4px}
.sx-curve{display:block;width:100%;height:auto;max-height:220px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.sx-curve .sx-base{stroke:var(--line-2);stroke-width:1.5;stroke-dasharray:5 5}
.sx-curve .sx-line{fill:none;stroke:var(--sx-acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.sx-curve .sx-dot-hit{fill:var(--gain)}
.sx-curve .sx-dot-miss{fill:var(--paper);stroke:var(--drop);stroke-width:2}
.sx-fig figcaption{margin-top:6px;font:500 12.5px/1.4 var(--sans);color:var(--ink-3)}
.sx-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
@media (max-width:720px){.sx-split{grid-template-columns:1fr}.sx-bar{grid-template-columns:110px 1fr 40px}}
.sx-card{padding:14px 16px;border-radius:12px;background:var(--paper);border:1px solid var(--line);margin:0 0 14px}
.sx-h3{margin:0 0 8px;font:800 16px/1.25 var(--sans);color:var(--ink)}
.sx-slates{list-style:none;margin:0;padding:0}
.sx-slates li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:8px 0;border-top:1px solid var(--line);font:500 14px/1.3 var(--sans);color:var(--ink-2)}
.sx-slates li:first-child{border-top:0}
.sx-slates li b{color:var(--ink)}
.sx-slates li.is-up .num{color:var(--gain);font-weight:800}.sx-slates li.is-down .num{color:var(--drop);font-weight:800}
.sx-mk{width:100%;border-collapse:collapse;font:500 14px/1.3 var(--sans)}
.sx-mk th{text-align:left;font-weight:600;color:var(--ink-2);padding:6px 0;border-top:1px solid var(--line)}
.sx-mk td{text-align:right;padding:6px 0;border-top:1px solid var(--line);color:var(--ink);font-weight:700}
.sx-short{margin:6px 0 0;padding-left:18px;font:500 14px/1.6 var(--sans)}

/* Tickets tab: each graded ticket opens to its legs (works without JS: <details>) */
.sx-tix{border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:0 0 10px;scroll-margin-top:184px}   /* a deep link lands below the site header and the sticky tab bar (about 165px) */
.sx-tix>summary{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}
.sx-tix>summary::-webkit-details-marker{display:none}
.sx-tix>summary:focus-visible{outline:2px solid var(--sx-acc);outline-offset:2px;border-radius:12px}
.sx-tix[open]>summary{border-bottom:1px solid var(--line)}
.sx-tix-d{font:700 13px/1.2 var(--sans);color:var(--ink-3)}
.sx-tix-n b{display:block;font:700 15px/1.3 var(--sans);color:var(--ink)}
.sx-tix-n small{display:block;margin-top:2px;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.sx-res{font:700 13px/1.2 var(--sans);padding:4px 9px;border-radius:999px;white-space:nowrap}
.sx-res--hit{background:var(--gain-soft);color:var(--gain)}.sx-res--miss{background:var(--drop-soft);color:var(--drop)}
.sx-tix-net{font:800 15px/1 var(--sans);min-width:84px;text-align:right}
.sx-tix-net.is-gain{color:var(--gain)}.sx-tix-net.is-drop{color:var(--drop)}
.sx-tix-b{padding:10px 14px 12px;overflow-x:auto}
.sx-legs{width:100%;border-collapse:collapse;font:500 14px/1.35 var(--sans)}
.sx-legs th,.sx-legs td{padding:7px 8px 7px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.sx-legs thead th{border-top:0;font:700 11.5px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sx-legs tbody th{font-weight:600;color:var(--ink)}
.sx-leg{font:700 12.5px/1 var(--sans)}.sx-leg--hit{color:var(--gain)}.sx-leg--miss{color:var(--drop)}
.sx-tix-l{margin:8px 0 0;font:500 13.5px/1.5 var(--sans)}
@media (max-width:640px){.sx-tix>summary{grid-template-columns:1fr auto;grid-template-areas:"n n" "r net"}.sx-tix-d{display:none}
  .sx-tix-n{grid-area:n}.sx-res{grid-area:r;justify-self:start}.sx-tix-net{grid-area:net}}

/* Patch notes */
.sx-pn{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:0 0 10px}
.sx-pn.is-live{border-top:2px solid var(--sx-acc)}
.sx-pn-v{margin:0;font:600 15px/1.3 var(--sans);color:var(--ink)}
.sx-pn-v b{color:var(--sx-acc);margin-right:6px}
.sx-pn-d{margin:2px 0 6px;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.sx-pn ul{margin:0;padding-left:18px;font:500 14px/1.5 var(--sans);color:var(--ink-2)}
.sx-disc{max-width:80ch}
.sx-more{margin:10px 0 0;font:600 14px/1.4 var(--sans)}

/* Ticket cards and their filter bar (tools/agents/sport_cards.py, assets/pages/sport-cards.js), 2026-10-24. Team colours paint
   only the 3px top bar (decorative, no contrast duty). Logos sit on a white chip so the dark ones (Nets, Spurs) read in both
   themes. Pressed filter: --paper on --sx-acc, 7.56:1 light (#1d47c7) and 8.72:1 dark (#9fb4e6 under dark --paper text). */
.sx-flt{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:4px 0 14px}
.sx-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.sx-seg button{border:0;background:none;padding:0 14px;min-height:36px;border-radius:999px;font:600 14px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.sx-seg button b{margin-left:5px;font-weight:800}
.sx-seg button[aria-pressed="true"]{background:var(--sx-acc);color:var(--paper)}
.sx-seg button:focus-visible,.sx-sel select:focus-visible{outline:2px solid var(--sx-acc);outline-offset:2px}
.sx-sel{display:inline-flex;align-items:center;gap:8px;font:700 11.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sx-sel select{min-height:38px;padding:6px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font:600 14px/1.2 var(--sans);letter-spacing:0;text-transform:none;max-width:220px}
.sx-flt-n{margin:0 0 0 auto;font:500 13px/1.3 var(--sans);color:var(--ink-3)}
.sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;align-items:start;margin:0 0 14px}
.sx-tc{position:relative;display:flex;flex-direction:column;gap:9px;padding:17px 16px 0;border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden;scroll-margin-top:184px}
.sx-tc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--t1,var(--sx-acc)) 0 50%,var(--t2,var(--sx-acc)) 50% 100%)}
.sx-tc:hover{border-color:var(--sx-line)}
.sx-tc:has(> .sx-tc-d[open]){grid-column:1/-1;border-color:var(--sx-line)}
.sx-tc-d{margin:2px -16px 0;border-top:1px solid var(--line)}
.sx-tc-d>summary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;cursor:pointer;list-style:none}
.sx-tc-d>summary::-webkit-details-marker{display:none}
.sx-tc-d>summary:hover{background:var(--sx-soft)}
.sx-tc-d>summary:focus-visible{outline:2px solid var(--sx-acc);outline-offset:-3px}
.sx-tc-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sx-tc-teams{display:flex;align-items:center;gap:7px;font:800 15px/1 var(--sans);color:var(--ink)}
.sx-tc-at{font:600 12px/1 var(--sans);color:var(--ink-3)}
.sx-tc-logo{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.sx-tc-logo img{width:30px;height:30px;object-fit:contain}
.sx-tc-stack .sx-tc-logo.is-sm{width:30px;height:30px;margin-right:-9px;box-shadow:0 0 0 2px var(--paper),inset 0 0 0 1px var(--line)}
.sx-tc-stack .sx-tc-logo.is-sm img{width:22px;height:22px}
.sx-tc-stack b{margin-left:15px;white-space:nowrap}
.sx-tc-plus{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--paper);font:700 11px/1 var(--sans);color:var(--ink-2)}
.sx-tc-mono{font:800 11px/1 var(--sans);color:#000}
.sx-tc-time{margin-left:auto;font:600 13px/1 var(--sans);color:var(--ink-3);white-space:nowrap}
.sx-tc-name{margin:0;font:700 16px/1.3 var(--sans);color:var(--ink)}
/* 2026-10-27: every card the same shape, two lines kept for the name so the rows line up */
.sx-tc-name{min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-tc-logo img[src^="https://"]{object-fit:contain;background:#fff}
.sx-tc-name a{color:inherit;text-decoration:none}.sx-tc-name a:hover{color:var(--sx-acc);text-decoration:underline;text-underline-offset:3px}
.sx-tc-rd{margin:0;font:600 13.5px/1.3 var(--sans)}
.sx-tc-meta{margin:0;font:500 13px/1.3 var(--sans);color:var(--ink-3)}
.sx-tc-dots{display:flex;flex-wrap:wrap;gap:5px}
.sx-tc-dots i{width:22px;height:6px;border-radius:999px;background:var(--line-2)}
.sx-tc-dots i.is-hit{background:var(--gain)}.sx-tc-dots i.is-miss{background:var(--drop)}
.sx-tc-foot{display:flex;align-items:center;gap:10px;margin-top:2px}
.sx-tc-net{margin-left:auto;font:800 18px/1 var(--sans)}
.sx-tc-net.is-gain{color:var(--gain)}.sx-tc-net.is-drop{color:var(--drop)}
.sx-tc-more{font:700 12.5px/1 var(--sans);color:var(--sx-acc)}
.sx-tc-d[open] .sx-tc-more{font-size:0}.sx-tc-d[open] .sx-tc-more::after{content:"Hide the legs";font-size:12.5px}
.sx-tc-b{padding:4px 16px 14px;border-top:1px solid var(--line);overflow-x:auto}
/* wide view: the side card hides and the cards take the whole width (sport-cards.js, remembered per browser) */
.wr-body-grid.sx-wide{grid-template-columns:minmax(0,1fr)}
.wr-body-grid.sx-wide>.wr-rail{display:none}
.sx-wide-btn{min-height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font:700 13px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.sx-wide-btn[aria-pressed="true"]{border-color:var(--sx-acc);color:var(--sx-acc)}
.sx-wide-btn:focus-visible{outline:2px solid var(--sx-acc);outline-offset:2px}
@media (max-width:980px){.sx-wide-btn{display:none}}
.sx-tc-b .sx-tix-l{margin-top:10px}
.sx-empty{margin:4px 0 14px;font:500 14px/1.5 var(--sans);color:var(--ink-2)}
.sx-empty button{border:0;background:none;padding:0;font:inherit;cursor:pointer}
@media (max-width:640px){.sx-flt-n{margin:0;width:100%}.sx-grid{grid-template-columns:1fr}.sx-sel select{max-width:160px}}
@media (prefers-reduced-motion:no-preference){.sx-tc{transition:border-color .15s}}

/* Record tab v3 (2026-10-24, Jay: "the chart needs to be better and take some influence from pm1. main page ... more cards than text
   ... focus more on victories"). The latest slate card, the slates before and the month calendar copy PM1's daily-logs block on /n;
   the Progress chart copies PM1's (assets/pages/nz-cash.css .nzpg-*) on the theme tokens. */
.sx-sec-t{margin:0;font:800 22px/1.2 var(--sans);color:var(--ink)}
.sx-sec-s{margin:4px 0 14px;font:500 14.5px/1.5 var(--sans);color:var(--ink-3);max-width:70ch}
.sx-sec-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.sx-k{margin:0 0 8px;font:700 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sx-k--before{margin-top:18px}
.sx-lsec,.sx-pg,.sx-wsec,.sx-msec{margin:0 0 26px}
.sx-lsec{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.sx-ls-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;margin-top:4px}
@media (max-width:980px){.sx-ls-grid{grid-template-columns:1fr}}
.sx-ls{padding:16px 18px;border:2px solid var(--sx-acc);border-radius:16px;background:var(--paper)}
.sx-ls-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:600 15px/1.3 var(--sans);color:var(--ink-2)}
.sx-ls-h b{color:var(--ink)}
.sx-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--ink);color:var(--paper);font:800 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.sx-ls-open{margin-left:auto;font-weight:700}
.sx-ls-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 28px;margin:12px 0 12px}
.sx-ls-net{margin:0;padding-right:24px;border-right:1px solid var(--line)}
.sx-ls-net b{display:block;font:800 40px/1.05 var(--sans);letter-spacing:-.01em}
.sx-ls-net span{font:500 13px/1.3 var(--sans);color:var(--ink-3)}
.sx-ls-net .is-gain,.sx-lb-n.is-gain,.sx-cal-h .is-gain{color:var(--gain)}.sx-ls-net .is-drop,.sx-lb-n.is-drop,.sx-cal-h .is-drop{color:var(--drop)}
.sx-ls-st{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0}
.sx-ls-st dt{font:800 20px/1.1 var(--sans);color:var(--ink)}
.sx-ls-st dt.is-gain{color:var(--gain)}
.sx-ls-st dd{margin:2px 0 0;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.sx-hb{display:block;height:7px;border-radius:999px;background:var(--drop-soft);overflow:hidden}
.sx-hb i{display:block;height:100%;border-radius:999px;background:var(--gain)}
.sx-ls-wins{margin-top:14px}
.sx-ls-wins ul,.sx-pg-leg{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sx-wchip,.sx-pchip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px 4px 6px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font:700 13.5px/1 var(--sans);color:var(--ink);text-decoration:none}
.sx-wchip img{width:22px;height:22px;border-radius:50%;background:#fff;object-fit:contain}
.sx-wchip img+img{margin-left:-8px}
.sx-wchip b,.sx-pchip b{font-weight:800}.sx-wchip .is-gain,.sx-pchip .is-gain{color:var(--gain)}.sx-pchip .is-drop{color:var(--drop)}
a.sx-wchip:hover,a.sx-pchip:hover{border-color:var(--sx-line)}
.sx-pchip{padding-left:12px}
.sx-lbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.sx-lb{padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper)}
.sx-lb p{margin:0}
.sx-lb-d{font:700 14.5px/1.3 var(--sans);color:var(--ink)}
.sx-lb-n{margin:4px 0 2px!important;font:800 24px/1.1 var(--sans)}
.sx-lb-s{font:500 13px/1.4 var(--sans);color:var(--ink-3);margin-bottom:8px!important}
.sx-lb .link{display:inline-block;margin-top:10px;font-weight:700}
.sx-cal{padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper)}
.sx-cal-h{display:flex;align-items:baseline;gap:10px;margin:0}
.sx-cal-h b{font:800 20px/1.1 var(--sans)}
.sx-cal-s{margin:4px 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line);font:600 12.5px/1.4 var(--sans);color:var(--ink-2)}
.sx-cal-s .is-gain{color:var(--gain)}
.sx-cal-t{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed}
.sx-cal-t caption{font:800 15px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);padding-bottom:6px}
.sx-cal-t th{font:700 11px/1 var(--sans);color:var(--ink-3);padding:4px 0}
.sx-cal-t td{text-align:center;height:38px;padding:0}
.sx-cal-t td>span,.sx-cal-t td>a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border-radius:8px;font:500 12.5px/1.1 var(--sans);color:var(--ink-2);text-decoration:none}
.sx-cal-t td b{font-weight:800;color:var(--ink)}
.sx-cal-t td small{font:700 9.5px/1.1 var(--sans);letter-spacing:-.02em;white-space:nowrap}
.sx-cal-t td.is-up>*{background:var(--gain-soft);box-shadow:inset 0 0 0 1px var(--gain)}.sx-cal-t td.is-up small{color:var(--gain)}
.sx-cal-t td.is-down>*{background:var(--drop-soft);box-shadow:inset 0 0 0 1px var(--drop)}.sx-cal-t td.is-down small{color:var(--drop)}
.sx-cal-k{margin:8px 0 12px;font:500 12px/1.4 var(--sans);color:var(--ink-3)}
.sx-cal-btn{display:inline-flex;margin-right:10px}
.sx-cal-c{margin:0 0 8px;font:500 12.5px/1.4 var(--sans);color:var(--ink-3)}
.sx-sts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 6px}
@media (max-width:640px){.sx-sts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-st{padding:13px 15px;border:1px solid var(--line);border-top:2px solid var(--sx-acc);border-radius:12px;background:var(--paper)}
.sx-st dt{font:700 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sx-st dd{margin:6px 0 4px;font:800 24px/1.1 var(--sans);color:var(--ink)}
.sx-st dd.is-gain{color:var(--gain)}.sx-st dd.is-drop{color:var(--drop)}
.sx-st small{display:block;font:500 12.5px/1.35 var(--sans);color:var(--ink-3)}
.sx-fine{margin:4px 0 24px;font:500 12.5px/1.45 var(--sans);color:var(--ink-3)}
.sx-pg{position:relative;padding:16px 18px 14px;border:1px solid var(--line-2);border-radius:18px;background:var(--paper)}
.sx-pg-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.sx-pg-head .sx-sec-s{margin-bottom:8px}
.sx-pg-plot{position:relative;min-height:230px;touch-action:pan-y;cursor:crosshair;border-radius:12px}
.sx-pg-plot:focus-visible{outline:2px solid var(--sx-acc);outline-offset:4px}
.sx-pg-svg{display:block;width:100%;overflow:visible}
.sx-pg-grid{stroke:var(--line);stroke-width:1}
.sx-pg-zero{stroke:var(--line-2);stroke-width:1.2;stroke-dasharray:4 4}
.sx-pg-sep{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.sx-pg-ax{font:600 11.5px var(--sans);fill:var(--ink-3)}
.sx-pg-line{fill:none;stroke-width:2.5;stroke-linejoin:round}
.sx-pg-line.is-gain{stroke:var(--gain)}.sx-pg-line.is-drop{stroke:var(--drop)}
.sx-pg-area.is-gain{fill:var(--gain-soft)}.sx-pg-area.is-drop{fill:var(--drop-soft)}
.sx-pg-dot{stroke:var(--paper);stroke-width:1.5}
.sx-pg-dot.is-hit{fill:var(--gain)}.sx-pg-dot.is-miss{fill:var(--paper);stroke:var(--drop);stroke-width:2}
.sx-pg-cross{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}
.sx-pg-ring{fill:none;stroke-width:2.5;stroke:var(--sx-acc)}.sx-pg-ring.is-hit{stroke:var(--gain)}.sx-pg-ring.is-miss{stroke:var(--drop)}
.sx-pg-tip{position:absolute;z-index:3;width:270px;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);box-shadow:var(--shadow);pointer-events:none}
.sx-pg-tip p{margin:0}
.sx-pg-th{display:flex;justify-content:space-between;gap:8px;font:600 12.5px/1.4 var(--sans);color:var(--ink-3)}
.sx-pg-th b{font:800 16px/1.2 var(--sans)}
.sx-pg-tip .is-gain{color:var(--gain)}.sx-pg-tip .is-drop{color:var(--drop)}
.sx-pg-tm{display:flex;align-items:center;gap:6px;margin-top:8px!important;font:700 13.5px/1.3 var(--sans);color:var(--ink)}
.sx-pg-tm img{width:20px;height:20px;border-radius:50%;background:#fff;object-fit:contain}
.sx-pg-tm img+img{margin-left:-7px}
.sx-pg-tm b{margin-left:auto;font-weight:800}
.sx-pg-tn{margin-top:3px!important;font:500 12.5px/1.35 var(--sans);color:var(--ink-2)}
.sx-pg-tf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px!important}
.sx-pg-tf .sx-res{font-size:12px;padding:3px 8px}
.sx-pg-tb{font:600 12px/1.3 var(--sans);color:var(--ink-3)}
.sx-pg-leg{margin-top:12px}
.sx-pg .sx-fig{margin:0}
.sx-mcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0 0}
.sx-mc{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.sx-mc dt{font:600 13.5px/1.3 var(--sans);color:var(--ink-2)}
.sx-mc dd{margin:4px 0 8px;font:800 20px/1.1 var(--sans);color:var(--ink)}
@media (max-width:560px){.sx-ls-net{border-right:0;padding-right:0}.sx-ls-net b{font-size:34px}.sx-pg-tip{position:static;width:auto;margin-top:10px;box-shadow:none}.sx-ls-open{margin-left:0;width:100%}}
.sx-wins b{margin-left:6px;font-weight:800}.sx-wins .is-gain{color:var(--gain)}

/* the closing price (Sports Wave 3, tools/agents/sport_closes.py): a chip on a ticket whose legs cost more at the start than when posted,
   and the start column of the legs table, green where a leg's price rose */
.sx-tc-beat{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--sx-soft);box-shadow:inset 0 0 0 1px var(--sx-line);font:700 11.5px/1 var(--sans);color:var(--sx-acc);white-space:nowrap}
.sx-legs td.is-up{color:var(--gain);font-weight:700}
.sx-tc-foot{flex-wrap:wrap}

/* Profile tab v2, the default tab (2026-10-24, Jay: "showcase winners ... make this tab the default"): winning and open tickets as
   tiles linking their pre-game columns, slate log chips, and how a ticket is built as cards */
.sx-psec{margin:0 0 28px}
.sx-pw-sum{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:-4px 0 14px;padding:0;font:500 14.5px/1.4 var(--sans);color:var(--ink-2)}
.sx-pw-sum b{font-weight:800;color:var(--ink)}.sx-pw-sum b.is-gain{color:var(--gain)}
.sx-wts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sx-wt{display:flex;flex-direction:column;gap:7px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.sx-wt:hover{border-color:var(--sx-line)}
.sx-wt-top{display:flex;align-items:center;gap:8px}
.sx-wt-logos{display:flex}
.sx-wt-logos img{width:30px;height:30px;padding:3px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--paper),inset 0 0 0 1px var(--line);object-fit:contain}
.sx-wt-logos img+img{margin-left:-8px}
.sx-wt-m{font:800 13.5px/1.2 var(--sans);color:var(--ink)}
.sx-wt-t{margin-left:auto;font:600 12px/1.2 var(--sans);color:var(--ink-3);white-space:nowrap}
.sx-wt-n{margin:2px 0 0;font:700 15px/1.3 var(--sans);color:var(--ink)}
.sx-wt-n a{color:inherit;text-decoration:none}.sx-wt-n a:hover{color:var(--sx-acc);text-decoration:underline;text-underline-offset:3px}
.sx-wt-meta{margin:0;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.sx-wt-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.sx-wt-v{text-align:right}
.sx-wt-v b{display:block;font:800 19px/1 var(--sans);color:var(--ink)}.sx-wt-v b.is-gain{color:var(--gain)}
.sx-wt-v small{font:500 11.5px/1.2 var(--sans);color:var(--ink-3)}
.sx-wt-l{margin:2px 0 0;font:600 12.5px/1.3 var(--sans)}
.sx-res--open{background:var(--sx-soft);color:var(--sx-acc)}
.sx-pl .sx-pchip small{font:500 12px/1 var(--sans);color:var(--ink-3)}
.sx-hows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:12px 0 0;padding:0}
@media (max-width:640px){.sx-hows{grid-template-columns:1fr}}
.sx-how{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.sx-how p{margin:0;font:500 14px/1.5 var(--sans);color:var(--ink-2)}.sx-how p b{color:var(--ink)}
.sx-how-i{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--sx-soft)}
.sx-how-i svg{width:20px;height:20px;fill:none;stroke:var(--sx-acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-p2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:720px){.sx-p2{grid-template-columns:1fr}}
.sx-p2 .sx-card{margin:0}.sx-p2 p{margin:0;font:500 14.5px/1.55 var(--sans);color:var(--ink-2)}
/* Profile tab ticket board v4 (2026-10-25, Mary's spec docs/2026-10-25-sports-board-v4-mary.md): legs visible on every tile, a status
   chip per ticket, one-row toolbar with a joined segmented control, the posted-price note moved under the grid. Tokens only. */
.sx-bsum{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:-4px 0 14px;padding:0;font:500 14px/1.4 var(--sans);color:var(--ink-2)}
.sx-bsum b{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.sx-bsum b.is-gain{color:var(--gain)}
.sx-bf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;margin:0 0 14px}
.sx-bseg{display:inline-flex;justify-self:start;padding:3px;border:1px solid var(--line-3);border-radius:12px;background:var(--paper)}
.sx-bseg button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:none;font:700 13.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap}
.sx-bseg button b{margin-left:6px;font-weight:800;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sx-bseg button[aria-pressed="true"]{background:var(--sx-acc);color:var(--paper)}
.sx-bseg button[aria-pressed="true"] b{color:inherit}
.sx-bseg button:disabled{opacity:.45;cursor:default}
.sx-bf-r{display:flex;align-items:center;gap:8px}
.sx-bsort .select{min-height:40px;width:auto;padding:0 36px 0 12px;font:600 14px/1 var(--sans);border-radius:10px;background-position:right 12px center}
.sx-bf .sx-wide-btn{min-height:40px}
.sx-bf-n{grid-column:1/-1;margin:0;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.sx-bseg button:focus-visible,.sx-more-btn:focus-visible,.sx-copy:focus-visible,.sx-bsort .select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sx-board .sx-wts{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.sx-board .sx-wt{gap:6px;padding:14px 16px 12px;border:1px solid var(--line-2);border-radius:14px;box-shadow:none}
.sx-board .sx-wt:hover{border-color:var(--sx-line)}
.sx-board .sx-wt-top{display:flex;align-items:center;gap:8px;min-width:0}
.sx-board .sx-wt-logos{flex:none}.sx-board .sx-wt-logos img{width:28px;height:28px}
.sx-board .sx-wt-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-board .sx-wt-t{margin:0;font:600 12px/1.2 var(--sans);color:var(--ink-3)}
.sx-board .sx-wt-n{margin:2px 0 2px;font:700 15px/1.3 var(--sans);text-wrap:balance}
.sx-tst{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font:700 12px/1.1 var(--sans);white-space:nowrap}
.sx-tst--open,.sx-tst--soon{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.sx-tst--live{background:var(--brand-soft);color:var(--brand-ink)}
.sx-tst--live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}
.sx-tst--wait{background:var(--chip);color:var(--ink-2)}
.sx-tst--hit{background:var(--gain-soft);color:var(--gain)}
.sx-tst--quiet{background:var(--chip);color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){.sx-tst--live::before{animation:sxpulse 2s ease-in-out infinite}}
@keyframes sxpulse{50%{opacity:.35}}
.sx-wt-legs{list-style:none;margin:2px 0 0;padding:8px 0 0;border-top:1px solid var(--line);display:grid;gap:5px}
.sx-wt-legs li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:baseline;gap:8px;font:500 13.5px/1.35 var(--sans);color:var(--ink-2)}
.sx-wt-legs li b{font:600 12.5px/1.35 var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums}
.sx-lm{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--line-3);align-self:center;justify-self:center}
.sx-lm.is-hit{border:0;width:12px;height:7px;border-radius:0;border-left:2px solid var(--gain);border-bottom:2px solid var(--gain);transform:rotate(-45deg) translate(1px,-2px)}
.sx-lm.is-miss{border:0;width:10px;height:2px;border-radius:1px;background:var(--ink-3)}
.sx-board .sx-wt-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.sx-board .sx-wt-meta{margin:0;font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}
.sx-board .sx-wt-v b{font:800 20px/1 var(--sans);font-variant-numeric:tabular-nums}
.sx-wt-v b.is-quiet{color:var(--ink-3)}
.sx-board .sx-wt-l{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 0;padding-top:8px;border-top:1px solid var(--line)}
.sx-board .sx-wt-l p{margin:0;font:600 12.5px/1.3 var(--sans)}
.sx-copy{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);font:700 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.sx-copy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.sx-copy:hover{border-color:var(--sx-line);color:var(--sx-acc)}
.sx-bmore{margin:14px 0 0;text-align:center}
.sx-more-btn{min-height:40px;padding:0 22px;border:1px solid var(--line-3);border-radius:999px;background:var(--paper);font:700 14px/1 var(--sans);color:var(--ink);cursor:pointer}
.sx-more-btn:hover{border-color:var(--sx-acc);color:var(--sx-acc)}
.sx-bnote{margin:12px 0 0;font:500 12.5px/1.45 var(--sans);color:var(--ink-3)}
@media (max-width:640px){.sx-bf{grid-template-columns:1fr}.sx-bseg{display:grid;grid-template-columns:repeat(4,auto);width:100%}.sx-bseg button{padding:0 8px;font-size:13px}
  .sx-bf-r{justify-content:space-between}.sx-board .sx-wts{grid-template-columns:1fr}}
@media (max-width:400px){.sx-bseg{grid-template-columns:1fr 1fr}}
/* Tail sheet for Copy legs (v8, 2026-10-25): a bet slip, three steps, one button, one line of fine print. Follows the theme:
   --paper/--ink, 2px --brand top edge and --shadow. Bottom sheet under 560px. Motion only without prefers-reduced-motion. */
.sx-out{position:fixed;inset:0;margin:auto;height:fit-content;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--line-2);border-top:2px solid var(--brand);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);overflow:auto}
.sx-out::backdrop{background:rgba(7,12,26,.5)}
.sx-out-in{display:flex;flex-direction:column;gap:12px;padding:16px 18px 14px}
.sx-out-h{display:flex;align-items:center;gap:10px}
.sx-out-h img{width:40px;height:40px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.sx-out-t{margin:0;flex:1;font:800 18px/1.2 var(--sans);color:var(--ink)}
.sx-out-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:none;color:var(--ink-3);cursor:pointer}
.sx-out-x svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.sx-out-x:hover{background:var(--surface-2);color:var(--ink)}
.sx-slip{padding:12px 14px;border:1px dashed var(--line-3);border-radius:14px;background:var(--surface-2)}
.sx-slip-top{display:flex;align-items:center;gap:8px}
.sx-slip-logos{display:flex}.sx-slip-logos img{width:26px;height:26px;padding:3px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--surface-2),inset 0 0 0 1px var(--line);object-fit:contain}
.sx-slip-logos img+img{margin-left:-7px}
.sx-slip-m{font:800 13px/1.2 var(--sans);color:var(--ink)}
.sx-slip-n{margin:6px 0 8px;font:700 14.5px/1.3 var(--sans);color:var(--ink);text-wrap:balance}
.sx-slip-legs{list-style:none;counter-reset:leg;margin:0;padding:0;display:grid;gap:6px}
.sx-slip-legs li{counter-increment:leg;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;font:600 13.5px/1.3 var(--sans);color:var(--ink-2)}
.sx-slip-legs li::before{content:counter(leg);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);font:800 11px/1 var(--sans);color:var(--ink)}
.sx-slip-legs li b{font:700 12.5px/1 var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums}
.sx-slip-pay{margin:10px 0 0;padding-top:8px;border-top:1px dashed var(--line-2);font:700 13px/1.3 var(--sans);color:var(--ink)}
.sx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sx-steps li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font:600 12px/1.25 var(--sans);color:var(--ink-2)}
.sx-steps i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);font:800 12px/1 var(--sans);font-style:normal;color:var(--ink)}
.sx-steps li.is-done i{background:var(--gain);box-shadow:none}
.sx-steps li.is-done i::after{content:"";width:9px;height:5px;border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);transform:rotate(-45deg) translate(1px,-1px)}
.sx-steps li.is-done span{color:var(--gain);font-weight:700}
.sx-out-go{min-height:48px;width:100%;justify-content:center;font-size:16px}
.sx-out-fine{margin:-2px 0 0;text-align:center;font:500 11.5px/1.4 var(--sans);color:var(--ink-3)}
.sx-out-fine a{color:inherit;white-space:nowrap}
@media (max-width:560px){.sx-out{inset:auto 0 0 0;margin:0;width:100%;max-width:100%;border-radius:18px 18px 0 0}}
@media (prefers-reduced-motion:no-preference){
  .sx-out[open]{animation:sxin .22s cubic-bezier(.2,.8,.2,1)}
  .sx-out[open] .sx-slip-legs li{animation:sxleg .3s both;animation-delay:calc(var(--i,0) * 50ms + 80ms)}
  .sx-out[open] .sx-steps li.is-done i{animation:sxpop .35s .1s both}
  @media (max-width:560px){.sx-out[open]{animation:sxup .26s cubic-bezier(.2,.8,.2,1)}}}
@keyframes sxin{from{opacity:0;transform:translateY(8px) scale(.97)}}
@keyframes sxup{from{transform:translateY(100%)}}
@keyframes sxleg{from{opacity:0;transform:translateX(-6px)}}
@keyframes sxpop{0%{transform:scale(.4)}70%{transform:scale(1.15)}}
.sx-start dd small{color:var(--ink-3)}
.sx-steps li span{white-space:nowrap}
/* Share (2026-10-25, Jay: "need share button too to promote pmcountdown.com"): assets/share.js runs it (system share sheet, else copy link) */
.sx-wt-acts{display:inline-flex;gap:6px;flex:none}
.sx-share{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);font:700 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.sx-share svg,.sx-out-share svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-share:hover{border-color:var(--sx-line);color:var(--sx-acc)}
.sx-share:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sx-out-share{min-height:44px;width:100%;justify-content:center;gap:8px;margin-top:-4px}
@media (max-width:400px){.sx-board .sx-wt-l{flex-wrap:wrap}}

/* Agent Brad (2026-10-27): the writer's page. Accent, the Columns tab's lead story and story cards, the weekly review line. */
.sx-page--brad{--sx-acc:#1d6b3e;--sx-soft:rgba(29,107,62,.07);--sx-line:rgba(29,107,62,.35)}
:root[data-theme="dark"] .sx-page--brad{--sx-acc:#86d3a2;--sx-soft:rgba(134,211,162,.10);--sx-line:rgba(134,211,162,.40)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-page--brad{--sx-acc:#86d3a2;--sx-soft:rgba(134,211,162,.10);--sx-line:rgba(134,211,162,.40)}}
.sx-wk-rev{margin:10px 0 0;font:500 14.5px/1.5 var(--sans);color:var(--ink-2)}
.sx-wk-rev--s{margin-top:8px;font-size:13px;color:var(--ink-3)}
.sx-lead{margin:6px 0 18px;padding:20px 22px;border:2px solid var(--sx-acc);border-radius:16px;background:var(--paper)}
.sx-col-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font:600 13px/1.3 var(--sans);color:var(--ink-3)}
.sx-col-logos{display:inline-flex}
.sx-col-logos img{width:24px;height:24px;border-radius:50%;background:#fff;object-fit:contain}
.sx-col-logos img+img{margin-left:-7px}
.sx-lead-t{margin:12px 0 8px;font:400 clamp(24px,2.9vw,31px)/1.08 var(--display,var(--sans));text-transform:uppercase;letter-spacing:.005em}
.sx-lead-t a{color:var(--ink);text-decoration:none}
.sx-lead-t a:hover{color:var(--sx-acc)}
.sx-lead-t .h-l1,.sx-lead-t .h-l2{display:block}
.sx-lead-t .h-l2{margin-top:4px;font-size:.62em;color:var(--ink-3);letter-spacing:.02em}
.sx-lead-d{margin:0 0 12px;max-width:68ch;font:500 16px/1.55 var(--sans);color:var(--ink-2)}
.sx-lead-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:14px 0 0}
.sx-lead-a .link{font-weight:700}
.sx-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.sx-col{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.sx-col-t{margin:0;font:800 17px/1.25 var(--sans)}
.sx-col-t a{color:var(--ink);text-decoration:none}
.sx-col-t a:hover{color:var(--sx-acc);text-decoration:underline}
.sx-col-d{margin:0;font:500 14px/1.5 var(--sans);color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sx-col-st{margin:0;align-self:flex-start;padding:4px 10px;border-radius:999px;font:700 12.5px/1.3 var(--sans);border:1px solid var(--line-2);color:var(--ink-2)}
.sx-col-st--hit{border-color:transparent;background:rgba(22,128,61,.12);color:#13703a}
.sx-col-st--open{border-color:var(--sx-line);background:var(--sx-soft);color:var(--sx-acc)}
:root[data-theme="dark"] .sx-col-st--hit{background:rgba(74,222,128,.14);color:#7ee2a0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sx-col-st--hit{background:rgba(74,222,128,.14);color:#7ee2a0}}
.sx-col-l{margin:auto 0 0;font:600 13.5px/1.5 var(--sans)}
.sx-col-l .link{font-weight:700}
@media (max-width:640px){.sx-lead{padding:16px}.sx-cols{grid-template-columns:1fr}}
.sx-lead .sx-col-st{display:inline-block}