/* Shared, intentionally low-pressure revenue surfaces for baisalya.com product sites. */
.creator-support {
  width: min(1120px, calc(100% - 2rem));
  margin: 2.25rem auto;
  padding: 1.15rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border: 1px solid color-mix(in srgb, currentColor 13%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, Canvas 92%, transparent);
  color: CanvasText;
  box-shadow: 0 14px 42px rgba(0,0,0,.08);
}
.creator-support__copy { min-width: 0; }
.creator-support__eyebrow { display:block; margin-bottom:.25rem; font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; opacity:.62; }
.creator-support strong { display:block; font-size:1rem; line-height:1.3; }
.creator-support p { margin:.28rem 0 0; max-width:62ch; font-size:.86rem; line-height:1.55; opacity:.72; color:inherit; }
.creator-support__actions { display:flex; flex-wrap:wrap; gap:.65rem; flex:0 0 auto; }
.creator-support__actions a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:.65rem .9rem; border-radius:12px; border:1px solid color-mix(in srgb, currentColor 18%, transparent); color:inherit; text-decoration:none; font-size:.82rem; font-weight:800; white-space:nowrap; }
.creator-support__actions a:first-child { background:#ffdd00; color:#111; border-color:rgba(17,17,17,.12); }
.creator-support__actions a:hover { transform:translateY(-1px); }
.monetization-ad { width:min(970px, calc(100% - 2rem)); min-height:0; margin:2rem auto; overflow:hidden; border-radius:14px; }
.monetization-ad.is-active { min-height:90px; padding:.5rem; border:1px solid color-mix(in srgb, currentColor 10%, transparent); background:color-mix(in srgb, Canvas 96%, transparent); }
@media (max-width:760px) { .creator-support { align-items:flex-start; flex-direction:column; } .creator-support__actions { width:100%; } .creator-support__actions a { flex:1 1 150px; } }
@media (prefers-reduced-motion:reduce) { .creator-support__actions a { transition:none; } }

.monetization-ad.is-active { position:relative; min-height:100px; padding:1.65rem .6rem .65rem; }
.monetization-ad__label { position:absolute; top:.48rem; left:50%; transform:translateX(-50%); font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.52; }