/* v18.31 — Live BBC RSS thumbnails and SmileDice's navy/blue/violet palette.
   Overrides only Articles / TV Live. Existing Casino, Sport and Chat stay untouched. */
#sport-screen #sp-view-articles .sd-news-app{
  --news-bg:#090f28;--news-panel:#0b1935;--news-line:#39487c;
  --news-cyan:#6bc9ff;--news-soft:#b4c5e9;--news-white:#f3f6ff;
}
#sport-screen #sp-view-articles .sd-news-eyebrow{color:#8eb1ff;}
#sport-screen #sp-view-articles .sd-news-titlebar p{color:#aabce1;}
#sport-screen #sp-view-articles .sd-news-source{color:#9cd8ff!important;}
#sport-screen #sp-view-articles .sd-news-tabs{
  background:linear-gradient(100deg,#0d1735,#0b1e3d);
  border-color:#3a508a;box-shadow:inset 0 1px #778cff18;
}
#sport-screen #sp-view-articles .sd-news-tabs button{
  border-color:#39518c!important;background:#0e2141!important;
  color:#dce7ff!important;
}
#sport-screen #sp-view-articles .sd-news-tabs button:hover{
  border-color:#8875fa!important;background:#1c2f61!important;
}
#sport-screen #sp-view-articles .sd-news-tabs button.is-active{
  background:linear-gradient(118deg,#215ca4,#273878)!important;
  border-color:#669dff!important;color:#fff!important;
  box-shadow:0 0 0 1px #7f65f62b,inset 0 0 20px #b9a8ff16!important;
}
#sport-screen #sp-view-articles .sd-news-tab-dot{background:#fb718e;}
#sport-screen #sp-view-articles .sd-news-feature{
  min-height:345px;
  border-color:#5c5da1;
  background-image:linear-gradient(120deg,#07142f,#19244b);
  background-size:cover;
  background-position:center 42%;
  box-shadow:0 14px 40px #03081c80,inset 0 0 0 1px #929bff12,0 0 28px #7454d31b;
}
#sport-screen #sp-view-articles .sd-news-feature::after{display:none!important;}
#sport-screen #sp-view-articles .sd-news-feature-art{display:none!important;}
#sport-screen #sp-view-articles .sd-news-feature-content{
  width:min(81%,740px);background:none!important;
  padding:28px clamp(23px,3vw,39px) 24px;
}
#sport-screen #sp-view-articles .sd-news-feature-kicker{color:#9ab7ff;}
#sport-screen #sp-view-articles .sd-news-bbc-pill{
  background:#251a4eeb;color:#e2d7ff;border-color:#7763ba;
}
#sport-screen #sp-view-articles .sd-news-bbc-pill i{background:#b8a0ff;}
#sport-screen #sp-view-articles .sd-news-bbc-pill.is-breaking{
  background:#8a183b;color:#fff1f5;border-color:#f05b83;
  box-shadow:0 0 16px #d82b5c66;
}
#sport-screen #sp-view-articles .sd-news-bbc-pill.is-breaking i{background:#ff9bb3;}
#sport-screen #sp-view-articles .sd-news-feature h3{
  color:#fff!important;max-width:670px;display:-webkit-box;
  -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  text-shadow:0 3px 21px #0009;font-size:clamp(25px,2.5vw,39px)!important;
}
#sport-screen #sp-view-articles .sd-news-feature p{color:#cbdbf4!important;text-shadow:0 1px 7px #000c;}
#sport-screen #sp-view-articles .sd-news-feature-actions a{
  background:linear-gradient(125deg,#55b9fa,#3a80e5)!important;color:#041738!important;
  box-shadow:0 5px 22px #387def5b;
}
#sport-screen #sp-view-articles .sd-news-feature-actions button{
  background:#18284dce!important;border-color:#6376b5!important;color:#fff!important;
}
#sport-screen #sp-view-articles .sd-news-feature-pips b{background:#5c73aa;}
#sport-screen #sp-view-articles .sd-news-feature-pips b.is-current{background:#739cff;}
#sport-screen #sp-view-articles .sd-news-feed{
  background:linear-gradient(145deg,#0b1935,#0a142f);
  border-color:#3c4b83;box-shadow:0 8px 28px #01081f72;
}
#sport-screen #sp-view-articles .sd-news-feed-head h3{color:#f4f7ff!important;font-size:19px!important;}
#sport-screen #sp-view-articles .sd-news-updated{color:#98afd9;}
#sport-screen #sp-view-articles .sd-news-refresh{
  background:#182950!important;border-color:#576eae!important;
  color:#a4cfff!important;
}
#sport-screen #sp-view-articles .sd-news-filters button{
  background:#112246!important;border-color:#3b5185!important;color:#c7d6f1!important;
}
#sport-screen #sp-view-articles .sd-news-filters button.is-active{
  background:#1e3e79!important;border-color:#719dff!important;color:#f2f6ff!important;
}
#sport-screen #sp-view-articles .sd-news-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,248px),1fr));gap:16px;
}
#sport-screen #sp-view-articles .sd-news-card{
  background:linear-gradient(165deg,#112344,#0a1831);
  border-color:#3a4d82;border-radius:14px;
  box-shadow:0 6px 18px #050b2280;
}
#sport-screen #sp-view-articles .sd-news-card:hover,
#sport-screen #sp-view-articles .sd-news-card:focus-visible{
  border-color:#8992ff;box-shadow:0 9px 26px #5144d05a;transform:translateY(-3px);
}
#sport-screen #sp-view-articles .sd-news-card-art{
  display:block;min-height:0;height:155px;
  border-bottom:1px solid #6366a852;background-color:#19294b;
  background-size:cover;background-position:center center;
}
#sport-screen #sp-view-articles .sd-news-card-art::before,
#sport-screen #sp-view-articles .sd-news-card-art::after{display:none!important;content:none!important;}
#sport-screen #sp-view-articles .sd-news-card-body{gap:10px;padding:14px 14px 17px;min-height:166px;}
#sport-screen #sp-view-articles .sd-news-card-category{
  color:#89b1ff;font-size:10px;letter-spacing:.5px;
}
#sport-screen #sp-view-articles .sd-news-card-category.is-breaking{color:#ff8ba9;}
#sport-screen #sp-view-articles .sd-news-card-date{color:#9caed1;}
#sport-screen #sp-view-articles .sd-news-card-title{
  color:#f4f7ff;font-size:clamp(15px,1.25vw,18px);line-height:1.35;
}
#sport-screen #sp-view-articles .sd-news-card-link{color:#9ccafa;font-size:12px;}
#sport-screen #sp-view-articles .sd-news-loading,
#sport-screen #sp-view-articles .sd-news-empty{border-color:#425384;color:#b8c7e5;}
#sport-screen #sp-view-articles .sd-news-empty a{color:#9dc6ff!important;}
#sport-screen #sp-view-articles .sd-news-service-intro{
  background:radial-gradient(circle at 85% 20%,#35306d,#151f4c 48%,#0b1530 100%);
  border-color:#585eac;
}
#sport-screen #sp-view-articles .sd-news-service-intro>span{color:#a3afff;}
#sport-screen #sp-view-articles .sd-news-service-card{
  background:linear-gradient(140deg,#192956,#0d1736);border-color:#515a9c;
}
#sport-screen #sp-view-articles .sd-news-service-card:hover{border-color:#8b88f1;}
#sport-screen #sp-view-articles .sd-news-service-icon{
  background:#2e3470;border-color:#756de0;color:#b5b6ff;
}
#sport-screen #sp-view-articles .sd-news-service-card b{color:#9ac4ff;}
#sport-screen #sp-view-articles .sd-news-footer a{color:#92bfff!important;}
@media(max-width:650px){
  #sport-screen #sp-view-articles .sd-news-feature{min-height:350px;background-position:65% center;}
  #sport-screen #sp-view-articles .sd-news-feature-content{
    width:100%;padding:24px 18px;background:linear-gradient(90deg,#07142be9 0,#09132bc6 100%)!important;
  }
  #sport-screen #sp-view-articles .sd-news-feature h3{font-size:clamp(23px,6vw,30px)!important;}
  #sport-screen #sp-view-articles .sd-news-grid{grid-template-columns:1fr;gap:12px;}
  #sport-screen #sp-view-articles .sd-news-card{display:flex;flex-direction:row;min-height:149px;}
  #sport-screen #sp-view-articles .sd-news-card-art{flex:0 0 38%;height:auto;min-height:149px;border-bottom:0;border-right:1px solid #565b9c80;}
  #sport-screen #sp-view-articles .sd-news-card-body{min-height:149px;padding:13px 11px;}
  #sport-screen #sp-view-articles .sd-news-card-title{font-size:15px;}
}
@media(min-width:651px) and (max-width:1150px){
  #sport-screen #sp-view-articles .sd-news-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));}
}

