/* UFC fight-card column (uc-*), first used by the UFC 332 column (2026-09-30).
   Built for reuse: any card column can render tools/ufc/build_ufc332_column.py's markup with this file.
   Tokens only. Method colours match the UFC hub's "How fights end" bars (KO brand, submission ink, decision grey),
   and every bar carries its numbers as text, never colour alone. */

.uc-h1 span{display:block}

/* verdict chip: words first, colour second */
.uc-v{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font:700 12px/1 var(--sans);
  letter-spacing:.04em;text-transform:uppercase;background:var(--chip);color:var(--ink-2);white-space:nowrap}
.uc-v[data-v="buy"]{background:var(--brand);color:var(--on-brand)}
.uc-v[data-v="lean"]{background:var(--brand-soft);color:var(--brand-ink)}
.uc-v[data-v="pricey"]{background:var(--warn-soft);color:var(--warn-ink)}

/* the card at a glance */
.uc-g-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:6px 0 12px}
.uc-g-when{margin:0;font:500 13.5px/1.45 var(--sans);color:var(--ink-3);min-height:2.9em}
.uc-g-ref{min-height:44px}
.uc-g{width:100%;border-collapse:collapse;font:400 14.5px/1.35 var(--sans);font-variant-numeric:tabular-nums}
.uc-g thead th{font:700 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:left;
  padding:12px 12px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.uc-g td,.uc-g tbody th{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
.uc-g tbody th a{font-weight:700;color:var(--ink);text-decoration:none}
.uc-g tbody th a:hover,.uc-g tbody th a:focus-visible{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.uc-g tbody th small,.uc-g td small{display:block;font:500 12px/1.3 var(--sans);color:var(--ink-3);margin-top:3px}
.uc-g-seg th{background:var(--paper);font:800 15px/1.2 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);padding-top:16px}
.uc-g-seg th small{display:inline;margin-left:8px;font:600 12.5px/1 var(--sans);text-transform:none;color:var(--ink-3)}
.uc-g-f{display:block;font-weight:600;color:var(--ink)}
.uc-g-px b{font:800 19px/1 var(--cond);color:var(--ink);min-width:3.2ch;display:inline-block}
.uc-g-px small{display:inline;margin-left:8px}
.uc-g-px small b{font:700 13px/1 var(--sans);color:var(--ink-2)}
.uc-g-call{white-space:nowrap}
.uc-g-call small{white-space:normal}
@media (max-width:760px){
  .uc-g thead{display:none}
  .uc-g,.uc-g tbody,.uc-g tr,.uc-g td,.uc-g tbody th{display:block;width:auto}
  .uc-g tbody tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:10px 0}
  .uc-g tbody th,.uc-g-call{grid-column:1/-1;border:0;padding:4px 12px}
  .uc-g td{border:0;padding:4px 12px}
  .uc-g-seg{display:block!important;padding:0!important}
  .uc-g-seg th{display:block;padding:14px 12px 6px}
}

/* value and the trap */
.uc-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 12px;padding:0;list-style:none}
.uc-val,.uc-trap{padding:16px 16px 14px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--brand)}
.uc-trap{border-top-color:var(--warn)}
.uc-val-k{margin:0 0 6px;font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}
.uc-trap .uc-val-k{color:var(--warn-ink)}
.uc-val-h{margin:0 0 8px;font:700 16px/1.35 var(--sans);color:var(--ink)}
.uc-val-p{margin:0 0 8px;font:400 14px/1.55 var(--sans);color:var(--ink-2)}
@media (max-width:900px){.uc-vals{grid-template-columns:1fr}}

/* a card segment */
.uc-seg .ar-h2 small{display:block;margin-top:6px;font:600 14px/1.3 var(--sans);text-transform:none;letter-spacing:0;color:var(--ink-3)}

/* one fight */
.uc-b{margin:18px 0 26px;padding:20px 20px 16px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);
  scroll-margin-top:calc(var(--hd-h,64px) + 16px)}
