/* Derashah — "We're Live" banner and corner button */
.derashah-live-banner[hidden], .derashah-live-pill[hidden] { display: none !important; }

@keyframes derashah-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); } 70% { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.derashah-live-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: derashah-live-pulse 1.6s infinite; flex: 0 0 8px; }

a.derashah-live-banner, a.derashah-live-banner:hover, a.derashah-live-banner:visited, a.derashah-live-banner:focus {
	position: -webkit-sticky; position: sticky; top: var(--derashah-live-top, 0px); z-index: 90;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
	padding: 12px max(16px, calc((100% - 1152px) / 2));
	background: #161616; color: #fff; text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 22px;
}
a.derashah-live-banner:hover { background: #1f1f1f; }
.derashah-live-badge {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 3px 10px; border-radius: 999px; background: var(--derashah-live, #e0201f); color: #fff;
	font-size: 12px; font-weight: 700; letter-spacing: 1px;
}
.derashah-live-banner__text { flex: 1; min-width: 180px; font-weight: 500; }
.derashah-live-banner__cta { font-weight: 700; white-space: nowrap; }

a.derashah-live-pill, a.derashah-live-pill:hover, a.derashah-live-pill:visited, a.derashah-live-pill:focus {
	position: fixed; right: 20px; bottom: 20px; z-index: 99990;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 16px; border-radius: 999px;
	background: var(--derashah-live, #e0201f); color: #fff; text-decoration: none;
	font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .3px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
}
a.derashah-live-pill:hover { background: var(--derashah-live-hover, #c41a19); }
@media (max-width: 600px) {
	a.derashah-live-banner { font-size: 14px; gap: 10px; }
	.derashah-live-banner__text { min-width: 0; flex-basis: calc(100% - 90px); }
	a.derashah-live-pill { right: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) { .derashah-live-dot { animation: none; } }