/* Economic risk banner v1.1 — EURUSD/BTCUSD Journal */
.economic-risk-banner{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;margin:18px 0;padding:17px 18px;border:1px solid rgba(255,211,74,.58);border-left:5px solid #ffd34a;border-radius:16px;background:linear-gradient(135deg,rgba(255,211,74,.13),rgba(255,211,74,.045));box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:hidden}
.economic-risk-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 42%)}
.economic-risk-icon{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:22px;line-height:1;color:#141414;background:#ffd34a;box-shadow:0 0 0 5px rgba(255,211,74,.12)}
.economic-risk-content{position:relative;z-index:1;min-width:0}
.economic-risk-kicker{font-size:.76rem;font-weight:850;letter-spacing:.105em;color:#ffd34a;margin:0 0 4px;text-transform:uppercase}
.economic-risk-banner h2{margin:0 0 10px;font-size:clamp(1.03rem,2vw,1.25rem);line-height:1.28;color:var(--text,#f4f7fb)}
.economic-risk-banner ul{display:grid;gap:7px;list-style:none;padding:0;margin:0 0 10px}
.economic-risk-banner li{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;background:rgba(0,0,0,.12)}
.economic-risk-time{font-variant-numeric:tabular-nums;font-weight:850;color:#ffd34a;white-space:nowrap}
.economic-risk-time small{font-size:.66em;opacity:.82}.economic-risk-utc{font-weight:700;opacity:.72}
.economic-risk-banner li strong{font-size:.93rem;line-height:1.25;color:var(--text,#f4f7fb)}
.economic-risk-source{font-size:.72rem;white-space:nowrap;opacity:.76;color:inherit;text-decoration:underline;text-underline-offset:2px}
.economic-risk-message{margin:0 0 5px;font-weight:650;line-height:1.46;color:var(--text,#f4f7fb)}
.economic-risk-note{margin:0;font-size:.74rem;line-height:1.35;opacity:.66}
.economic-risk-soon{border-color:rgba(255,173,51,.68);border-left-color:#ffad33;background:linear-gradient(135deg,rgba(255,173,51,.16),rgba(255,173,51,.05))}
.economic-risk-soon .economic-risk-icon{background-color:#ffad33;color:#161616}.economic-risk-soon .economic-risk-time{background:transparent;color:#ffbd5c}.economic-risk-soon .economic-risk-kicker{color:#ffad33}
.economic-risk-imminent{border-color:rgba(255,82,82,.74);border-left-color:#ff5252;background:linear-gradient(135deg,rgba(255,82,82,.19),rgba(255,82,82,.055));animation:economicRiskPulse 2.2s ease-in-out infinite}
.economic-risk-imminent .economic-risk-icon{background:#ff5252;color:white}.economic-risk-imminent .economic-risk-time,.economic-risk-imminent .economic-risk-kicker{color:#ff7878}
@keyframes economicRiskPulse{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.16)}50%{box-shadow:0 12px 34px rgba(255,82,82,.16)}}
@media(max-width:680px){.economic-risk-banner{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px 13px;margin:14px 0}.economic-risk-icon{width:32px;height:32px;font-size:18px}.economic-risk-banner li{grid-template-columns:1fr;gap:3px}.economic-risk-source{justify-self:start}.economic-risk-kicker{font-size:.69rem}.economic-risk-banner h2{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.economic-risk-imminent{animation:none}}