/* Dismissible Real Conversations promotion bubble — compact and unobtrusive. */
.podcast-bubble[hidden]{display:none}
.podcast-bubble{
 position:fixed;right:24px;bottom:24px;z-index:850;width:min(390px,calc(100vw - 32px));
 padding:23px 24px 21px;background:#17222c;color:#fff;border:1px solid rgba(150,168,184,.44);
 border-top:3px solid #bfcbd5;box-shadow:0 20px 58px rgba(9,16,37,.27);
 opacity:0;transform:translateY(14px);visibility:hidden;transition:opacity .24s ease,transform .24s ease,visibility .24s;
}
.podcast-bubble.is-visible{opacity:1;transform:translateY(0);visibility:visible}
.podcast-bubble-top{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding-right:36px}
.podcast-bubble-dot{width:8px;height:8px;flex:0 0 8px;background:#d9c9a4;border-radius:50%}
.podcast-bubble-kicker{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e2e8ed;line-height:1.35}
.podcast-bubble-close{position:absolute;top:11px;right:11px;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer}
.podcast-bubble-close:hover,.podcast-bubble-close:focus-visible{background:rgba(255,255,255,.12)}
.podcast-bubble h2{margin:0 0 8px;color:#fff;font-family:var(--serif,Georgia,serif);font-size:clamp(1.55rem,2vw,1.95rem);line-height:1.12;letter-spacing:-.02em}
.podcast-bubble-description{margin:0 0 12px;color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.55}
.podcast-bubble-meta{padding-top:10px;border-top:1px solid rgba(255,255,255,.17);color:#c9d2da;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.podcast-bubble-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}
.podcast-bubble-listen{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#f6f3ed;color:#101927;font-size:.82rem;font-weight:700;text-decoration:none}
.podcast-bubble-listen:hover,.podcast-bubble-listen:focus-visible{background:#fff}
.podcast-bubble-page{color:#fff;font-size:.79rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.podcast-bubble-page:hover,.podcast-bubble-page:focus-visible{color:#d9c9a4}
@media(max-width:600px){
 .podcast-bubble{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:19px 19px 17px}
 .podcast-bubble h2{font-size:1.6rem}
 .podcast-bubble-description{font-size:.84rem}
 .podcast-bubble-actions{gap:10px}
}
@media(prefers-reduced-motion:reduce){.podcast-bubble{transition:none}}