.sc-affiliate {
  box-sizing: border-box;
  width: 100%;
  max-width: 720px;
  margin: 22px auto;
  padding: 16px 20px 14px;
  background: var(--panel-raised, #182338);
  border: 1px solid var(--line, rgba(140, 160, 195, .22));
  border-radius: 12px;
}

.sc-affiliate h3 {
  margin: 0 0 4px;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--brass, #d9a441);
}

.sc-affiliate .sc-affiliate-intro {
  margin: 0 0 10px;
  font-size: .85rem;
  color: var(--muted, #8fa0b8);
}

.sc-affiliate ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 4px 22px;
}

.sc-affiliate li a {
  display: inline-block;
  padding: 3px 0;
  font-size: .92rem;
  color: var(--blue, #8fb7ff);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.sc-affiliate li a:hover,
.sc-affiliate li a:focus-visible {
  color: var(--brass-hi, #f0c968);
  border-bottom-color: var(--brass-dim, #9a7123);
}

.sc-affiliate .sc-affiliate-disclosure {
  margin: 10px 0 0;
  font-size: .75rem;
  color: var(--faint, #5f6f8c);
}

@media (max-width: 520px) {
  .sc-affiliate {
    margin: 16px auto;
    padding: 14px 16px 12px;
  }
}