/* Odds2Win homepage 2026 — structural mobile-first design
   Scoped to body.home. Existing prediction articles and URL routes unchanged. */
body.home{
  --o2w-ink:#142c20;
  --o2w-muted:#475c50;
  --o2w-green:#237b3c;
  --o2w-border:#d8e7dc;
  --o2w-light:#f2f8f3;
}
body.home main#main{background:#f7faf7;padding:25px 0 38px!important;color:var(--o2w-ink)}
body.home main#main .o2w-home-root{max-width:1260px;padding-left:20px;padding-right:20px}
body.home main#main .o2w-home-main-title{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  font-size:clamp(29px,3vw,39px);font-weight:800;line-height:1.11;letter-spacing:-.015em;color:#102a1a
}
body.home main#main .o2w-home-subtitle{font-size:15px;line-height:1.55;color:var(--o2w-muted);max-width:790px}
body.home main#main .o2w-card{
  border:1px solid var(--o2w-border)!important;border-top:3px solid var(--o2w-green)!important;
  border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 2px 11px rgba(20,60,35,.045)!important;
}
body.home main#main .o2w-card>.card-body{padding:22px!important}
body.home main#main a:focus-visible,body.home .o2w-home-shortcut-track a:focus-visible,
body.home .o2w-home-menu-launch:focus-visible,body.home main#main summary:focus-visible{
  outline:3px solid #138544;outline-offset:3px
}
body.home main#main .o2w-home-intro{margin:0!important}
body.home main#main .o2w-home-intro p{font-size:15px;line-height:1.5;color:#40594a}
body.home main#main .o2w-home-intro .card-body{padding:17px 21px!important}
body.home .o2w-home-intro-links{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
body.home .o2w-home-intro-links a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;
  background:#f2f8f3;border:1px solid #caddcf;border-radius:8px;
  color:#235c35;font-size:13px;line-height:1.3;font-weight:750;text-decoration:none
}
body.home .o2w-home-intro-links a.o2w-home-primary-cta{background:#237b3c;border-color:#237b3c;color:#fff}
body.home .o2w-home-intro-links a:hover{background:#e2f2e6}
body.home .o2w-home-intro-links a.o2w-home-primary-cta:hover{background:#145d2b;color:#fff}
body.home .o2w-home-hero-tools{display:flex;align-items:stretch}
body.home .o2w-home-tools-card{
  width:100%;padding:20px;background:#fff;border:1px solid var(--o2w-border);
  border-top:3px solid var(--o2w-green);border-radius:13px;
  box-shadow:0 2px 11px rgba(20,60,35,.04)
}
body.home .o2w-home-tools-card h2{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;color:#142c20;
  font-size:23px;line-height:1.15;margin:0 0 6px
}
body.home .o2w-tools-explainer{font-size:13px;line-height:1.45;color:var(--o2w-muted);margin:0 0 13px}
body.home .o2w-home-tools-card>a{
  display:flex;align-items:center;gap:11px;min-height:50px;padding:9px 1px;
  text-decoration:none;border-top:1px solid #e8eee9;color:#183d29
}
body.home .o2w-home-tools-card>a:hover{color:#16662d}
body.home .o2w-home-tools-card>a>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}
body.home .o2w-home-tools-card>a strong{font-size:13.5px;font-weight:800;line-height:1.3}
body.home .o2w-home-tools-card>a small{font-size:11.5px;color:#4b5e53;line-height:1.4}
body.home .o2w-home-tools-card .o2w-tools-icon{
  display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;
  border-radius:8px;background:#e6f4e9;color:#176b35;font-size:16px;font-weight:850
}
body.home .o2w-home-flow{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:17px;margin-top:18px;align-items:start
}
body.home .o2w-home-flow>[aria-labelledby="o2w-home-next-title"]{
  grid-column:1/-1;grid-row:1;margin:0!important
}
body.home .o2w-home-flow>#o2w-home-sponsored-banner{
  grid-column:1/-1;grid-row:2;width:100%;margin:0!important;min-width:0
}
body.home .o2w-home-flow>[aria-labelledby="o2w-home-results-title"]{
  grid-column:1;grid-row:3;margin:0!important;min-width:0
}
body.home .o2w-home-flow>[aria-labelledby="o2w-home-example-title"]{
  grid-column:2;grid-row:3;margin:0!important;min-width:0
}
body.home .o2w-home-flow>.o2w-home-lower{
  grid-column:1/-1;grid-row:4;width:100%;min-width:0;display:grid;gap:16px
}
body.home .o2w-home-lower>.o2w-card{margin:0!important}
body.home main#main .o2w-home-seo h2,
body.home main#main .o2w-home-lower h2{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:24px;line-height:1.2;
  color:#173220;font-weight:800;margin:0 0 9px
}
body.home main#main .o2w-home-seo p,
body.home main#main .o2w-home-lower p{color:var(--o2w-muted);line-height:1.55}
body.home main#main .o2w-home-seo .o2w-next-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px
}
body.home main#main .o2w-next-grid>.o2w-match-enhanced{
  display:flex;flex-direction:column;gap:9px;min-width:0;min-height:188px;
  padding:16px 17px;border:1px solid #d5e6d9;border-left:3px solid #268b42;
  border-radius:10px;background:#fbfdfb;color:#152d22!important;
  box-shadow:none;text-decoration:none!important;
  transition:border-color .15s,background .15s;
}
body.home main#main .o2w-next-grid>.o2w-match-enhanced:hover{border-color:#88bd95;background:#f2f9f3}
body.home .o2w-match-enhanced .o2w-match-topline{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 9px
}
body.home .o2w-match-enhanced .o2w-sport-label{
  display:inline-flex;align-items:center;background:#e7f5e9;color:#1a6734;border-radius:5px;
  padding:4px 7px;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;font-weight:850
}
body.home .o2w-match-enhanced time{font-size:12px;color:#425b4b;font-weight:750;font-variant-numeric:tabular-nums}
body.home .o2w-match-enhanced .o2w-match-name{
  display:block;font-size:19px;line-height:1.25;font-weight:800;letter-spacing:-.01em;
  color:#163220;overflow-wrap:anywhere
}
body.home .o2w-match-enhanced .o2w-match-league{
  font-size:13.5px;line-height:1.4;color:#4c6051;display:-webkit-box;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
body.home .o2w-match-enhanced .o2w-selection-bar{display:flex;flex-wrap:wrap;gap:6px}
body.home .o2w-match-enhanced .o2w-selection-pill,
body.home .o2w-match-enhanced .o2w-price-pill{
  display:inline-block;padding:6px 8px;border:1px solid #d6e7d9;border-radius:7px;
  font-size:12px;line-height:1.25;font-weight:750;overflow-wrap:anywhere
}
body.home .o2w-match-enhanced .o2w-selection-pill{color:#fff;background:#195a31;border-color:#195a31}
body.home .o2w-match-enhanced .o2w-price-pill{color:#205f35;background:#e7f5ea}
body.home .o2w-match-enhanced .o2w-price-pill--market{color:#244f70;background:#e7f1f7;border-color:#c6ddeb}
body.home .o2w-match-enhanced .o2w-risk-teaser{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  color:#445b4b;font-size:13.5px;line-height:1.45
}
body.home .o2w-match-enhanced .o2w-risk-teaser b{color:#243c29}
body.home .o2w-match-enhanced .o2w-match-more{
  color:#1d7035;font-size:13px;font-weight:800;padding-top:8px;margin-top:auto;
  border-top:1px solid #dcebe0
}
body.home main#main .o2w-home-seo .o2w-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.home main#main .o2w-home-seo .o2w-kpi{
  min-width:0;padding:13px;background:#f0f8f1;border:1px solid #d4e5d8;border-radius:9px
}
body.home main#main .o2w-home-seo .o2w-kpi small{color:#4b5c51;font-size:12px;line-height:1.3}
body.home main#main .o2w-home-seo .o2w-kpi strong{
  color:#1c402b;font-size:25px;line-height:1.2;font-weight:850;font-variant-numeric:tabular-nums
}
body.home main#main .o2w-home-seo .o2w-kpi.o2w-negative strong{color:#a22736}
body.home main#main .o2w-home-seo .o2w-footnote{font-size:12.5px;line-height:1.5;color:#4f6255}
body.home main#main .o2w-home-seo .o2w-math{background:#eff6f0;border-left-color:#1e7a3b;border-radius:8px}
body.home #o2w-home-sponsored-banner .o2w-home-sponsored-link{border-radius:10px}
body.home main#main .o2w-home-sports .card-body{padding:21px!important}
body.home .o2w-home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
body.home main#main .o2w-home-section-heading h2{margin-bottom:3px}
body.home .o2w-home-section-heading p{margin:0;font-size:13.5px}
body.home .o2w-home-section-heading>a{color:#176831;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
body.home .o2w-home-sports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.home .o2w-home-sports-grid>a{
  display:flex;flex-direction:column;gap:7px;padding:14px 13px;min-width:0;
  border:1px solid var(--o2w-border);border-radius:9px;background:#fbfdfb;
  color:#173b26;text-decoration:none
}
body.home .o2w-home-sports-grid>a:hover{background:#f0f7f1;border-color:#95c49f}
body.home .o2w-home-sports-grid strong{font-size:16px;color:#143d25;line-height:1.25}
body.home .o2w-home-sports-grid span{font-size:12.5px;line-height:1.45;color:#516357;flex:1}
body.home .o2w-home-sports-grid em{font-size:12px;font-weight:750;font-style:normal;color:#196b35}
body.home .o2w-home-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.home main#main .o2w-home-method .card-body,
body.home main#main .o2w-home-faq .card-body{padding:20px!important}
body.home .o2w-home-method-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 13px
}
body.home .o2w-home-method-list>div{
  padding:11px;border:1px solid var(--o2w-border);background:#f9fcfa;
  border-radius:8px;min-width:0
}
body.home .o2w-home-method-list strong{display:block;color:#173b25;font-size:13px;line-height:1.25;margin-bottom:5px}
body.home .o2w-home-method-list span{display:block;color:#4b5e51;font-size:12.5px;line-height:1.45}
body.home .o2w-home-text-link{color:#196d35;font-weight:800;font-size:13px}
body.home .o2w-home-faq-items h3{font-size:13.5px;font-weight:800;color:#173b25;line-height:1.3;margin:13px 0 4px}
body.home .o2w-home-faq-items p{font-size:12.5px;line-height:1.55;margin:0;padding-bottom:11px;border-bottom:1px solid #e7eee9}
body.home .o2w-home-faq-items p:last-child{border-bottom:0;padding-bottom:0}
body.home .o2w-home-secondary-links{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border:1px solid var(--o2w-border);background:#eaf5ed;border-radius:10px;padding:16px 20px
}
body.home .o2w-home-secondary-links>div{display:flex;flex-direction:column;gap:3px}
body.home .o2w-home-secondary-links strong{color:#163d26;font-size:16px}
body.home .o2w-home-secondary-links span{font-size:12px;color:#4d5e52}
body.home .o2w-home-secondary-links nav{display:flex;flex-wrap:wrap;gap:8px}
body.home .o2w-home-secondary-links nav a{
  border:1px solid #c1dbc7;border-radius:8px;padding:8px 11px;
  min-height:39px;background:#fff;color:#1c6533;font-size:12.5px;font-weight:800;text-decoration:none
}
body.home footer .text-secondary{color:#becdc0!important}
body.home footer .o2w-home-footer-details>summary{display:none}
body.home #back-to-top{right:14px;bottom:14px}
@media(max-width:1199.98px){
  body.home main#main .o2w-home-seo .o2w-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
  body.home>.bg-dark{display:none!important}
  body.home .o2w-band{padding:0!important}
  body.home .o2w-band>.container{
    display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;
    min-height:66px;padding-top:8px;padding-bottom:8px;gap:10px!important
  }
  body.home .o2w-band>.container>a:first-child{display:flex!important;align-items:center;min-width:0;margin:0}
  body.home .o2w-band>.container>a:first-child>img{height:44px;max-width:min(205px,54vw);width:auto}
  body.home .o2w-band>.container>a:first-child>div{display:none!important}
  body.home .o2w-band .d-lg-none.w-100{display:none!important}
  body.home .o2w-home-menu-launch{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    border:1px solid #b7e1bd;background:#1b7a38;color:#fff;border-radius:9px;
    min-height:44px;padding:8px 12px;font-size:14px;font-weight:800;white-space:nowrap
  }
  body.home .o2w-home-menu-launch .bi{font-size:18px}
  body.home nav.navbar[aria-label="Main navigation"]{
    position:static!important;min-height:0;height:0;padding:0!important;border:0!important
  }
  body.home nav.navbar[aria-label="Main navigation"]>.container{
    min-height:0;height:0;padding:0!important
  }
  body.home nav.navbar[aria-label="Main navigation"]>.container>.navbar-brand,
  body.home nav.navbar[aria-label="Main navigation"]>.container>.navbar-toggler{display:none!important}
  body.home nav.navbar[aria-label="Main navigation"] .offcanvas{height:100dvh;max-width:min(390px,92vw)}
  body.home .o2w-home-mobile-shortcuts{
    display:block;background:#ecf5ed;border-bottom:1px solid #cbded0
  }
  body.home .o2w-home-shortcut-track{
    display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;
    padding:8px 0;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain
  }
  body.home .o2w-home-shortcut-track::-webkit-scrollbar{display:none}
  body.home .o2w-home-shortcut-track a{
    display:inline-flex;align-items:center;justify-content:center;min-height:42px;
    white-space:nowrap;border:1px solid #c4decb;border-radius:8px;background:#fff;
    color:#185c2b;text-decoration:none;padding:8px 12px;font-size:13px;font-weight:800
  }
  body.home .o2w-home-shortcut-track a:first-child{background:#1e7a38;border-color:#1e7a38;color:#fff}
  body.home main#main{padding-top:17px!important}
  body.home main#main .o2w-home-root{padding-left:14px;padding-right:14px}
  body.home .o2w-home-hero-tools{display:none}
}
@media(max-width:767.98px){
  body.home main#main .o2w-home-main-title{font-size:29px}
  body.home main#main .o2w-home-subtitle{font-size:14px;line-height:1.45;margin-bottom:12px!important}
  body.home main#main .o2w-home-intro{display:none!important}
  body.home .o2w-home-flow{display:block;margin-top:7px}
  body.home .o2w-home-flow>.o2w-card{margin-bottom:14px!important}
  body.home main#main .o2w-card>.card-body{padding:16px!important}
  body.home main#main .o2w-home-seo h2,body.home main#main .o2w-home-lower h2{font-size:22px}
  body.home main#main .o2w-home-seo .o2w-next-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  body.home main#main .o2w-next-grid>.o2w-match-enhanced{min-height:0;padding:14px;gap:7px}
  body.home .o2w-match-enhanced .o2w-match-name{font-size:18px}
  body.home .o2w-match-enhanced .o2w-risk-teaser{-webkit-line-clamp:2;font-size:13px}
  body.home .o2w-match-enhanced .o2w-match-league{-webkit-line-clamp:1}
  body.home #o2w-home-sponsored-banner{width:100%;grid-column:1/-1;margin:3px 0!important}
  body.home main#main .o2w-home-seo .o2w-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  body.home main#main .o2w-home-seo .o2w-kpi{padding:10px 7px;text-align:center}
  body.home main#main .o2w-home-seo .o2w-kpi small{font-size:11px;min-height:27px}
  body.home main#main .o2w-home-seo .o2w-kpi strong{font-size:20px;white-space:nowrap}
  body.home .o2w-home-lower{display:grid;gap:13px;margin-top:14px}
  body.home .o2w-home-section-heading{align-items:flex-start;flex-wrap:wrap;gap:7px}
  body.home .o2w-home-sports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.home .o2w-home-sports-grid>a{padding:12px;min-height:119px}
  body.home .o2w-home-sports-grid strong{font-size:15px}
  body.home .o2w-home-sports-grid span{font-size:12px}
  body.home .o2w-home-reference-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
  body.home .o2w-home-method-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.home main#main .o2w-home-method .card-body,
  body.home main#main .o2w-home-faq .card-body{padding:16px!important}
  body.home .o2w-home-secondary-links{padding:15px;gap:9px}
  body.home .o2w-home-secondary-links nav{gap:7px}
  body.home footer{padding-top:26px!important}
  body.home footer .o2w-home-footer-details{
    margin:12px 0 19px;border:1px solid #52645b;background:#26332d;
    border-radius:10px;overflow:hidden
  }
  body.home footer .o2w-home-footer-details>summary{
    display:flex;align-items:center;justify-content:space-between;
    min-height:50px;padding:13px 15px;color:#fff;font-weight:800;font-size:15px;
    cursor:pointer;list-style:none
  }
  body.home footer .o2w-home-footer-details>summary::-webkit-details-marker{display:none}
  body.home footer .o2w-home-footer-details>summary span{font-size:20px}
  body.home footer .o2w-home-footer-details[open]>summary span{transform:rotate(45deg)}
  body.home footer .o2w-home-footer-details>.row{margin:0;padding:12px}
  body.home #back-to-top{right:12px;bottom:12px;min-height:42px;min-width:42px;border-radius:9px}
}
@media(max-width:359.98px){
  body.home .o2w-band>.container>a:first-child>img{height:40px;max-width:151px}
  body.home .o2w-home-menu-launch{padding:8px;gap:5px;font-size:12px}
  body.home main#main .o2w-home-main-title{font-size:26px}
  body.home .o2w-home-sports-grid{grid-template-columns:1fr}
  body.home .o2w-home-method-list{grid-template-columns:1fr}
  body.home main#main .o2w-home-seo .o2w-kpi strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  body.home main#main .o2w-next-grid>.o2w-match-enhanced{transition:none}
}