.uc-b-k{margin:0 0 6px;font:700 12px/1.3 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.uc-b-h{margin:0 0 16px;font:800 clamp(22px,2.4vw,28px)/1.1 var(--cond);text-transform:uppercase;color:var(--ink)}
.uc-b-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.uc-f{min-width:0;padding:14px 14px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}
.uc-f-n{margin:0;font:700 17px/1.3 var(--sans);color:var(--ink)}
.uc-f-n a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}
.uc-f-rk{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:6px;background:var(--chip);font:700 11.5px/1.4 var(--sans);color:var(--ink-2);vertical-align:2px}
.uc-f-r{margin:4px 0 12px;font:500 13px/1.45 var(--sans);color:var(--ink-3)}
.uc-f-px{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}
.uc-f-px p{margin:0;min-width:0}
.uc-f-px small{display:block;margin-bottom:4px;font:700 11px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.uc-f-px b{font:800 24px/1 var(--cond);color:var(--ink);display:inline-block;min-width:3.2ch}
.uc-f-d{display:block;margin-top:5px;font:600 12.5px/1.2 var(--sans);color:var(--ink-2)}
.uc-f-k{margin:10px 0 6px;font:700 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
/* method bar: the full width is the whole fight (100%); the filled part is this fighter's win number, split by method */
.uc-mb{height:30px;border-radius:8px;background:var(--chip);overflow:hidden}
.uc-mb-t{display:flex;height:100%;width:calc(var(--win) * 1%)}
.uc-mb-s{flex:var(--w) 1 0;min-width:0;display:grid;place-items:center;container-type:inline-size}
.uc-mb-s+.uc-mb-s{box-shadow:inset 2px 0 0 var(--surface-2)}
.uc-mb-s[data-m="ko"]{background:var(--brand);color:var(--on-brand)}
.uc-mb-s[data-m="sub"]{background:var(--ink);color:var(--paper)}
.uc-mb-s[data-m="dec"]{background:var(--line-3);color:var(--ink)}
.uc-mb-s b{font:800 14px/1 var(--cond);white-space:nowrap}
@container (max-width:22px){.uc-mb-s b{visibility:hidden}}
.uc-f-wb{margin:6px 0 0;font:500 12.5px/1.45 var(--sans);color:var(--ink-3)}
.uc-f-wb b{color:var(--ink-2)}
.uc-f-dz{margin:0;padding-left:18px;display:grid;gap:6px;font:400 14px/1.5 var(--sans);color:var(--ink-2)}
.uc-f-lose{margin:10px 0 0;font:400 13.5px/1.5 var(--sans);color:var(--ink-2)}
.uc-f-lose b{color:var(--ink)}
.uc-f-l3{margin:8px 0 0;font:500 12.5px/1.45 var(--sans);color:var(--ink-3)}
.uc-f-l3 small{font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-right:4px}
.uc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;list-style:none;font:600 12.5px/1.3 var(--sans);color:var(--ink-2)}
.uc-b-ends{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;padding:0}
.uc-b-ends div{padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.uc-b-ends dt{font:700 11px/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.uc-b-ends dd{margin:5px 0 0;font:700 16px/1.25 var(--sans);color:var(--ink)}
.uc-b-body p{margin:0 0 12px;line-height:1.68}
.uc-b-call{padding:12px 14px;border-left:3px solid var(--brand);border-radius:0 10px 10px 0;background:var(--brand-soft);color:var(--ink)}
.uc-b-stat{font-size:14.5px;color:var(--ink-2)}
.uc-props{margin:4px 0 14px}
.uc-pt th[scope="row"]{font-weight:600;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink);background:transparent;white-space:normal}
.uc-note{margin:8px 0 0;font:400 13.5px/1.55 var(--sans);color:var(--ink-2)}
/* payout widget: the answer line reserves three lines, so choosing a fighter or a stake moves nothing */
.uc-c{margin:4px 0 12px;padding:14px 14px 12px;border-radius:var(--r);border:1px solid var(--line);border-top:2px solid var(--brand);background:var(--paper)}
.uc-c-h{margin:0 0 10px;font:800 17px/1.1 var(--cond);text-transform:uppercase;color:var(--ink)}
.uc-c-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.uc-c-o{position:relative;display:inline-flex}
.uc-c-o input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.uc-c-o span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line-3);
  background:var(--surface-2);font:600 14px/1 var(--sans);color:var(--ink)}
