.cc-skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 99999;
  transform: translateY(-160%);
  padding: 10px 14px;
  background: #111;
  color: #fff;
  font-size: .75rem;
  font-weight: 900;
  text-decoration: none;
}

.cc-skip-link:focus {
  transform: translateY(0);
}


body.layout-1col {

  --cc-article-body: #2c2c2c;
  --cc-article-muted: #737373;
  --cc-article-rule: #dedede;

  margin: 0;

  color: var(--cc-article-body);

  font-family: var(--cc-font-sans);
}


/* =========================================================
   ARTICLE
   ========================================================= */

.cc-article {

  width:
    min(
      1120px,
      calc(100% - 40px)
    );

  margin:
    0
    auto;

  padding:
    26px
    0
    72px;
}


.cc-breadcrumb {

  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  padding-bottom: 13px;

  border-bottom:
    3px solid
    var(--cc-ink);

  color: #888;

  font-size: .62rem;

  font-weight: 800;
}


.cc-breadcrumb a {

  color: #555;

  text-decoration: none;
}


.cc-story-head {

  max-width: 940px;

  margin:
    38px
    auto
    28px;
}


.cc-story-kicker {

  display: block;

  margin-bottom: 13px;

  color: var(--cc-red);

  font-size: .64rem;

  font-weight: 900;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.cc-story-title {

  max-width: 930px;

  margin: 0;

  color: var(--cc-ink);

  font-size:
    clamp(
      2.45rem,
      6.2vw,
      5.5rem
    );

  line-height: .92;

  font-weight: 900;

  letter-spacing: -.06em;

  text-wrap: balance;
}


.cc-story-deck {

  max-width: 820px;

  margin:
    20px
    0
    0;

  color: #555;

  font-size:
    clamp(
      1.08rem,
      1.7vw,
      1.3rem
    );

  line-height: 1.5;

  font-weight: 500;
}


.cc-story-meta {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap:
    9px
    12px;

  margin-top: 22px;

  color: #777;

  font-size: .72rem;

  font-weight: 700;
}


.cc-author-avatar {

  width: 38px;
  height: 38px;

  overflow: hidden;

  border-radius: 50%;

  background: #eee;
}


.cc-author-avatar img {

  width: 100%;
  height: 100%;

  object-fit: cover;
}


.cc-author-link {

  color: var(--cc-blue);

  font-weight: 900;

  text-decoration: none;
}


.cc-story-hero {

  width: 100%;

  max-width: 1080px;

  margin:
    0
    auto
    36px;

  overflow: hidden;

  background: #eee;
}


.cc-story-hero img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center top;
  aspect-ratio: auto;
}


.cc-story-hero figcaption {

  padding:
    8px
    2px
    0;

  color: #777;

  font-size: .67rem;

  line-height: 1.4;
}


.cc-story-shell {

  display: grid;

  grid-template-columns:
    minmax(0, 750px)
    300px;

  gap: 40px;

  align-items: start;

  width:
    min(
      1070px,
      100%
    );

  margin:
    0
    auto;
}


.cc-story-content {

  min-width: 0;
}


.cc-story-body {

  color: #242424;

  font-family: var(--cc-font-serif);

  font-size:
    clamp(
      1.08rem,
      1.6vw,
      1.2rem
    );

  line-height: 1.76;
}


.cc-story-body p {

  margin:
    0
    0
    1.45em;
}


.cc-story-body h2 {

  margin:
    2.1em
    0
    .72em;

  color: var(--cc-ink);

  font-family: var(--cc-font-sans);

  font-size:
    clamp(
      1.45rem,
      2.5vw,
      2.05rem
    );

  line-height: 1.06;

  font-weight: 900;

  letter-spacing: -.035em;
}


.cc-story-body h3 {

  margin:
    1.8em
    0
    .65em;

  color: var(--cc-red);

  font-family: var(--cc-font-sans);
}


.cc-story-body a {

  color: var(--cc-blue);

  text-decoration-thickness: 1px;

  text-underline-offset: 3px;
}