/* Centered article preview is attached to <body> so transformed Sport columns
   cannot shift it sideways. This overlay does not alter the page's layout. */
body.sd-article-modal-open{overflow:hidden!important;}
.sd-article-overlay{
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  padding:clamp(12px,3vw,28px);background:#020817d9;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;
}
.sd-article-dialog{
  position:relative;width:min(100%,850px);max-height:calc(100dvh - 32px);
  box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;
  border:1px solid #5667b1;border-radius:19px;color:#eef4ff;
  background:linear-gradient(145deg,#101e40,#09142d);
  box-shadow:0 25px 90px #000b,0 0 32px #675dc533;
}
.sd-article-dialog-photo{
  height:clamp(170px,28vh,290px);background-color:#1b2d50;
  background-size:cover;background-position:center 39%;border-bottom:1px solid #495c94;
}
.sd-article-dialog-close{
  position:absolute;top:15px;right:15px;width:44px;height:44px;
  border:1px solid #9aa8d7;border-radius:13px;background:#07132bdc;
  color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;
  cursor:pointer;box-shadow:0 3px 15px #0008;
}
.sd-article-dialog-close:hover,.sd-article-dialog-close:focus-visible{
  border-color:#bfd0ff;background:#273c6d;outline:2px solid #7e9bff;outline-offset:2px;
}
.sd-article-dialog-content{padding:clamp(19px,3.5vw,32px);display:flex;flex-direction:column;gap:12px;}
.sd-article-dialog-category{align-self:flex-start;font-size:11px;font-weight:900;letter-spacing:1px;
  text-transform:uppercase;color:#abd0ff;background:#1f356c;border:1px solid #5278bd;
  padding:8px 12px;border-radius:99px;
}
.sd-article-dialog-title{font-size:clamp(23px,3.3vw,34px)!important;line-height:1.17!important;
  font-weight:900!important;letter-spacing:-.6px;color:#f7f9ff!important;margin:0!important;
  overflow-wrap:anywhere;
}
.sd-article-dialog-date{font-size:12px;color:#a6badd!important;margin:0!important;}
.sd-article-dialog-summary{font-size:clamp(15px,1.5vw,17px);line-height:1.65;
  color:#d9e5fc!important;margin:5px 0 0!important;white-space:pre-wrap;
}
.sd-article-dialog-note{font-size:12px;color:#9caed3!important;margin:0!important;}
.sd-article-dialog-link{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
  min-height:46px;padding:11px 20px;border-radius:11px;
  background:linear-gradient(120deg,#68bdff,#5c81ed);color:#05132f!important;
  text-decoration:none!important;font-size:14px;font-weight:900;
  box-shadow:0 5px 23px #4484ef52;
}
.sd-article-dialog-link:hover,.sd-article-dialog-link:focus-visible{
  background:#b4d9ff;outline:2px solid #96b7ff;outline-offset:2px;
}
@media(max-width:650px){
  .sd-article-overlay{padding:10px;align-items:center;}
  .sd-article-dialog{border-radius:15px;max-height:calc(100dvh - 20px);}
  .sd-article-dialog-photo{height:180px;}
  .sd-article-dialog-content{padding:19px 16px 22px;gap:10px;}
  .sd-article-dialog-link{width:100%;box-sizing:border-box;}
}

/* v18.34: Use the original Sport Hero carousel arrows at both banner edges.
   Leave the existing news-banner geometry and automatic slide rotation intact. */
#sport-screen #sp-view-articles .sd-news-feature .sp-hero-arrow{
  z-index:8!important;
  border-color:#507bb8!important;
  background:#0a2148d8!important;
  color:#e3f8ff!important;
  box-shadow:0 0 12px #347dd45c!important;
}
#sport-screen #sp-view-articles .sd-news-feature .sp-hero-arrow:hover:not(:disabled),
#sport-screen #sp-view-articles .sd-news-feature .sp-hero-arrow:focus-visible{
  background:#165a99!important;box-shadow:0 0 18px #57b9ef88!important;
}
#sport-screen #sp-view-articles .sd-news-feature .sp-hero-arrow:disabled{
  opacity:.45!important;cursor:default!important;
}
#sport-screen #sp-view-articles .sd-news-feature .sd-news-feature-content{
  padding-left:clamp(53px,5vw,67px);
}
@media(max-width:650px){
  #sport-screen #sp-view-articles .sd-news-feature .sd-news-feature-content{
    padding-left:43px!important;padding-right:39px!important;
  }
  #sport-screen #sp-view-articles .sd-news-feature .sp-hero-arrow{
    width:29px!important;height:44px!important;font-size:17px!important;
  }
}

