/* SerieAGoal Server 2.24 | Genuine three-column editorial article frame.
 * ONLY the shell and rails change. Article markup is left exactly as 2.23.
 * Old fixed grid overrides are intentionally defeated with a specific scoped selector.
 */
html[data-sg-theme] body.sg-body.sg-page-news:has(.sg224-article-layout) .sg-shell:not(.sg-account-shell){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:1540px!important;margin-inline:auto!important;
  padding:16px 18px 36px!important;box-sizing:border-box!important;
}
html[data-sg-theme] body.sg-body.sg-page-news:has(.sg224-article-layout) .sg-shell>.sg-sidebar.sg-sidebar-competition-only{
  display:none!important;
}
html[data-sg-theme] body.sg-body.sg-page-news:has(.sg224-article-layout) .sg-shell>.sg-main{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news .sg-article-layout.sg223-single-news-layout.sg224-article-layout{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  gap:18px!important;align-items:start!important;justify-content:stretch!important;
}
html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-left-rail{
  display:flex!important;flex-direction:column;gap:14px;min-width:0;width:100%;max-width:100%;
  align-self:start!important;position:static!important;margin:0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg-article-main{
  min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg-article-main>.sg-section{
  width:100%!important;max-width:none!important;
}
html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-right-ad-rail{
  min-width:0!important;width:100%!important;max-width:none!important;align-self:start!important;
  position:sticky!important;top:116px!important;margin:0!important;
}
/* Match card inherits the 2.20 markup and status colours, only scaling it to left rail. */
.sg224-left-rail .sg220-card{width:100%;padding:14px;border-radius:17px}
.sg224-left-rail .sg220-scoreboard{gap:6px}
.sg224-left-rail .sg220-team{gap:6px}
.sg224-left-rail .sg220-team img,.sg224-left-rail .sg220-team-placeholder{width:34px;height:34px}
.sg224-left-rail .sg220-team strong{font-size:11px;line-height:1.25}
.sg224-left-rail .sg220-center{min-width:70px}
.sg224-left-rail .sg220-score{font-size:32px}
.sg224-left-rail .sg220-state{font-size:12px}
.sg224-left-rail .sg220-scorers{gap:8px}
.sg224-left-rail .sg220-scorers-col span{font-size:10.5px;overflow-wrap:anywhere}
.sg224-card{min-width:0;border-radius:17px;border:1px solid var(--sg-border,var(--sg-line,rgba(130,145,165,.23)));
  background:var(--sg-card,var(--sg-surface,#1d222a));padding:15px;
  color:var(--sg-text,#fff);box-shadow:0 9px 24px rgba(0,0,0,.11)}
.sg224-prediction-modules{display:flex;flex-direction:column;gap:14px;min-width:0}
.sg224-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.sg224-heading>strong{font-size:13px;line-height:1.3;font-weight:800;color:var(--sg-text,#fff)}
.sg224-free,.sg224-verified{font-size:9px;font-weight:900;letter-spacing:.04em;color:#2ebc96;white-space:nowrap}
.sg224-verified{color:var(--sg-muted,#9ba7b4)}
.sg224-prediction-feature{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
.sg224-left-rail .sgw-gauge{position:relative;width:85px;height:85px;display:grid;place-items:center}
.sg224-left-rail .sgw-gauge svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:8}
.sg224-left-rail .sgw-gauge-track{stroke:var(--sg-border,rgba(130,145,165,.25))}
.sg224-left-rail .sgw-gauge-progress{stroke:#20b99a;stroke-linecap:round;stroke-dasharray:0 301.6;transition:stroke-dasharray .3s ease}
.sg224-left-rail .sgw-gauge>span{font-size:18px;font-weight:900;z-index:1;color:var(--sg-text,#fff);font-variant-numeric:tabular-nums}
.sg224-feature-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.sg224-feature-copy small,.sg224-feature-copy span{color:var(--sg-muted,#9ba7b4);font-size:10px;line-height:1.45}
.sg224-feature-copy strong{font-size:12px;line-height:1.35;color:var(--sg-text,#fff);overflow-wrap:anywhere}
.sg224-panel-link{display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin-top:14px;padding-top:12px;border-top:1px solid var(--sg-border,rgba(130,145,165,.23));
  color:var(--sg-accent,#4fa9d9)!important;text-decoration:none!important;font-size:12px;font-weight:800}
.sg224-left-rail [data-sgw-winners]{list-style:none;margin:0;padding:0}
.sg224-left-rail [data-sgw-winners] li{padding:10px 0;border-top:1px solid var(--sg-border,rgba(130,145,165,.23))}
.sg224-left-rail [data-sgw-winners] li:first-child{border-top:0}
.sg224-left-rail [data-sgw-winners] li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;color:var(--sg-text,#fff);text-decoration:none}
.sg224-left-rail [data-sgw-winners] li strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.sg224-left-rail [data-sgw-winners] li em{font-size:9px;font-weight:800;color:#20b99a;font-style:normal;white-space:nowrap}
.sg224-left-rail [data-sgw-winners] li small{display:block;font-size:10px;line-height:1.4;color:var(--sg-muted,#9ba7b4);margin-top:3px}
.sg224-empty{color:var(--sg-muted,#9ba7b4);font-size:11px;line-height:1.5;margin:0}
.sg224-news-item{display:flex;align-items:flex-start;gap:9px;padding:10px 0;text-decoration:none;color:var(--sg-text,#fff);border-bottom:1px solid var(--sg-border,rgba(130,145,165,.23));min-width:0}
.sg224-news-item img{width:65px;height:52px;flex:0 0 65px;object-fit:cover;border-radius:8px}
.sg224-news-item span{font-size:11px;font-weight:720;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.sg224-left-ad{min-width:0;width:100%;margin-top:2px;overflow:hidden}
.sg224-left-ad>.slr-google-ad{width:100%!important;max-width:100%!important;margin:0!important}
.sg224-left-ad .slr-google-ad-stage,.sg224-left-ad ins.adsbygoogle{width:100%!important;max-width:100%!important;min-width:0!important}
html[data-sg-theme="light"] .sg224-card{background:var(--sg-card,#fff);box-shadow:0 8px 18px rgba(16,26,38,.08)}
@media(min-width:1320px){
  html[data-sg-theme] body.sg-body.sg-page-news .sg-article-layout.sg223-single-news-layout.sg224-article-layout{
    grid-template-columns:260px minmax(0,1fr) clamp(300px,24vw,350px)!important;gap:18px!important;
  }
}
@media(min-width:1021px) and (max-width:1319px){
  html[data-sg-theme] body.sg-body.sg-page-news .sg-article-layout.sg223-single-news-layout.sg224-article-layout{
    grid-template-columns:260px minmax(0,1fr)!important;gap:16px!important;
  }
  html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-right-ad-rail{
    grid-column:2!important;position:static!important;max-width:360px!important;margin-inline:auto!important;
  }
}
@media(max-width:1020px){
  html[data-sg-theme] body.sg-body.sg-page-news .sg-article-layout.sg223-single-news-layout.sg224-article-layout{
    grid-template-columns:minmax(0,1fr)!important;gap:18px!important;
  }
  html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg-article-main{order:1!important}
  html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-left-rail{
    order:2!important;width:100%!important;position:static!important;
  }
  html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-right-ad-rail{order:3!important;position:static!important}
  .sg224-left-rail .sg220-card{width:100%}
  .sg224-left-rail .sg220-scoreboard{gap:12px}
  .sg224-left-rail .sg220-team img{width:46px;height:46px}
  .sg224-left-rail .sg220-center{min-width:90px}
  .sg224-left-rail .sg220-score{font-size:40px}
  .sg224-left-rail .sg220-team strong{font-size:13px}
  .sg224-left-rail .sg220-scorers-col span{font-size:12px}
  .sg224-left-rail .sg224-prediction-feature{grid-template-columns:100px minmax(0,1fr)}
  .sg224-left-rail .sgw-gauge{width:100px;height:100px}
}
@media(max-width:980px){
  /* As before: no desktop AdSense rails on mobile/tablet. Match card never hidden. */
  html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-right-ad-rail{display:none!important}
  .sg224-left-ad{display:none!important}
}
@media(max-width:760px){
  html[data-sg-theme] body.sg-body.sg-page-news:has(.sg224-article-layout) .sg-shell:not(.sg-account-shell){padding-inline:0!important}
  html[data-sg-theme] body.sg-body.sg-page-news .sg224-article-layout>.sg224-left-rail{
    padding-inline:12px!important;box-sizing:border-box!important;
  }
  .sg224-card{padding:14px;border-radius:15px}
}
@media(max-width:380px){
  .sg224-left-rail .sg220-scoreboard{gap:6px}
  .sg224-left-rail .sg220-team img{width:38px;height:38px}
  .sg224-left-rail .sg220-score{font-size:35px}
  .sg224-left-rail .sg220-center{min-width:76px}
  .sg224-left-rail .sg220-team strong{font-size:12px}
}


/* =======================================================================
   SerieAGoal 2.26 | Single news: targeted photo gutters / true 3 columns
   We override the MEDIA CARD itself from article-inline-v2138.css.
   Previous v2.25 addressed img/figure but did not undo the parent bleed.
   All selectors are limited to this existing 2.24 article wrapper.
   ======================================================================= */
/* Never change hero image or data-widget images. Only standalone media cards
   that actually contain an editorial photo and not a social embed. */
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story > .sg-article-section-card.is-media:has(.sg-article-section-body.is-media img):not(:has(.slr-social-embed)){
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;
  margin-left:0!important;margin-right:0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story > .sg-article-section-card.is-media:has(.sg-article-section-body.is-media img):not(:has(.slr-social-embed))
.sg-article-section-body.is-media{
  box-sizing:border-box!important;
  width:100%!important;
  padding:0 52px!important;
  overflow:hidden!important;
}
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story > .sg-article-section-card.is-media:has(.sg-article-section-body.is-media img):not(:has(.slr-social-embed))
.sg-article-section-body.is-media > :is(p,figure,picture,div.wp-block-image,.wp-caption){
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story > .sg-article-section-card.is-media:has(.sg-article-section-body.is-media img):not(:has(.slr-social-embed))
.sg-article-section-body.is-media img{
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;margin:0!important;object-fit:contain!important;
}
/* Also constrain normal inline photos inside text sections, without touching
   charts, team logos or the special +Dati widget structure. */
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story .sg-article-section-body:not(.is-media) > :is(img,picture,figure.wp-block-image,.wp-block-image,.wp-caption){
  display:block!important;box-sizing:border-box!important;width:100%!important;
  max-width:100%!important;margin:24px 0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story .sg-article-section-body:not(.is-media)
> :is(figure.wp-block-image,.wp-block-image,.wp-caption,picture) img{
  display:block!important;box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;
}
html[data-sg-theme] body.sg-body.sg-page-news
.sg224-article-layout .sg-article-story .sg-article-section-body:not(.is-media)
> :is(figure.wp-block-image,.wp-block-image,.wp-caption) :is(figcaption,.wp-caption-text){padding:8px 0 0!important}

/* Desktop: left side slightly more substantial than right, text remains
   comfortably wide. These breakpoints supersede v2.24's fixed 260px. */
@media(min-width:1320px){
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg-article-layout.sg223-single-news-layout.sg224-article-layout{
    grid-template-columns:clamp(300px,23vw,325px) minmax(0,1fr) clamp(280px,21.5vw,320px)!important;
    column-gap:18px!important;
  }
}
@media(min-width:1021px) and (max-width:1319px){
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg-article-layout.sg223-single-news-layout.sg224-article-layout{
    grid-template-columns:clamp(280px,23vw,305px) minmax(0,1fr)!important;
    gap:16px!important;
  }
  /* Don't show ad below a lengthy article on laptop. Left sidebar retains
     its already configured ad at the bottom; no hidden Match Center. */
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-article-layout>.sg224-right-ad-rail{display:none!important}
}
@media(min-width:1320px){
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-article-layout>.sg224-right-ad-rail{
    display:block!important;box-sizing:border-box!important;
    grid-column:3!important;grid-row:1!important;
    position:sticky!important;top:116px!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    margin:0!important;align-self:start!important;
  }
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-right-ad-rail>.slr-google-ad{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:0!important;
  }
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-right-ad-rail .slr-google-ad-stage,
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-right-ad-rail ins.adsbygoogle{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;
  }
  /* Ad-free Premium + disabled sidebar must not leave a vacant grid cell. */
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg-article-layout.sg223-single-news-layout.sg224-article-layout:not(:has(>.sg224-right-ad-rail)){
    grid-template-columns:clamp(300px,23vw,325px) minmax(0,1fr)!important;
  }
}
@media(max-width:760px){
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-article-layout .sg-article-story > .sg-article-section-card.is-media:has(.sg-article-section-body.is-media img):not(:has(.slr-social-embed))
  .sg-article-section-body.is-media{padding-inline:16px!important}
  html[data-sg-theme] body.sg-body.sg-page-news
  .sg224-article-layout .sg-article-story .sg-article-section-body:not(.is-media) > :is(img,picture,figure.wp-block-image,.wp-block-image,.wp-caption){margin:18px 0!important}
}