.cc-story-body blockquote {

  margin:
    2em
    0;

  padding:
    7px
    0
    7px
    22px;

  border-left:
    5px solid
    var(--cc-red);

  color: #222;

  font-size: 1.18em;

  line-height: 1.55;
}


.cc-inline-photo {

  width: 100%;
  max-width: 100%;

  margin:
    2.2rem
    0;

  overflow: hidden;

  background: #eee;
}


.cc-inline-photo img {

  display: block;

  width: 100%;
  max-width: 100%;
  height: auto;

  max-height: 560px;

  object-fit: contain;
  object-position: center;

  background: #eee;
}


.cc-inline-photo figcaption {

  padding:
    8px
    2px
    0;

  color: #777;

  font-family: var(--cc-font-sans);

  font-size: .67rem;
}


/* SIDEBAR */

.cc-story-side {

  position: sticky;

  top: 20px;

  border-top:
    3px solid
    var(--cc-ink);
}


.cc-side-block {

  padding:
    16px
    0
    18px;

  border-bottom:
    1px solid
    var(--cc-article-rule);
}


.cc-side-label {

  display: block;

  margin-bottom: 10px;

  color: #999;

  font-size: .56rem;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}


.cc-side-title {

  margin: 0;

  color: #111;

  font-size: .9rem;

  line-height: 1.2;

  font-weight: 900;
}


.cc-side-link {

  display: inline-block;

  margin-top: 10px;

  color: var(--cc-blue);

  font-size: .6rem;

  font-weight: 900;

  letter-spacing: .06em;

  text-transform: uppercase;

  text-decoration: none;
}




.cc-side-empty {

  margin: 0;

  font-size: .72rem;
}


.cc-side-author-meta {

  margin:
    7px
    0
    0;

  color: #888;

  font-size: .64rem;

  line-height: 1.4;
}


/* ARTICLE GATEWAY — PROSSIMO MATCH / CLASSIFICA / ESPLORA */

.cc-side-sport {
  padding:
    17px
    0
    20px;

  border-bottom:
    1px solid
    var(--cc-article-rule);
}


.cc-side-next-match {

  display: block;

  overflow: hidden;

  border-radius: 10px;

  background:
    linear-gradient(
      120deg,
      var(--cc-blue),
      #0b6995 52%,
      var(--cc-red)
    );

  color: #fff;

  text-decoration: none;
}


.cc-side-next-match__top {

  padding:
    11px
    13px
    0;

  color:
    rgba(255,255,255,.74);

  font-size: .54rem;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}


.cc-side-next-match__teams {

  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    34px
    minmax(0,1fr);

  gap: 6px;

  align-items: center;

  padding:
    13px
    10px
    12px;
}


.cc-side-next-team {

  min-width: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 6px;

  text-align: center;

  font-size: .62rem;

  line-height: 1.15;

  font-weight: 900;
}


.cc-side-next-logo {

  width: 47px;
  height: 47px;

  display: grid;

  place-items: center;

  overflow: hidden;

  padding: 5px;

  border-radius: 50%;

  background: #fff;

  color: #111;

  font-size: .9rem;

  font-weight: 900;
}


.cc-side-next-logo img {

  width: 100%;
  height: 100%;

  object-fit: contain;
}


.cc-side-next-vs {

  text-align: center;

  font-size: .73rem;

  font-weight: 900;
}


.cc-side-next-match__meta {

  display: block;

  padding:
    10px
    13px;

  border-top:
    1px solid
    rgba(255,255,255,.16);

  background:
    rgba(0,0,0,.1);

  text-align: center;

  color:
    rgba(255,255,255,.9);

  font-size: .58rem;

  line-height: 1.35;

  font-weight: 800;
}


.cc-side-standings {

  margin: 0;

  padding: 0;

  list-style: none;

  border-top:
    1px solid
    var(--cc-rule-soft);
}


.cc-side-standings__row {

  display: grid;

  grid-template-columns:
    23px
    minmax(0,1fr)
    28px
    30px;

  gap: 6px;

  align-items: center;

  min-height: 33px;

  border-bottom:
    1px solid
    var(--cc-rule-soft);

  color: #444;

  font-size: .64rem;
}


