/* v26: low-friction download guidance and an extensible events/news section. */

@media (min-width: 1161px) and (max-width: 1320px) {
  .site-header {
    gap: 16px;
    padding-inline: 24px;
  }

  .header-nav {
    gap: 11px;
  }

  .header-nav a {
    font-size: 11.5px;
  }
}

.gg-article[data-article-id="download"] .download-video-guide {
  margin: 22px 0 28px;
  padding: 20px 0 24px;
  border-block: 1px solid #b9d9ec;
  text-align: center;
}

.gg-article[data-article-id="download"] .download-video-heading {
  margin: 0;
  color: #252525;
  font-size: clamp(21px, 2.4vw, 27px);
  font-weight: 800;
  line-height: 1.45;
}

.gg-article[data-article-id="download"] .download-video-pitch {
  margin: 7px 0 0;
  font-size: 17px;
  font-weight: 700;
}

.gg-article[data-article-id="download"] .download-video {
  display: block;
  width: min(100%, 380px);
  margin: 18px auto 0;
  border: 2px solid #087dcc;
  border-radius: 9px;
  background: #07131c;
}

.gg-article[data-article-id="download"] .download-video-note {
  max-width: 620px;
  margin: 11px auto 0;
  color: #667278;
  font-size: 13px;
  line-height: 1.7;
}

.gg-article[data-article-id="download"] .safari-link-figure {
  width: min(100%, 700px);
  margin-inline: auto;
}

.gg-article[data-article-id="download"] .safari-link-image {
  position: relative;
}

.gg-article[data-article-id="download"] .safari-link-overlay {
  position: absolute;
  z-index: 2;
  top: 71.1%;
  left: 11.5%;
  display: flex;
  width: 60.8%;
  height: 16.4%;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  color: #20282d;
  font-family: Arial, sans-serif;
  font-size: clamp(8px, 1.05vw, 13px);
  line-height: 1.3;
  overflow-wrap: anywhere;
  text-align: center;
}

.gg-article[data-article-id="download"] .safari-direct-link {
  margin: 9px 0 0;
  color: #5d696f;
  font-size: 12.5px;
  line-height: 1.65;
  text-align: center;
}

.gg-article[data-article-id="download"] .safari-direct-link a {
  color: #086eaf;
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
}

.gg-article[data-article-id="download"] .post-download-freeroll-copy {
  font-size: 18px;
  line-height: 1.85;
}

.gg-article[data-article-id="download"] .post-download-freeroll-cta picture,
.gg-article[data-article-id="download"] .post-download-freeroll-cta img {
  display: block;
  width: 100%;
}

.gg-article[data-article-id="download"] .post-download-freeroll-note {
  margin-top: 9px;
  color: #667278;
  font-size: 12.5px;
  line-height: 1.65;
  text-align: center;
}

.gg-article.events-index-article .events-list {
  margin-top: 24px;
  border-block: 1px solid #a9ccdf;
}

.gg-article.events-index-article .events-list-item {
  display: grid;
  grid-template-columns: minmax(240px, 38%) minmax(0, 1fr);
  gap: clamp(20px, 3.5vw, 38px);
  align-items: center;
  padding: 24px 0;
}

.gg-article.events-index-article .events-list-item picture,
.gg-article.events-index-article .events-list-item img {
  display: block;
  width: 100%;
}

.gg-article.events-index-article .events-list-item img {
  border: 1px solid #8fc4e3;
  border-radius: 7px;
}

.gg-article.events-index-article .events-list-meta {
  margin: 0 0 6px;
  color: #0b6cae;
  font-size: 13px;
  font-weight: 800;
}

.gg-article.events-index-article .events-list-item h2 {
  margin: 0 0 11px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: clamp(22px, 2.5vw, 29px);
  line-height: 1.45;
}

.gg-article.events-index-article .events-list-item p {
  margin: 0;
}

.gg-article.events-index-article .events-list-link {
  display: inline-block;
  margin-top: 14px;
  color: #086eaf;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.gg-article.freeroll-event-article .freeroll-hero {
  margin: 22px 0 18px;
}

.gg-article.freeroll-event-article .freeroll-hero picture,
.gg-article.freeroll-event-article .freeroll-hero img {
  display: block;
  width: 100%;
}

.gg-article.freeroll-event-article .freeroll-hero img {
  border: 2px solid #087dcc;
  border-radius: 8px;
}