/* v18.35: A premium gold label marks TOP STORIES on the live BBC carousel;
   factual BBC breaking items use an unmistakable red-framed article card. */
#sport-screen #sp-view-articles .sd-news-feature-kicker{
  display:inline-flex;align-items:center;justify-content:center;
  align-self:flex-start;max-width:max-content;
  padding:6px 11px;border:1px solid #e5b759;border-radius:7px;
  background:linear-gradient(115deg,#593d16d9,#1f244ad9);
  color:#ffe1a0!important;font-size:11px;font-weight:950;
  box-shadow:0 0 0 1px #f5d18c24,inset 0 1px #ffe7ae3d,0 0 17px #b6823363;
}
#sport-screen #sp-view-articles .sd-news-feature-kicker.is-breaking{
  border-color:#ff7188;background:linear-gradient(110deg,#721a36ee,#371a38ee);
  color:#ffd9df!important;box-shadow:0 0 0 1px #ff93a129,0 0 18px #f0446582;
}
#sport-screen #sp-view-articles .sd-news-filters button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:36px;font-size:12px!important;
}
#sport-screen #sp-view-articles .sd-news-filter-count{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;min-width:22px;height:22px;padding:0 5px;
  box-sizing:border-box;border:1px solid #547bac;border-radius:99px;
  background:#223b63;color:#d4e8ff;
  font-size:11px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;
}
#sport-screen #sp-view-articles .sd-news-filters button.is-active .sd-news-filter-count{
  background:#3565ad;border-color:#86b1f8;color:#fff;
}
#sport-screen #sp-view-articles .sd-news-card.is-breaking{
  border-color:#c83257!important;
  background:linear-gradient(160deg,#281c38,#131528 46%,#0b1731);
  box-shadow:0 5px 19px #8d183e2e,inset 0 0 0 1px #ef53731a;
}
#sport-screen #sp-view-articles .sd-news-card.is-breaking:hover,
#sport-screen #sp-view-articles .sd-news-card.is-breaking:focus-visible{
  border-color:#ff5979!important;
  box-shadow:0 10px 28px #bd285d61,0 0 0 1px #ff86a322;
}
#sport-screen #sp-view-articles .sd-news-card.is-breaking .sd-news-card-category{
  padding:4px 8px;border-radius:99px;border:1px solid #a83352;
  background:#5d1c34;color:#ffb8c7!important;
}
@media(max-width:650px){
  #sport-screen #sp-view-articles .sd-news-filters button{gap:6px;padding:6px 10px;}
  #sport-screen #sp-view-articles .sd-news-filter-count{min-width:21px;height:21px;}
}

/* v18.36: visibly highlight the lead BBC article, not just the tiny hero
   label. This means TOP STORY (featured), not a fabricated breaking alert. */
#sport-screen #sp-view-articles .sd-news-feature{
  border-color:#d3a856!important;
  box-shadow:0 14px 40px #03081c80,inset 0 0 0 1px #f0d48b2d,0 0 22px #c5914642!important;
}
#sport-screen #sp-view-articles .sd-news-card.is-top-story{
  border:2px solid #e3b55c!important;
  background:linear-gradient(165deg,#172340,#10182f);
  box-shadow:0 6px 23px #b98b3e3d,inset 0 0 0 1px #f1d28c16;
}
#sport-screen #sp-view-articles .sd-news-card.is-top-story:hover,
#sport-screen #sp-view-articles .sd-news-card.is-top-story:focus-visible{
  border-color:#ffe19b!important;
  box-shadow:0 9px 28px #e2ac5b62,0 0 0 1px #ffd98742;
}
#sport-screen #sp-view-articles .sd-news-card-category.is-top-story{
  color:#ffe2a3!important;
  padding:4px 8px;border-radius:99px;
  background:#59421f;border:1px solid #d3a457;
  box-shadow:0 0 9px #ad81352e;
}