.cc-side-standings__row.is-catania {

  color:
    var(--cc-red);

  font-weight: 900;
}


.cc-side-standings__team {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-weight: 800;
}


.cc-side-standings__played {

  text-align: right;

  color: #999;

  font-size: .57rem;
}


.cc-side-standings__points {

  text-align: right;

  color: #111;

  font-weight: 900;
}


.cc-side-standings__row.is-catania
.cc-side-standings__points {

  color:
    var(--cc-red);
}


.cc-side-news-list {

  margin: 0;

  padding: 0;

  list-style: none;
}


.cc-side-news-list li {

  padding:
    10px
    0;

  border-bottom:
    1px solid
    var(--cc-rule-soft);
}


.cc-side-news-list li:first-child {

  padding-top: 0;
}


.cc-side-news-list a {

  display: block;

  color: #222;

  font-size: .71rem;

  line-height: 1.25;

  font-weight: 850;

  text-decoration: none;
}


.cc-side-news-list a:hover {

  color:
    var(--cc-blue);
}


.cc-side-news-list time {

  display: block;

  margin-top: 4px;

  color: #999;

  font-size: .54rem;

  font-weight: 700;
}


.cc-side-explore {

  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap: 7px;
}


.cc-side-explore a {

  min-height: 42px;

  display: flex;

  align-items: center;

  padding:
    8px
    9px;

  border:
    1px solid
    var(--cc-article-rule);

  color: #222;

  font-size: .6rem;

  line-height: 1.2;

  font-weight: 900;

  text-decoration: none;
}


.cc-side-explore a:hover {

  border-color:
    var(--cc-blue);

  color:
    var(--cc-blue);
}


/* CONTINUA A ESPLORARE */

.cc-article-discover {

  width:
    min(
      1070px,
      100%
    );

  margin:
    54px
    auto
    0;

  padding:
    22px
    0
    0;

  border-top:
    3px solid
    var(--cc-ink);
}


.cc-article-discover__head {

  display: flex;

  align-items: end;

  justify-content:
    space-between;

  gap: 20px;

  margin-bottom: 14px;
}