.gg-article.freeroll-event-article .freeroll-lead {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.85;
}

.gg-article.freeroll-event-article .event-key-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 34px);
  margin: 20px 0 22px;
  padding: 15px 2px;
  border-block: 1px solid #aacadd;
  list-style: none;
}

.gg-article.freeroll-event-article .event-key-facts li {
  min-width: 0;
  padding: 0 5px;
}

.gg-article.freeroll-event-article .event-key-facts span {
  display: block;
  margin-bottom: 3px;
  color: #0b6cae;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .035em;
}

.gg-article.freeroll-event-article .event-key-facts strong {
  display: inline;
  padding-inline: .04em;
  background: linear-gradient(transparent 61%, #fff0a8 61%, #fff0a8 92%, transparent 92%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #252525;
  font-size: 16px;
  line-height: 1.5;
}

.gg-article.freeroll-event-article .freeroll-table-wrap {
  border-inline: 0;
  border-radius: 0;
}

.gg-article.freeroll-event-article .freeroll-table {
  min-width: 620px;
}

.gg-article.freeroll-event-article .freeroll-table th,
.gg-article.freeroll-event-article .freeroll-table td {
  text-align: center;
  vertical-align: middle;
}

.gg-article.freeroll-event-article .freeroll-table .is-free td {
  background: #fffbea;
  font-weight: 700;
}

.gg-article.freeroll-event-article .freeroll-table .is-free td:nth-child(2) {
  color: #075e9c;
}

.gg-article.freeroll-event-article .freeroll-points {
  margin: 22px 0 0;
  padding: 14px 0;
  border-block: 1px solid #d4e5ef;
  list-style: none;
}

.gg-article.freeroll-event-article .freeroll-points li {
  position: relative;
  padding-left: 1.15em;
}

.gg-article.freeroll-event-article .freeroll-points li::before {
  position: absolute;
  top: .75em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #087dcc;
  content: "";
}

.gg-article.freeroll-event-article .freeroll-points li + li {
  margin-top: 7px;
}

.gg-article.freeroll-event-article .event-step-figure {
  margin: 20px 0 0;
}

.gg-article.freeroll-event-article .event-step-figure img {
  display: block;
  width: 100%;
  border: 1px solid #c5d9e5;
  border-radius: 6px;
}

.gg-article.freeroll-event-article .event-step-figure figcaption {
  margin-top: 8px;
  color: #647178;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

.gg-article.freeroll-event-article .event-steps {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: event-step;
}

.gg-article.freeroll-event-article .event-steps li {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid #e0e8ec;
  counter-increment: event-step;
}

.gg-article.freeroll-event-article .event-steps li::before {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 50%;
  background: #087dcc;
  color: #fff;
  content: counter(event-step);
  font-size: 13px;
  font-weight: 800;
}

.gg-article.freeroll-event-article .event-steps strong {
  display: block;
  margin-bottom: 3px;
  color: #252525;
}

.gg-article.freeroll-event-article .event-steps p {
  margin: 0;
}

.gg-article.freeroll-event-article .event-note-list {
  margin: 16px 0 0;
  padding: 13px 0;
  border-block: 1px solid #dce6eb;
  color: #59666c;
  font-size: 13px;
  line-height: 1.7;
  list-style: none;
}

.gg-article.freeroll-event-article .event-note-list li + li {
  margin-top: 5px;
}

.gg-article.freeroll-event-article .event-source-note {
  color: #667278;
  font-size: 12.5px;
  line-height: 1.7;
}

@media (max-width: 700px) {
  .gg-article.events-index-article .events-list-item {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 19px 0 21px;
  }

  .gg-article.freeroll-event-article .event-key-facts {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .gg-article.freeroll-event-article .event-key-facts li {
    padding: 0 3px;
  }
}

@media (max-width: 560px) {
  .gg-article[data-article-id="download"] .download-video-guide {
    margin-top: 18px;
    padding-block: 17px 20px;
  }

  .gg-article[data-article-id="download"] .download-video-pitch {
    font-size: 15px;
  }

  .gg-article[data-article-id="download"] .download-video {
    width: min(100%, 340px);
  }

  .gg-article[data-article-id="download"] .post-download-freeroll-copy,
  .gg-article.freeroll-event-article .freeroll-lead {
    font-size: 16px;
  }

  .gg-article.freeroll-event-article .event-step-figure {
    margin-inline: -4px;
  }
}