/* site-v6.css — the new site design (design_handoff_reko_research): tokens and the shared pieces of the research pages
   (ticker, breadcrumb + sport bar, cards, tables, chips, jerseys, bars). Page-specific layout lives with each page. */
:root{
  --v6-bg:#0a0b0c;--v6-surface:#0e1112;--v6-raised:#141719;--v6-strip:#0c0e0f;
  --v6-lime:#8bf560;--v6-lime-h:#a7fa83;--v6-lime-t:#b9f39b;--v6-lime-s:#c4fba9;--v6-lime-bg:rgba(139,245,96,.12);--v6-lime-bg2:rgba(139,245,96,.14);
  --v6-ink:#eef0ed;--v6-ink2:#c3c8c4;--v6-ink3:#b8beba;--v6-mute:#a9aeaa;--v6-mute2:#8d928e;--v6-mute3:#6f7471;
  --v6-neg:#ff9d8f;--v6-neg-bar:#ff7b6b;--v6-info:#9fdcff;--v6-warn:#f0d58a;
  --v6-b06:rgba(255,255,255,.06);--v6-b08:rgba(255,255,255,.08);--v6-b10:rgba(255,255,255,.1);--v6-b12:rgba(255,255,255,.12);
  --v6-sans:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;--v6-mono:'Spline Sans Mono',ui-monospace,'SF Mono',monospace;
  --v6-pad:max(28px,calc((100% - 1360px) / 2));
}
body.rk6{background:var(--v6-bg)}
.v6{font-family:var(--v6-sans);color:var(--v6-ink);-webkit-font-smoothing:antialiased}
.v6 *,.v6 *::before,.v6 *::after{box-sizing:border-box}
.v6 a{color:var(--v6-lime);text-decoration:none}
.v6 a:hover{color:var(--v6-lime-s)}
.v6 .mono{font-family:var(--v6-mono);font-variant-numeric:tabular-nums}
.v6 h1{margin:0;font-size:clamp(30px,2.8vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.v6 h2{margin:0;font-size:clamp(22px,2vw,28px);font-weight:700;letter-spacing:-.03em}
.v6 h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em}
.v6 .sub{font-size:14.5px;color:var(--v6-mute);line-height:1.5}
/* no focus ring outside any box, ever (browser default included); keyboard focus lightens the box's own border */
*:focus,*:focus-visible{outline:none!important}
.v6 :is(button,select,summary,a,[tabindex]):focus-visible{border-color:rgba(255,255,255,.45)}
/* typing boxes and dropdowns never get a ring (clicking into one counts as focus): the box they sit in lightens instead */
.v6 input:focus,.v6 input:focus-visible,.v6 select:focus,.v6 select:focus-visible,.v6 textarea:focus,.v6 textarea:focus-visible{outline:none!important;box-shadow:none}
.v6 :has(> input:focus),.v6 :has(> select:focus){border-color:rgba(255,255,255,.3)}
@keyframes v6-in{from{opacity:0}to{opacity:1}}
@keyframes v6-up{from{opacity:0}to{opacity:1}}
@keyframes v6-grow{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes v6-growx{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes v6-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes v6-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes v6-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.v6 *,.v6 *::before,.v6 *::after{animation:none!important;transition:none!important}}

/* page frame */
.v6-body{padding:24px 0 56px;display:grid;gap:24px;align-items:start}
.v6-body.rail{grid-template-columns:minmax(0,1fr) 340px}
@media(max-width:1180px){.v6-body.rail{grid-template-columns:minmax(0,1fr)}}
.v6-main{min-width:0;display:flex;flex-direction:column;gap:22px;animation:v6-in .25s ease both}
.v6-rail{min-width:0;display:flex;flex-direction:column;gap:20px}

/* game ticker (under the top bar on matchup pages) */
.v6-ticker{display:flex;align-items:stretch;gap:10px;padding:12px var(--v6-pad);border-bottom:1px solid rgba(255,255,255,.07);background:var(--v6-strip);overflow:hidden;font-family:var(--v6-sans);color:var(--v6-ink)}
.v6-ticker .tl{flex:none;width:104px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.v6-ticker .tl b{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--v6-lime)}
.v6-ticker .tl span{font-size:15px;font-weight:700;line-height:1.2}
.v6-ticker .tl a{margin-top:4px;font-size:12.5px;font-weight:700;color:var(--v6-mute);text-decoration:none}
.v6-ticker .tl a:hover{color:var(--v6-ink)}
.v6-tk{flex:1 1 0;min-width:0;max-width:300px;border-radius:16px;background:var(--v6-surface);border:1px solid var(--v6-b08);padding:10px 12px 11px;text-decoration:none!important;color:var(--v6-ink)!important;display:block;transition:border-color .15s}
.v6-tk:hover{border-color:rgba(255,255,255,.22)}
.v6-tk .hd{display:flex;font-size:11.5px;font-weight:600;color:var(--v6-mute)}
.v6-tk .hd b{color:var(--v6-ink);font-weight:700}
.v6-tk .hd .r{margin-left:auto;padding-left:8px}
.v6-tk .tm{display:flex;align-items:center;gap:9px;margin-top:8px}
.v6-tk .tm+.tm{margin-top:6px}
.v6-tk .tm .n{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6-tk .tm .p{font-family:var(--v6-mono);font-size:15px;font-weight:700}
.v6-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px}
.v6-cell{display:block;padding:6px 4px;border-radius:10px;background:rgba(255,255,255,.04);text-align:center;min-width:0}
.v6-cell .l{display:block;font-size:10.5px;font-weight:600;color:var(--v6-mute)}
.v6-cell .v{display:block;font-family:var(--v6-mono);font-size:12px;font-weight:700;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* a price that beats the Reko fair line (rk6_game_value): the one thing green means on a game card */
.v6-cell.val{background:rgba(139,245,96,.14)}.v6-cell.val .l,.v6-cell.val .v{color:#b9f39b}
/* ticker cells: spread and win carry a team code ("SAS −2.9", "SAS 59%"), so they get the room and the total less */
.v6-tk{padding:10px 10px 11px}
.v6-tk .v6-cells{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.1fr);gap:4px}
.v6-tk .v6-cell{padding:6px 2px}
.v6-tk .v6-cell .v{font-size:11px;letter-spacing:-.01em}
@media(max-width:760px){.v6-ticker{padding:10px 16px}.v6-ticker .tl{display:none}}

/* breadcrumb + sport bar */
.v6-crumb{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--v6-b06)}
.v6-crumb .path{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--v6-mute)}
.v6-crumb .path b{color:var(--v6-ink);font-weight:600}
.v6-crumb .path a{color:var(--v6-mute)}.v6-crumb .path a:hover{color:var(--v6-ink)}
.v6-sports{margin-left:auto;display:flex;gap:6px}
.v6-pill{height:36px;padding:0 18px;border-radius:999px;background:transparent;border:1px solid var(--v6-b12);font:700 13.5px/1 var(--v6-sans);color:var(--v6-ink3)!important;display:inline-flex;align-items:center;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.v6-pill:hover{border-color:rgba(255,255,255,.3);color:var(--v6-ink)!important}
.v6-pill.on{background:var(--v6-lime-bg);border-color:rgba(139,245,96,.45);color:var(--v6-ink)!important}
.v6-pill.dis{color:#5f6461!important;pointer-events:none}

/* cards and section heads */
.v6-card{border-radius:22px;background:var(--v6-surface);border:1px solid var(--v6-b08);padding:22px}
.v6-card.tight{padding:18px}
.v6-hd{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.v6-hd h2,.v6-hd h3{font-size:18px;letter-spacing:-.02em}
.v6-hd .more{margin-left:auto;font-size:13px;font-weight:700;color:var(--v6-lime);white-space:nowrap}
.v6-hd .v6-note{margin-left:auto;font-size:12.5px;color:var(--v6-mute2)}
.v6-empty{border-radius:22px;background:var(--v6-surface);border:1px dashed rgba(255,255,255,.14);padding:40px 28px;text-align:center;color:var(--v6-ink3)}
.v6-empty h3{color:var(--v6-ink);margin-bottom:8px}

/* buttons and chips */
.v6-btn{height:40px;padding:0 18px;border-radius:999px;background:var(--v6-lime);color:#0b0c0e!important;font:700 14px/1 var(--v6-sans);display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;border:0;cursor:pointer;white-space:nowrap}
.v6-btn:hover{background:var(--v6-lime-h)}
.v6-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--v6-ink)!important}
.v6-btn.ghost:hover{border-color:rgba(255,255,255,.4)}
.v6-btn.sm{height:32px;padding:0 13px;font-size:12.5px}
.v6-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--v6-b08);flex-wrap:wrap}
.v6-seg a,.v6-seg button{height:30px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--v6-sans);color:var(--v6-mute)!important;display:inline-flex;align-items:center;text-decoration:none!important;background:none;border:0;cursor:pointer;white-space:nowrap}
.v6-seg a:hover,.v6-seg button:hover{color:var(--v6-ink)!important}
.v6-seg a.on,.v6-seg button.on{background:var(--v6-lime-bg2);color:var(--v6-lime-t)!important}
.v6-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:7px;font-size:11.5px;font-weight:700;white-space:nowrap}
.v6-tag.out{background:rgba(255,123,107,.15);color:var(--v6-neg)}
.v6-tag.q{background:rgba(240,213,138,.14);color:var(--v6-warn)}
.v6-tag.up{background:rgba(111,208,255,.13);color:var(--v6-info)}
.v6-tag.ok{background:var(--v6-lime-bg2);color:var(--v6-lime-t)}
.v6-tag.new{background:rgba(240,213,138,.1);color:var(--v6-warn);font-weight:600}
.v6-dot{width:7px;height:7px;border-radius:50%;background:var(--v6-lime);display:inline-block;animation:v6-pulse 1.6s ease-in-out infinite}
.v6-upd{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--v6-mute2)}

