.affiliate-tool-card {
  margin-top: 28px;
  padding: clamp(22px, 4vw, 32px);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(246, 204, 120, 0.08), transparent 58%), var(--surface-translucent);
}

.affiliate-tool-card .panel-title {
  margin-top: 8px;
}

.affiliate-tool-card p,
.affiliate-tool-card li {
  color: var(--article-copy);
}

.affiliate-tool-rules {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding-left: 20px;
}

.affiliate-tool-card .affiliate-disclosure {
  margin-top: 20px;
}

.affiliate-tool-card .button-row {
  margin-top: 16px;
}

.affiliate-tool-card-compact {
  padding: 20px;
}

.affiliate-tool-card-compact .panel-title {
  font-size: clamp(1.2rem, 2.4vw, 1.55rem);
}

.affiliate-privacy-note {
  margin: 16px 0 0;
  font-size: 0.84rem;
}

:root[data-theme="light"] .affiliate-tool-card {
  background: linear-gradient(145deg, rgba(154, 90, 8, 0.08), transparent 58%), var(--surface-translucent);
}

:root[data-theme="light"] .affiliate-tool-card .button-outbound {
  border-color: #7d4600;
  color: #7d4600;
  background: rgba(125, 70, 0, 0.05);
}

:root[data-theme="light"] .affiliate-tool-card .button-outbound:hover {
  background: rgba(125, 70, 0, 0.12);
}