/* nye-bettingsider.com home v2 (2026-10-20): finder, facts, picks, brand block. Builds on nbs.css tokens. */
.nbh-hero-cta{margin:16px 0 0}
.nbh-strip{background:linear-gradient(180deg,#e7eef7 0,var(--bg) 220px)}
.nbh-head{max-width:760px;margin:0 0 14px}
.nbh-head h2{margin-bottom:.25em}
.nbh-head p{margin:0;color:var(--muted)}

/* controls */
.nbh-ctrl{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px;box-shadow:0 6px 22px rgba(14,42,71,.07);margin:0 0 10px}
.nbh-ctrl-row{display:flex;align-items:center;gap:10px;min-width:0}
.nbh-ctrl-l{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);flex:0 0 auto;min-width:58px}
.nbh-seg,.nbh-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;padding:2px}
.nbh-seg::-webkit-scrollbar,.nbh-chips::-webkit-scrollbar{display:none}
.nbh-seg button,.nbh-chips button{flex:0 0 auto;font:700 14px/1 var(--fb);border-radius:var(--pill);padding:10px 14px;min-height:40px;cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.nbh-seg button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}
.nbh-chips button::before{content:"+";display:inline-block;width:1em;font-weight:900;color:var(--muted)}
.nbh-chips button[aria-pressed=true]{background:#fff6c2;border-color:var(--accent-d)}
.nbh-chips button[aria-pressed=true]::before{content:"\2713";color:var(--ink)}
.nbh-seg button:hover,.nbh-chips button:hover{border-color:var(--ink)}
.nbh-sliders{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.nbh-sliders{grid-template-columns:1fr 1fr;gap:22px}}
.nbh-range{display:grid;gap:6px;background:var(--soft);border-radius:10px;padding:10px 12px}
.nbh-range label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;font-size:14px}
.nbh-range output{font-family:var(--fd);font-size:22px;line-height:1;color:var(--primary)}
.nbh-range input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:pointer;--p:0%}
.nbh-range input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--primary) var(--p),#c9d5e3 var(--p))}
.nbh-range input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:#c9d5e3}
.nbh-range input[type=range]::-moz-range-progress{height:8px;border-radius:8px;background:var(--primary)}
.nbh-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid var(--primary);margin-top:-9px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.nbh-range input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--primary)}
.nbh-range input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.nbh-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
@media (max-width:559px){
  .nbh-ctrl{padding:12px;gap:10px}
  .nbh-ctrl-l{min-width:0;font-size:11px}
  .nbh-ctrl-row:first-child{display:block}
  .nbh-ctrl-row:first-child .nbh-ctrl-l{display:none}
  .nbh-seg{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .nbh-seg button{width:100%}
  .nbh-sliders{grid-template-columns:1fr 1fr;gap:8px}
  .nbh-range{padding:8px 10px;gap:2px}
  .nbh-range label{display:block;font-size:12.5px;line-height:1.25}
  .nbh-range output{display:block;font-size:20px;margin-top:2px}
  .nbh-scale{display:none}
  .nbh-seg button,.nbh-chips button{padding:9px 12px;min-height:38px;font-size:13.5px}
  .nbh-head p{font-size:15px}
}
.nbh-count{margin:0;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.nbh-count span{font-weight:700;color:var(--ink)}
.nbh-reset{font:700 13px/1 var(--fb);border:0;background:none;color:var(--blue);text-decoration:underline;cursor:pointer;padding:6px 0}

/* cards */
.nbh-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nbh-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;grid-template-columns:1fr;align-items:center}
.nbh-card[hidden]{display:none}
.nbh-card.is-new{border-color:#f0d24a;box-shadow:inset 4px 0 0 var(--accent)}
.nbh-c-id{display:flex;align-items:center;gap:10px;min-width:0}
.nbh-n{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font:700 16px/1 var(--fd)}
.nbh-c-id .nbs-tile{width:110px;height:44px;flex:0 0 auto}
.nbh-c-name{min-width:0}
.nbh-c-name h3{font-size:22px;margin:0 0 3px}
.nbh-c-name h3 a{color:var(--ink);text-decoration:none}
.nbh-c-name h3 a:hover{text-decoration:underline}
.nbh-badge{display:inline-block;font-size:12px;font-weight:800;border-radius:var(--pill);padding:3px 9px;background:var(--soft);color:var(--primary);white-space:nowrap}
.nbh-badge.is-new{background:var(--accent);color:var(--ink)}
.nbh-badge.is-unk{background:#f1f3f6;color:var(--muted);font-weight:700}
.nbh-c-offer{margin:0;font-family:var(--fd);font-size:21px;line-height:1.15;font-weight:700}
.nbh-c-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.nbh-c-facts div{background:var(--soft);border-radius:8px;padding:6px 8px;min-width:0}
.nbh-c-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}
.nbh-c-facts dd{margin:0;font-size:13px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.nbh-c-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nbh-c-act .nbs-go{flex:1 1 170px}
.nbh-c-rev{font-size:14px;font-weight:700}
.nbh-c-fine{margin:0;font-size:11.5px;color:var(--muted);line-height:1.4}
@media (min-width:980px){
  .nbh-card{grid-template-columns:minmax(230px,1.1fr) minmax(0,1.3fr) minmax(250px,.95fr);grid-template-areas:"id offer act" "id facts act" "fine fine fine";column-gap:18px;row-gap:8px;padding:14px 18px}
  .nbh-c-id{grid-area:id}.nbh-c-offer{grid-area:offer;align-self:end}.nbh-c-facts{grid-area:facts;align-self:start}.nbh-c-act{grid-area:act;justify-content:flex-end}.nbh-c-fine{grid-area:fine;border-top:1px dashed var(--line);padding-top:6px}
  .nbh-c-act .nbs-go{flex:0 0 auto}
}
.nbh-empty{background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:16px;text-align:center}
.nbh-more{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}

/* explain + facts */
.nbh-prose > section{margin:0 0 30px}
.nbh-fgrid{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:700px){.nbh-fgrid{grid-template-columns:1fr 1fr}}
.nbh-fcol{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.nbh-fcol.is-yes{border-top:5px solid #1f8a4c}
.nbh-fcol.is-no{border-top:5px solid #c77700}
.nbh-fcol h3{font-size:22px;margin:0 0 8px}
.nbh-fcol.is-yes h3 span{color:#1f8a4c}.nbh-fcol.is-no h3 span{color:#c77700}
.nbh-fcol ul{list-style:none;padding:0;margin:0}
.nbh-fcol li{padding:9px 0;border-top:1px solid var(--soft)}
.nbh-fcol li:first-child{border-top:0}
.nbh-fcol p{margin:0 0 3px;font-size:15px;line-height:1.45}
.nbh-fcol .nbs-src{font-size:12px;color:var(--muted)}

/* picks */
.nbh-pick-nav{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.nbh-pick-nav a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-decoration:none;color:var(--ink)}
.nbh-pick-nav a:hover{border-color:var(--ink)}
.nbh-pick-nav img{grid-row:span 2;width:60px;height:24px;border-radius:4px;object-fit:contain;background:#0e2a47}
.nbh-pick-nav span{font-weight:800;font-size:14px}
.nbh-pick-nav small{font-size:12px;color:var(--muted)}
.nbh-pick{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 18px;scroll-margin-top:90px}
.nbh-pick-h{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.nbh-pick-h > div{flex:1 1 220px;min-width:0}
.nbh-pick-h h3{font-size:26px;margin:0 0 4px}
.nbh-pick-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.nbh-shot{margin:0 0 12px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b1522}
.nbh-shot img{display:block;width:100%;height:auto}
.nbh-shot figcaption{font-size:12px;color:#c8d3e0;padding:6px 10px}
.nbh-pick-body p{margin:0 0 .8em}
.nbh-pick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px}
@media (min-width:700px){.nbh-pick-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nbh-pick-facts div{background:var(--soft);border-radius:8px;padding:7px 10px}
.nbh-pick-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}
.nbh-pick-facts dd{margin:0;font-weight:700;font-size:14px;line-height:1.35}
.nbh-pc{display:grid;gap:10px;grid-template-columns:1fr;margin:0 0 12px}
@media (min-width:640px){.nbh-pc{grid-template-columns:1fr 1fr}}
.nbh-pc > div{border-radius:10px;padding:10px 14px}
.nbh-pro{background:#eaf7ef}.nbh-con{background:#fff3e6}
.nbh-pc h4{margin:0 0 4px;font:700 18px/1.1 var(--fd)}
.nbh-pc ul{list-style:none;padding:0;margin:0}
.nbh-pc li{position:relative;padding:3px 0 3px 22px;font-size:15px;line-height:1.45}
.nbh-pro li::before{content:"\2713";position:absolute;left:2px;color:#1f8a4c;font-weight:900}
.nbh-con li::before{content:"\2013";position:absolute;left:4px;color:#c77700;font-weight:900}
.nbh-pick-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px}
.nbh-pick-cta .nbs-muted{flex:1 1 100%;font-size:12px}
.nbh-pick .nbs-src{font-size:12px;color:var(--muted)}
@media (max-width:559px){.nbh-pick-cta .nbs-go,.nbh-pick-cta .nbs-btn{flex:1 1 100%;justify-content:center}.nbh-pick{padding:12px}.nbh-pick-h h3{font-size:23px}}

/* brand block */
.nbh-brand{background:var(--primary);color:#e6eef8;border-radius:18px;padding:20px;margin:10px 0 30px}
.nbh-brand h2{color:#fff;margin:0}
.nbh-brand .nbs-kicker{color:var(--accent);margin:0 0 4px}
.nbh-brand-top{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.nbh-brand a{color:#9fd3ff}
.nbh-brand-body p{margin:0 0 .8em}
.nbh-brand-body ul{margin:0 0 1em}
.nbh-brand-stats{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:700px){.nbh-brand-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nbh-brand-stats li{background:rgba(255,255,255,.07);border-radius:10px;padding:10px}
.nbh-brand-stats b{display:block;font:700 28px/1 var(--fd);color:var(--accent)}
.nbh-brand-stats span{font-size:13px}
.nbh-people{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:640px){.nbh-people{grid-template-columns:1fr 1fr}}
.nbh-people li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border-radius:10px;padding:8px 10px}
.nbh-people img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#fff}
.nbh-people span{display:grid}
.nbh-people a{color:#fff;font-weight:800}
.nbh-people small{color:#c8d3e0;font-size:13px}
.nbh-brand-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.nbh-brand .nbs-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.nbh-brand .nbs-btn:hover{border-color:#fff;color:#fff}