/* grid tables (no horizontal scroll: minmax(0,…) columns, ellipsis) */
.v6-tbl{border-radius:20px;background:var(--v6-surface);border:1px solid var(--v6-b08);overflow:hidden}
.v6-tr{display:grid;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--v6-b06);color:var(--v6-ink)!important;text-decoration:none!important;min-width:0}
.v6-tr:first-child{border-top:0}
a.v6-tr:hover,.v6-tr.click:hover{background:rgba(255,255,255,.03)}
.v6-th{font-size:12px;font-weight:600;color:var(--v6-mute2);background:rgba(255,255,255,.02);padding-top:10px;padding-bottom:10px}
.v6-th button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.v6-th button:hover,.v6-th button.on{color:var(--v6-ink)}
.v6-td{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6-td.n{text-align:right;font-family:var(--v6-mono);font-variant-numeric:tabular-nums}
.v6-td.c{text-align:center}
.v6-team{display:flex;align-items:center;gap:10px;min-width:0}
.v6-team .nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.v6-team .rc{font-size:12px;color:var(--v6-mute2);font-weight:500}

/* hit bars (recent games against a line) */
.v6-hits{display:flex;align-items:flex-end;gap:2px;height:30px;max-width:112px;position:relative}
.v6-hits i{flex:1 1 0;min-width:2px;border-radius:2px 2px 0 0;background:rgba(255,123,107,.55);transform-origin:bottom;animation:v6-grow .5s cubic-bezier(.2,.7,.2,1) both}
.v6-hits i.y{background:var(--v6-lime)}
.v6-hits .ln{position:absolute;left:0;right:0;border-top:1px dashed rgba(255,255,255,.5)}

/* win-probability bar */
.v6-wpb{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:3px}
.v6-wpb i{display:block;height:100%;border-radius:999px;transform-origin:left;animation:v6-growx .7s cubic-bezier(.2,.7,.2,1) both}
/* phones: the phone header (title, sport bar, section chips; _topnav.php) replaces the breadcrumb, the sport pills and
   the section tabs */
@media(max-width:720px){.v6-crumb,.v6-subtabs,.pp-crumb{display:none!important}.v6-body{padding-top:14px}}
/* questions at the foot of a research page (rk6_faq_html) */
/* full width: the heading and a line on the left, the questions on the right; stacked on narrow screens */
.v6-faq{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:16px 48px;align-items:start;margin-top:16px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}
.v6-faq h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.v6-faq .fh p{margin:8px 0 0;padding:0;font-size:14px;color:#a9aeaa}
.v6-faq .fq{border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:860px){.v6-faq{grid-template-columns:1fr;gap:12px}}
.v6-faq details{border-bottom:1px solid rgba(255,255,255,.07)}
.v6-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;font-size:15px;font-weight:700;color:#eef0ed}
.v6-faq summary::-webkit-details-marker{display:none}
.v6-faq summary span{flex:none;color:#8bf560;font-size:20px;line-height:1;transition:transform .18s}
.v6-faq details[open] summary span{transform:rotate(45deg)}
.v6-faq summary:focus-visible{color:#fff}
.v6-faq .fq p{margin:0;padding:0 2px 16px;font-size:14.5px;line-height:1.65;color:#b8beba;max-width:760px}

/* text for screen readers and search engines only (a page heading the layout already shows another way) */
.v6-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* a player's name linking to his page: keeps the text colour, lime on hover */
a.rk-pl,.v6 a.rk-pl{color:inherit;text-decoration:none}a.rk-pl:hover,.v6 a.rk-pl:hover{color:var(--v6-lime,#8bf560);text-decoration:underline;text-underline-offset:3px}