/* Stake France v21 — one consistent hover only on individual EXISTING framed surfaces.
   No .section, .section-head, .content-grid, .editorial-cols or other unframed wrappers. */
:root{
  --stake-frame-hover:#73caff;
  --stake-frame-glow:rgba(70,183,252,.23);
}
html body .main :is(
  .hero,
  .article-box,
  .info-box,
  .stat,
  .home-feature-row,
  .home-micro-summary,
  .editorial-banner,
  .editorial-inline-banner,
  .editorial-photo,
  .payment-art-banner,
  .fact,
  .step-card,
  .feature,
  .promo,
  .vip-wrap,
  .vip-card,
  .tabl-wrap,
  .original-tile,
  .showcase-card,
  .sport-showcase-card,
  .faq-item,
  .mini-faq details,
  .page-preview,
  .notice,
  .gallery-card,
  .search-wrap,
  .quick-area,
  .btn
){
  transition-property:border-color,box-shadow,background-color,transform !important;
  transition-duration:.23s !important;
  transition-timing-function:ease !important;
}
html body .main :is(
  .hero,
  .article-box,
  .info-box,
  .stat,
  .home-feature-row,
  .home-micro-summary,
  .editorial-banner,
  .editorial-inline-banner,
  .editorial-photo,
  .payment-art-banner,
  .fact,
  .step-card,
  .feature,
  .promo,
  .vip-wrap,
  .vip-card,
  .tabl-wrap,
  .original-tile,
  .showcase-card,
  .sport-showcase-card,
  .faq-item,
  .mini-faq details,
  .page-preview,
  .notice,
  .gallery-card,
  .search-wrap,
  .quick-area,
  .btn
):hover,
html body .main :is(
  .hero,
  .article-box,
  .info-box,
  .stat,
  .home-feature-row,
  .home-micro-summary,
  .editorial-banner,
  .editorial-inline-banner,
  .editorial-photo,
  .payment-art-banner,
  .fact,
  .step-card,
  .feature,
  .promo,
  .vip-wrap,
  .vip-card,
  .tabl-wrap,
  .original-tile,
  .showcase-card,
  .sport-showcase-card,
  .faq-item,
  .mini-faq details,
  .page-preview,
  .notice,
  .gallery-card,
  .search-wrap,
  .quick-area,
  .btn
):focus-within{
  border-color:var(--stake-frame-hover) !important;
  box-shadow:0 0 0 1px var(--stake-frame-glow),0 0 15px var(--stake-frame-glow) !important;
}
/* Standalone link surfaces already frame their content. */
html body .main :is(.game-card,.original-tile,.sport-showcase-card,.showcase-card,.page-preview):focus-visible{
  outline:2px solid var(--stake-frame-hover) !important;
  outline-offset:3px !important;
}
@media (hover:none){
  html body .main :is(.hero,.article-box,.info-box,.stat,.home-feature-row,.home-micro-summary,.editorial-banner,.editorial-inline-banner,.editorial-photo,.payment-art-banner,.fact,.step-card,.feature,.promo,.vip-wrap,.vip-card,.tabl-wrap,.original-tile,.showcase-card,.sport-showcase-card,.faq-item,.mini-faq details,.page-preview,.notice,.gallery-card,.search-wrap,.quick-area,.btn):hover{
    box-shadow:none !important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .main :is(.article-box,.info-box,.stat,.home-feature-row,.editorial-banner,.fact,.step-card,.feature,.promo,.vip-wrap,.vip-card,.tabl-wrap){transition:none !important}
}

/* v22 — featured left-edge treatment for four practical guide links only. */
html body .sidebar .side-directory > a.side-item--section{
  box-sizing:border-box !important;
  border:1px solid #42667f !important;
  border-left:3px solid #1788f8 !important;
  background:#1f3a50 !important;
  color:#f3f9ff !important;
  border-radius:8px !important;
  box-shadow:none !important;
  transform:none !important;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease !important;
}
html body .sidebar .side-directory > a.side-item--section:hover,
html body .sidebar .side-directory > a.side-item--section:focus-visible,
html body .sidebar .side-directory > a.side-item--section.selected{
  background:#254963 !important;
  border-color:#7acaff !important;
  border-left-color:#168eff !important;
  box-shadow:0 0 0 1px rgba(97,191,255,.38),0 0 15px rgba(32,144,240,.23) !important;
}
@media(prefers-reduced-motion:reduce){
 html body .sidebar .side-directory > a.side-item--section{transition:none !important}
}