.cc-article-discover__head h2 {

  margin: 0;

  color: #111;

  font-size: .73rem;

  font-weight: 900;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.cc-article-discover__head span {

  color: #888;

  font-size: .62rem;

  font-weight: 700;
}


.cc-article-discover__grid {

  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap: 1px;

  background:
    var(--cc-article-rule);

  border:
    1px solid
    var(--cc-article-rule);
}


.cc-article-discover__card {

  min-height: 112px;

  display: flex;

  flex-direction: column;

  justify-content:
    space-between;

  padding: 15px;

  background: #fff;

  color: #111;

  text-decoration: none;
}


.cc-article-discover__card:hover {

  background:
    var(--cc-soft);
}


.cc-article-discover__eyebrow {

  color:
    var(--cc-red);

  font-size: .53rem;

  font-weight: 900;

  letter-spacing: .07em;

  text-transform: uppercase;
}


.cc-article-discover__card strong {

  margin-top: 17px;

  font-size: .82rem;

  line-height: 1.2;

  font-weight: 900;
}


.cc-article-discover__card span:last-child {

  margin-top: 8px;

  color:
    var(--cc-blue);

  font-size: .56rem;

  font-weight: 900;

  letter-spacing: .04em;

  text-transform: uppercase;
}


/* LINKED MATCH */

.cc-linked-match {

  width:
    min(
      900px,
      100%
    );

  margin:
    56px
    auto
    0;

  border-top:
    3px solid
    var(--cc-ink);
}


.cc-linked-match__head {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  padding:
    13px
    0
    16px;
}


.cc-linked-match__head h2 {

  margin: 0;

  color: #111;

  font-size: .72rem;

  font-weight: 900;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.cc-match-card {

  display: grid;

  grid-template-columns:
    1fr
    92px
    1fr
    190px;

  gap: 18px;

  align-items: center;

  padding:
    22px;

  background:
    linear-gradient(
      115deg,
      #087fb8,
      #0b6f9c 46%,
      #171717 46%,
      #171717 54%,
      #d72638 54%
    );

  color: #fff;

  text-decoration: none;
}


.cc-match-team {

  min-width: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 8px;

  text-align: center;

  font-size: .77rem;

  font-weight: 900;
}


.cc-match-logo {

  width: 70px;
  height: 70px;

  display: grid;

  place-items: center;

  padding: 7px;

  overflow: hidden;

  border-radius: 50%;

  background: #fff;
}


.cc-match-logo img {

  width: 100%;
  height: 100%;

  object-fit: contain;
}


.cc-match-score {

  text-align: center;

  font-size: 1.8rem;

  font-weight: 900;

  letter-spacing: -.05em;
}


.cc-match-info {

  text-align: right;

  font-size: .68rem;

  line-height: 1.55;

  font-weight: 800;
}


/* RELATED */

.cc-related {

  width:
    min(
      1070px,
      100%
    );

  margin:
    62px
    auto
    0;
}


.cc-section-head {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 17px;

  padding-bottom: 10px;

  border-bottom:
    3px solid
    var(--cc-ink);
}


.cc-section-head h2 {

  margin: 0;

  color: var(--cc-ink);

  font-size: .75rem;

  font-weight: 900;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.cc-related-grid {

  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap: 16px;
}


.cc-related-card {

  color: inherit;

  text-decoration: none;
}


.cc-related-card__image {

  aspect-ratio: 16 / 10;

  overflow: hidden;

  background: #eee;
}


.cc-related-card__image img {

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


.cc-related-card__date {

  display: block;

  margin-top: 10px;

  color: var(--cc-red);

  font-size: .56rem;

  font-weight: 900;

  letter-spacing: .07em;

  text-transform: uppercase;
}


.cc-related-card h3 {

  margin:
    6px
    0
    0;

  color: #111;

  font-size: 1rem;

  line-height: 1.18;

  font-weight: 900;

  letter-spacing: -.018em;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
.cc-story-shell {

    grid-template-columns: 1fr;

    gap: 36px;
  }


  .cc-story-side {

    position: static;

    display: grid;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    gap: 16px;
  }


  .cc-match-card {

    grid-template-columns:
      1fr
      70px
      1fr;
  }


  .cc-match-info {

    grid-column:
      1 / -1;

    text-align: center;
  }

}


@media (max-width: 680px) {

  .cc-article {

    width: 100%;

    padding:
      18px
      14px
      48px;
  }


  .cc-story-head {

    margin-top: 27px;
  }


  .cc-story-title {

    font-size:
      clamp(
        2.2rem,
        12vw,
        3.5rem
      );

    line-height: .94;
  }


  .cc-story-deck {

    font-size: 1.02rem;
  }


  .cc-story-hero {

    width:
      calc(
        100%
        +
        28px
      );

    margin-left: -14px;

    margin-right: -14px;
  }


  .cc-story-hero img {

    max-height: none;

    aspect-ratio: 16 / 10;
  }


  .cc-inline-photo {

    width: 100%;

    margin:
      1.8rem
      0;
  }


  .cc-inline-photo img {

    max-height: none;
  }


  .cc-story-body {

    font-size: 1.06rem;

    line-height: 1.72;
  }


  .cc-story-side {

    grid-template-columns: 1fr;
  }


  .cc-match-card {

    grid-template-columns:
      1fr
      54px
      1fr;

    gap: 8px;

    padding:
      18px
      10px;
  }


  .cc-match-logo {

    width: 58px;
    height: 58px;
  }


  .cc-match-score {

    font-size: 1.35rem;
  }


  .cc-related-grid {

    grid-template-columns: 1fr;
  }

}



@media (max-width: 900px) {

  .cc-story-side {

    grid-template-columns: 1fr;
  }


  .cc-article-discover__grid {

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

}


@media (max-width: 680px) {

  .cc-side-explore {

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  .cc-article-discover__head {

    align-items:
      flex-start;

    flex-direction:
      column;

    gap: 6px;
  }


  .cc-article-discover__grid {

    grid-template-columns: 1fr;
  }


  .cc-article-discover__card {

    min-height: 88px;
  }

}