.cs-impact-compact{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
    direction:rtl;
}
.cs-impact-compact__label{
    font-size:12px;
    color:#718096;
    font-weight:700;
}
.cs-impact-chip{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 9px;
    border:1px solid rgba(10,51,83,.10);
    border-radius:999px;
    background:#f7fafc;
    color:#294258;
    font-size:11px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
}
.cs-impact-chip small{
    margin-inline-start:1px;
    padding-inline-start:6px;
    border-inline-start:1px solid rgba(41,66,88,.12);
    color:#76889a;
    font-size:10px;
    font-weight:750;
    line-height:1;
}
.cs-impact-chip__dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#20b8ae;
    box-shadow:0 0 0 3px rgba(32,184,174,.10);
}
.cs-impact-chip__direction{
    font-size:12px;
    font-weight:950;
    line-height:1;
}
.cs-impact-chip--gold .cs-impact-chip__dot{background:#d69e2e;box-shadow:0 0 0 3px rgba(214,158,46,.10)}
.cs-impact-chip--crypto .cs-impact-chip__dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.10)}
.cs-impact-chip--stock .cs-impact-chip__dot{background:#4f7cff;box-shadow:0 0 0 3px rgba(79,124,255,.10)}
.cs-impact-chip--oil .cs-impact-chip__dot{background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.10)}
.cs-impact-chip--silver .cs-impact-chip__dot{background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.10)}

.ch-intel-card__impact{
    margin-top:8px;
}
.ch-intel-card__impact .cs-impact-compact{
    margin-top:0;
}
.ch-intel-card__impact .cs-impact-compact__label{
    color:rgba(226,244,250,.65);
}
.ch-intel-card__impact .cs-impact-chip{
    color:#dffaf6;
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.10);
}
.ch-intel-card__impact .cs-impact-chip small{
    color:rgba(223,250,246,.72);
    border-inline-start-color:rgba(255,255,255,.12);
}

/*
 * Single content: compact market-context bar.
 * Deliberately shallow so the editorial body remains the visual priority.
 */
.cs-impact-bar{
    margin:18px 0 22px;
    padding:12px 14px;
    border:1px solid rgba(12,68,95,.10);
    border-radius:16px;
    background:linear-gradient(145deg,#f9fcfd 0%,#f4f9fa 100%);
    box-shadow:0 8px 22px rgba(5,36,61,.045);
    direction:rtl;
}
.cs-impact-bar__row{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.cs-impact-bar__title{
    flex:0 0 auto;
    min-width:112px;
    padding-inline-end:12px;
    border-inline-end:1px solid rgba(13,64,91,.08);
}
.cs-impact-bar__eyebrow{
    display:block;
    margin-bottom:2px;
    color:#12a99f;
    font-size:8px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.11em;
}
.cs-impact-bar__title strong{
    display:block;
    color:#0b3150;
    font-size:14px;
    line-height:1.5;
    font-weight:900;
}
.cs-impact-bar__chips{
    display:flex;
    align-items:center;
    flex:1 1 auto;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
}
.cs-impact-bar__details{
    position:relative;
    flex:0 0 auto;
}
.cs-impact-bar__details summary{
    list-style:none;
    cursor:pointer;
    white-space:nowrap;
    color:#118f88;
    font-size:11px;
    font-weight:850;
    outline:none;
}
.cs-impact-bar__details summary::-webkit-details-marker{display:none}
.cs-impact-bar__details summary::after{
    content:' ←';
}
.cs-impact-bar__details[open] summary::after{
    content:' ↓';
}
.cs-impact-bar__detail-body{
    position:absolute;
    z-index:20;
    inset-inline-end:0;
    top:calc(100% + 10px);
    width:min(420px,82vw);
    padding:13px 14px;
    border:1px solid rgba(12,68,95,.11);
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 42px rgba(5,36,61,.14);
}
.cs-impact-bar__detail-body ul{
    display:grid;
    gap:7px;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.cs-impact-bar__detail-body li{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 10px;
    margin:0 !important;
    color:#607284;
    font-size:11px;
    line-height:1.7;
}
.cs-impact-bar__detail-body li strong{
    color:#163d59;
    font-size:12px;
}
.cs-impact-bar__detail-body p{
    margin:10px 0 0 !important;
    padding-top:9px;
    border-top:1px solid rgba(13,64,91,.07);
    color:#7c8c9a !important;
    font-size:10px !important;
    line-height:1.85 !important;
}

@media (max-width:760px){
    .cs-impact-bar{
        margin:16px 0 20px;
        padding:12px;
        border-radius:14px;
    }
    .cs-impact-bar__row{
        align-items:flex-start;
        flex-wrap:wrap;
        gap:9px;
    }
    .cs-impact-bar__title{
        width:100%;
        min-width:0;
        padding-inline-end:0;
        padding-bottom:8px;
        border-inline-end:0;
        border-bottom:1px solid rgba(13,64,91,.08);
    }
    .cs-impact-bar__chips{
        flex-basis:100%;
    }
    .cs-impact-bar__details{
        width:100%;
    }
    .cs-impact-bar__details summary{
        display:inline-flex;
    }
    .cs-impact-bar__detail-body{
        position:static;
        width:auto;
        margin-top:9px;
        box-shadow:none;
        background:rgba(255,255,255,.72);
    }
}


/* v0.59.16 — non-causal current context for the homepage news-intelligence card. */
.ch-intel-card__market-context{
    display:flex;
    align-items:flex-start;
    gap:6px;
    flex-wrap:wrap;
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.08);
    color:rgba(226,244,250,.78);
    font-size:10px;
    line-height:1.7;
}
.ch-intel-card__market-context span{
    flex:0 0 auto;
    color:#67e4d9;
    font-weight:850;
}
.ch-intel-card__market-context bdi{
    color:rgba(244,252,255,.90);
    font-weight:700;
}


/* =========================================================
   CandleStan v0.59.19 — Homepage Intelligence light-card contrast
   v0.59.16 context styles were authored against the dark command-center
   surface, while the actual News Intelligence tile is white. Scope these
   overrides strictly to the tile so single-news/article impact bars stay intact.
   ========================================================= */
.ch-intel-card__impact .cs-impact-compact__label {
    color: #7a889b;
}

.ch-intel-card__impact .cs-impact-chip {
    color: #324762;
    background: #f8fbfc;
    border-color: #dfe8ee;
}

.ch-intel-card__impact .cs-impact-chip small {
    color: #728196;
    border-inline-start-color: #d9e3ea;
}

.ch-intel-card__market-context {
    border-top-color: #e2eaf0;
    color: #66778c;
}

.ch-intel-card__market-context span {
    color: #0f9f92;
}

.ch-intel-card__market-context bdi {
    color: #40536d;
}
