/* See urgency.js. Uses the site's own tokens so it follows light and dark themes. */
.enx-rise{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--color-accent);border-radius:8px;background:color-mix(in srgb,var(--color-accent) 10%,transparent);text-align:center}
.enx-rise-label{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent)}
.enx-rise-time{font-family:var(--D,inherit);font-size:20px;font-weight:900;letter-spacing:1px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}
.enx-rise-sub{font-size:11.5px;color:var(--color-text-secondary)}
@media (max-width:600px){.enx-rise{flex-direction:column}.enx-rise-time{font-size:18px}}
.enx-left{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--red,var(--color-accent))}
.enx-left::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:currentColor;vertical-align:1px;animation:enx-pulse 1.4s ease-in-out infinite}
@keyframes enx-pulse{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.enx-left::before{animation:none}}
.enx-ref-note{margin:10px 0 16px;padding:10px 12px;border:1px dashed var(--color-accent);border-radius:6px;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}
.enx-ref-note strong{color:var(--color-accent)}
.enx-next{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--color-text-secondary)}
.enx-next strong{color:var(--red,var(--color-accent));font-size:13px}