.uc-c-o input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.uc-c-o input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.uc-c-s{min-height:44px;min-width:5.2em;padding:0 14px;border-radius:10px;border:1px solid var(--line-3);background:var(--surface-2);
  font:700 14px/1 var(--sans);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}
.uc-c-s[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.uc-c-s:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.uc-c-out{margin:0;min-height:4.4em;font:500 15px/1.47 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums}
.uc-c-out b{color:var(--ink)}
.uc-c-fine{margin:6px 0 0;font:400 12.5px/1.5 var(--sans);color:var(--ink-3)}
.uc-c-fine abbr{text-decoration:underline dotted;cursor:help}
.uc-b-links{margin:0 0 6px}
.uc-srcs summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font:700 13.5px/1 var(--sans);color:var(--ink-2)}
.uc-srcs summary span{font-weight:500;color:var(--ink-3)}
.uc-srcs ol{margin:4px 0 0;padding-left:22px;display:grid;gap:5px;font:400 13px/1.5 var(--sans);color:var(--ink-3)}
.uc-srcs a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
@media (max-width:760px){
  .uc-b{padding:16px 14px 12px}
  .uc-b-duo{grid-template-columns:1fr}
  .uc-b-ends{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Agent Brad's ticket */
.uc-brad-by{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:4px 0 14px}
.uc-brad-by img{border-radius:12px}
.uc-brad-by p{margin:0 0 6px;font:400 15px/1.6 var(--sans);color:var(--ink-2)}
.uc-brad-by p b{color:var(--ink)}
.uc-brad-by p span{font:600 12.5px/1 var(--sans);color:var(--ink-3);margin-left:6px}
.uc-brad-strip{margin:0 0 14px}
.uc-leg-div{display:inline-grid;place-items:center;min-width:44px;height:26px;padding:0 6px;border-radius:6px;background:var(--ink);color:var(--paper);
  font:800 12px/1 var(--sans);letter-spacing:.05em}
.uc-legs .pl-leg-who a{color:inherit}
.uc-brad-cta{margin-top:14px;max-width:420px}
.uc-g-ref{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line-3);background:var(--paper);color:var(--ink);font:700 14px/1 var(--sans);cursor:pointer}
.uc-g-ref:hover{border-color:var(--ink)}
.uc-g-ref:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.uc-g-ref:disabled{opacity:.6;cursor:default}
/* the split under each bar, in words, with the bar's own colour as a key */
.uc-f-split{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;font:600 12.5px/1.4 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums}
.uc-f-split span{display:inline-flex;align-items:center;gap:6px}
.uc-f-split span::before{content:"";width:10px;height:10px;border-radius:3px;flex:none}
.uc-f-split [data-m="ko"]::before{background:var(--brand)}
.uc-f-split [data-m="sub"]::before{background:var(--ink)}
.uc-f-split [data-m="dec"]::before{background:var(--line-3)}

/* 2026-09-30, Mary: the calls in the hero, the body full width, prices coloured by the call.
   Last in the file on purpose: it overrides .uc-v above and fight.css's two-column .ar-grid.
   Colour never carries the call alone: every coloured price sits beside a worded chip or a
   "cheap by" / "pricey by" line. */
.uc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:36px;align-items:start}
@media (max-width:1100px){.uc-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
.uc-calls{padding:18px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--brand);box-shadow:var(--shadow)}
.uc-calls-by{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.uc-calls-by img{border-radius:50%;flex:none}
.uc-calls-by b{display:block;font:700 16px/1.2 var(--sans)}
.uc-calls-by small{display:block;font:500 13px/1.3 var(--sans);color:var(--ink-3)}
.uc-calls-by:hover b{text-decoration:underline;text-underline-offset:3px}
.uc-calls-t{margin:14px 0 8px;font:800 20px/1.1 var(--cond);text-transform:uppercase;color:var(--ink)}
.uc-calls-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.uc-calls-a{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.uc-calls-a:hover{border-color:var(--line-3)}
.uc-calls-a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.uc-calls-a .uc-v{justify-content:center}
.uc-calls-n{min-width:0;font:700 14.5px/1.25 var(--sans);text-wrap:balance}
.uc-calls-n small{display:block;margin-top:2px;font:500 12px/1.3 var(--sans);color:var(--ink-3)}
.uc-calls-px{text-align:right}
.uc-calls-px b{display:block;min-width:3.2ch;font:800 20px/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--ink)}
.uc-calls-px small{display:block;margin-top:3px;font:600 11.5px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}
.uc-calls-when{margin:10px 0 12px;font:500 12.5px/1.45 var(--sans);color:var(--ink-3)}
.uc-calls .gm-note-fine{margin:8px 0 0}
.uc-v[data-v="buy"]{background:var(--gain-soft);color:var(--gain);box-shadow:inset 0 0 0 1px var(--gain)}
.uc-v[data-v="lean"]{background:var(--brand-soft);color:var(--brand-ink)}
.uc-v[data-v="pass"]{background:var(--chip);color:var(--ink-2)}
.uc-v[data-v="pricey"]{background:var(--loss-soft);color:var(--loss-ink);box-shadow:inset 0 0 0 1px var(--loss-ink)}
[data-ask][data-v="buy"]{color:var(--gain)}
[data-ask][data-v="pricey"]{color:var(--loss-ink)}
[data-c="up"]{color:var(--gain)}
[data-c="dn"]{color:var(--loss-ink)}
.uc-key{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0 0 12px;padding:0;font:500 12.5px/1.4 var(--sans);color:var(--ink-3)}
.uc-key li{display:inline-flex;align-items:center;gap:7px}
.uc-body{grid-template-columns:minmax(0,1fr)}
.uc-body .ar-body{max-width:none}
.uc-body .ar-lede-s,.uc-body .ar-src > p,.uc-body .rs-faq,.uc-body #how ~ p{max-width:72ch}
.uc-body .ar-s.prose:not(.ar-src) > p{max-width:72ch}
@media (min-width:1100px){
  .uc-b-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}
  .uc-b-side .uc-b-ends{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
}

/* 2026-09-30, Mary, second pass (Jay: "need better alignment ... compact with ability to expand ... submenu
   so we can shift from sections better"). Last in the file on purpose. */
/* the fighter panel: labels on one line, numbers on one line (a two-row subgrid), name and rank on one row */
.uc-f-n{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.uc-f-n .uc-f-rk{margin-left:0}
.uc-f-px{grid-template-rows:auto auto;align-items:start;row-gap:6px}
.uc-f-px p{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:6px;align-content:start}
.uc-f-px small{margin:0;align-self:end}
.uc-f-vd{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.uc-f-vd .uc-f-d{margin:0}
/* one fight, compact: both fighters, the call, how it ends; the full breakdown opens under it */
.uc-b{margin:14px 0;padding:18px 20px}
.uc-b-h{margin-bottom:12px}
.uc-bs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:760px){.uc-bs{grid-template-columns:minmax(0,1fr)}}
.uc-bs-f{display:grid;align-content:start;gap:6px;min-width:0;padding:12px 14px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--line-3)}
.uc-bs-f[data-v="buy"]{border-left-color:var(--gain)}
.uc-bs-f[data-v="lean"]{border-left-color:var(--brand)}
.uc-bs-f[data-v="pricey"]{border-left-color:var(--loss-ink)}
.uc-bs-n{margin:0;font:700 17px/1.25 var(--sans);color:var(--ink)}
.uc-bs-m{margin:0;font:500 12.5px/1.4 var(--sans);color:var(--ink-3)}
.uc-bs-px{display:grid;grid-template-columns:repeat(3,max-content);grid-template-rows:auto auto;column-gap:24px;margin:4px 0 0}
.uc-bs-px>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:5px}
.uc-bs-px dt{align-self:end;font:700 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.uc-bs-px dd{margin:0;display:flex;align-items:center;min-height:28px}
.uc-bs-px b{min-width:3.2ch;font:800 24px/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--ink)}
.uc-bs-how{margin:2px 0 0;font:500 12.5px/1.4 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.uc-bs-call{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--brand);border-radius:0 10px 10px 0;background:var(--brand-soft);font:500 15px/1.55 var(--sans);color:var(--ink)}
.uc-bs-end{margin:8px 0 0;font:500 13.5px/1.45 var(--sans);color:var(--ink-3)}
.uc-bs-end b{color:var(--ink-2)}
.uc-b-more{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.uc-b-more>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;min-height:44px;padding:10px 14px}
.uc-b-more>summary::-webkit-details-marker{display:none}
.uc-b-more>summary:hover .uc-b-more-t{text-decoration:underline;text-underline-offset:3px}
.uc-b-more>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:12px}
.uc-b-more-t{font:800 15px/1.2 var(--sans);color:var(--ink)}
.uc-b-more-s{grid-column:1;font:500 12.5px/1.35 var(--sans);color:var(--ink-3)}
.uc-b-more-c{grid-column:2;grid-row:1/3;width:20px;height:20px;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.uc-b-more[open]>summary{border-bottom:1px solid var(--line)}
.uc-b-more[open] .uc-b-more-c{transform:rotate(180deg)}
.uc-b-more>.uc-b-grid{padding:14px}
/* the section bar: the hub's own bar (sport-hub.css .uh-toc), plus one control to open every fight */
.uh-toc .uc-all{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-3);background:var(--paper);color:var(--ink);font:700 13.5px/1 var(--sans);white-space:nowrap;cursor:pointer}
.uh-toc .uc-all:hover{border-color:var(--ink)}
.uh-toc .uc-all:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.uh-toc .uc-all[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:640px){.uh-toc .uc-all{min-height:36px;padding:0 10px;font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.uc-b-more-c{transition:none}}
/* the bar's scroll-padding (sport-hub.css) already clears the header and the bar; fight.css adds a
   scroll-margin to .ar-s and .ar-h2 on top, which landed headings 80px low. Zero it here only. */
html:has(#toc-bar) .uc-body .ar-s,html:has(#toc-bar) .uc-body .ar-h2,html:has(#toc-bar) .uc-b{scroll-margin-top:0}
/* the compact fighter card: who on the left, the prices on the right; stacked on a phone */
.uc-bs .uc-bs-f{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:4px}
.uc-bs .uc-bs-n,.uc-bs .uc-bs-m,.uc-bs .uc-bs-how{grid-column:1;margin:0}
.uc-bs .uc-bs-px{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.uc-b .uc-bs-call,.uc-b .uc-bs-end{max-width:none}
@media (max-width:1100px) and (min-width:761px){.uc-bs .uc-bs-f{grid-template-columns:minmax(0,1fr)}.uc-bs .uc-bs-px{grid-column:1;grid-row:auto;margin-top:4px}}
@media (max-width:480px){.uc-bs .uc-bs-f{grid-template-columns:minmax(0,1fr)}.uc-bs .uc-bs-px{grid-column:1;grid-row:auto;margin-top:4px}}
/* the odds table: price over "ours", both on the cell's left edge */
.uc-g-px{display:grid;justify-items:start;gap:3px}
.uc-g-px small{margin-left:0}