.wp-block-ralify-breaking-now, .ralify-breaking-now { box-sizing: border-box; width: 100%; min-width: 0; color: var(--ralify-color-text, #f8fafc); font-family: var(--ralify-font, "Sora", sans-serif); }
.ralify-breaking-now__header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-bottom: 14px; }
.ralify-breaking-now__signal { position: relative; width: 11px; height: 11px; border-radius: 999px; background: var(--ralify-color-danger, #ff4d67); box-shadow: 0 0 0 5px rgba(255,77,103,.12); }
.ralify-breaking-now__signal::after { position: absolute; inset: -5px; border: 1px solid rgba(255,77,103,.35); border-radius: inherit; animation: ralify-breaking-pulse 2s ease-out infinite; content: ""; }
@keyframes ralify-breaking-pulse { 0% { opacity:.8; transform:scale(.7); } 70%,100% { opacity:0; transform:scale(1.55); } }
.ralify-breaking-now__eyebrow { margin: 0 0 4px; color: var(--ralify-color-danger, #ff4d67); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ralify-breaking-now h3 { margin: 0; font-size: clamp(1.25rem,2vw,1.6rem); }
.ralify-breaking-now__view { display: inline-flex; align-items: center; gap: 7px; color: var(--ralify-color-cyan, #00e5ff); font-size: .72rem; font-weight: 700; text-decoration: none; white-space: nowrap; }

.ralify-breaking-now__filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.ralify-breaking-now__filter { height: 30px; padding-inline: 13px; border: 1px solid var(--ralify-color-border, #273142); border-radius: 999px; background: transparent; color: var(--ralify-color-text-muted, #94a3b8); font-family: inherit; font-size: .72rem; font-weight: 700; cursor: pointer; transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease; }
.ralify-breaking-now__filter:hover { color: var(--ralify-color-text, #f8fafc); }
.ralify-breaking-now__filter.is-active { border-color: transparent; background: var(--ralify-gradient-brand); color: #fff; }

.ralify-breaking-now__row { gap: 14px; }
.ralify-breaking-now__card { display: flex; flex: 0 0 calc((100% - 28px) / 3); flex-direction: column; gap: 12px; min-width: 240px; padding: 16px; border: 1px solid rgba(148,163,184,.14); border-radius: 14px; background: rgba(17,24,39,.5); color: inherit; text-decoration: none; transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease; }
.ralify-breaking-now__card:hover { border-color: rgba(0,229,255,.35); background: rgba(17,24,39,.75); transform: translateY(-1px); }
.ralify-breaking-now__card[hidden] { display: none; }
.ralify-breaking-now__card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ralify-breaking-now__badge { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px; font-size: .6rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.ralify-breaking-now__badge--breaking { background: rgba(255,77,103,.16); color: #ff91a2; }
.ralify-breaking-now__badge--official, .ralify-breaking-now__badge--confirmed { background: rgba(48,209,88,.15); color: #73e88d; }
.ralify-breaking-now__badge--rumor { background: rgba(167,139,250,.16); color: #c4b5fd; }
.ralify-breaking-now__badge--report, .ralify-breaking-now__badge--update { background: rgba(37,99,235,.17); color: #93c5fd; }
.ralify-breaking-now__time { color: var(--ralify-color-text-muted, #94a3b8); font-size: .66rem; white-space: nowrap; }
.ralify-breaking-now__title { display: -webkit-box; overflow: hidden; margin: 0; color: inherit; font-size: .86rem; font-weight: 700; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ralify-breaking-now__card:hover .ralify-breaking-now__title { color: var(--ralify-color-cyan, #00e5ff); }
.ralify-breaking-now__card-source { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(148,163,184,.1); color: var(--ralify-color-text-muted, #94a3b8); font-size: .68rem; font-weight: 600; white-space: nowrap; }
.ralify-breaking-now__source-mark { --ralify-source-mark-color: rgba(255,255,255,.14); display: grid; flex: 0 0 auto; width: 20px; height: 20px; place-items: center; border-radius: 6px; background: color-mix(in srgb, var(--ralify-source-mark-color) 22%, rgba(255,255,255,.06)); color: var(--ralify-source-mark-color); font-size: .6rem; font-weight: 800; }

.ralify-breaking-now__empty { display:grid; min-height:210px; place-items:center; align-content:center; padding:28px; border:1px dashed rgba(148,163,184,.22); border-radius:16px; background:rgba(17,24,39,.5); text-align:center; }
.ralify-breaking-now__empty > span { display:grid; width:42px; height:42px; margin-bottom:12px; place-items:center; border-radius:999px; background:rgba(48,209,88,.12); color:var(--ralify-color-success,#30d158); }
.ralify-breaking-now__empty p { margin:8px 0 16px; color:var(--ralify-color-text-muted,#94a3b8); font-size:.78rem; }
.ralify-breaking-now__empty a { color:var(--ralify-color-cyan,#00e5ff); font-size:.72rem; font-weight:700; text-decoration:none; }
@media (prefers-reduced-motion: reduce) { .ralify-breaking-now__signal::after { animation:none; } }
@media (max-width: 900px) { .ralify-breaking-now__card { flex-basis: calc((100% - 14px) / 2); } }
@media (max-width: 560px) { .ralify-breaking-now__card { flex-basis: 85%; } }