/* v20: clean number alignment, text-width markers, and line cleanup. */

/* Yellow emphasis follows the glyphs rather than filling the grid track. */
.gg-article .cta-lead,
.gg-article .line-cta-lead {
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: .5em;
}

.gg-article .cta-lead strong,
.gg-article .line-cta-lead strong,
.gg-article .article-actions > p strong,
.gg-article .crypto-line-rescue > p strong {
  min-width: 0;
  padding: 0;
  background: none;
  text-align: center;
}

.gg-article .cta-lead strong .article-marker,
.gg-article .line-cta-lead strong .article-marker,
.gg-article .article-actions > p strong .article-marker,
.gg-article .crypto-line-rescue > p strong .article-marker {
  display: inline;
  padding: 0 .04em;
  background: linear-gradient(transparent 60%, var(--article-marker) 60%, var(--article-marker) 92%, transparent 92%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Remove the short divider that was appearing immediately after numbers. */
.gg-article .article-check-list > li::before,
.gg-article.safety-article .fact-item::before,
.gg-article .article-number-list > li::before,
.gg-article .process-list > li::before,
.gg-article.deposit-methods-article .method-summary-card::before {
  padding-right: 0;
  border-right: 0;
}

.gg-article .article-check-list > li::before,
.gg-article.safety-article .fact-item::before {
  width: 34px;
}

.gg-article .article-number-list > li::before,
.gg-article .process-list > li::before {
  width: 30px;
}

.gg-article.deposit-methods-article .method-summary-card::before {
  width: 34px;
}

/* Cards with generated numbers keep the number at the left of their heading. */
.gg-article .withdrawal-choice-card,
.gg-article.crypto-exchange-article .binance-feature-card {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-auto-rows: auto;
  align-items: start;
  gap: 0 10px;
  padding: 15px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.gg-article .withdrawal-choice-card::before,
.gg-article.crypto-exchange-article .binance-feature-card::before {
  position: static;
  display: block;
  grid-column: 1;
  grid-row: 1;
  align-self: baseline;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  color: #087dcc;
  font-size: 15px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  line-height: 1.45;
}

.gg-article .withdrawal-choice-card h3,
.gg-article.crypto-exchange-article .binance-feature-card h3 {
  grid-column: 2;
  grid-row: 1;
  margin-top: 0;
  padding-right: 0;
}

.gg-article .withdrawal-choice-card > p,
.gg-article.crypto-exchange-article .binance-feature-card > p {
  grid-column: 2;
  grid-row: auto;
}

.gg-article .withdrawal-choice-card > .article-text-link {
  grid-column: 2;
  grid-row: auto;
}

.gg-article .withdrawal-choice-grid,
.gg-article.crypto-exchange-article .binance-feature-grid {
  gap: 18px;
  border: 0;
}

@media (max-width: 700px) {
  .gg-article .withdrawal-choice-grid,
  .gg-article.crypto-exchange-article .binance-feature-grid {
    gap: 12px;
    border: 0;
  }

  .gg-article .withdrawal-choice-card,
  .gg-article .withdrawal-choice-card:last-child,
  .gg-article.crypto-exchange-article .binance-feature-card,
  .gg-article.crypto-exchange-article .binance-feature-card:last-child {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 13px 0;
    border: 0;
  }
}

@media (max-width: 560px) {
  .gg-article .cta-lead,
  .gg-article .line-cta-lead {
    gap: .35em;
  }

  .gg-article .withdrawal-choice-card::before,
  .gg-article.crypto-exchange-article .binance-feature-card::before {
    font-size: 14px;
  }
}