@font-face {
    font-family:'Vazirmatn';
    src:url('../fonts/Vazirmatn[wght].woff2') format('woff2');
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}

.candlestan-market-detail-v0623 {
    --cma-navy:#071b3f;
    --cma-navy-2:#0b2b59;
    --cma-text:#10213d;
    --cma-muted:#758196;
    --cma-line:#e1e7ef;
    --cma-soft:#f6f8fb;
    --cma-teal:#13b9aa;
    --cma-green:#078a78;
    --cma-red:#b43155;
    --cma-gold:#d9a41e;
    --cma-blue:#4476d5;
    --cma-purple:#825ed2;
    --cma-accent:var(--cma-teal);
    background:#fff;
}

.candlestan-market-detail-v0623.candlestan-market-detail--stock { --cma-accent:var(--cma-blue); }
.candlestan-market-detail-v0623.candlestan-market-detail--gold { --cma-accent:var(--cma-gold); }
.candlestan-market-detail-v0623.candlestan-market-detail--fx { --cma-accent:var(--cma-purple); }

.cma-page,
.cma-page * { box-sizing:border-box; }
.cma-page { font-family:'Vazirmatn',Tahoma,sans-serif; color:var(--cma-text); background:linear-gradient(180deg,#fbfdff 0,#fff 420px); }
.cma-page a { color:inherit; }
.cma-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; padding:30px 0 10px; }

.cma-breadcrumb { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin:0 0 18px; color:#8791a2; font-size:12px; font-weight:700; }
.cma-breadcrumb a { text-decoration:none; transition:.18s ease; }
.cma-breadcrumb a:hover { color:var(--cma-accent); }
.cma-breadcrumb span[aria-hidden="true"] { opacity:.45; }

.cma-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); gap:28px; align-items:stretch; padding:34px; overflow:hidden; border:1px solid #dfe7ef; border-radius:30px; background:linear-gradient(135deg,#fff 0,#fbfdff 58%,color-mix(in srgb,var(--cma-accent) 7%,#fff) 100%); box-shadow:0 22px 55px rgba(13,39,73,.075); }
.cma-hero::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,var(--cma-accent),color-mix(in srgb,var(--cma-accent) 35%,#fff)); }
.cma-hero::after { content:""; position:absolute; width:280px; height:280px; left:-100px; bottom:-160px; border-radius:50%; background:color-mix(in srgb,var(--cma-accent) 8%,transparent); pointer-events:none; }
.cma-hero__identity { position:relative; z-index:1; display:flex; gap:18px; align-items:flex-start; padding-top:6px; }
.cma-asset-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 64px; width:64px; height:64px; border-radius:20px; background:color-mix(in srgb,var(--cma-accent) 12%,#fff); border:1px solid color-mix(in srgb,var(--cma-accent) 22%,#fff); color:var(--cma-accent); font-size:22px; font-weight:900; box-shadow:inset 0 1px rgba(255,255,255,.8); }
.cma-hero__eyebrow { display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-bottom:8px; color:#7e899b; font-size:11px; font-weight:800; letter-spacing:.02em; }
.cma-hero h1 { margin:0; color:var(--cma-navy); font-size:clamp(30px,4vw,48px); line-height:1.2; font-weight:900; letter-spacing:-.035em; }
.cma-hero__identity p { max-width:620px; margin:13px 0 0; color:#68758a; font-size:14px; line-height:2; font-weight:550; }

.cma-hero__quote { position:relative; z-index:1; align-self:stretch; padding:23px 24px; border-radius:24px; background:rgba(255,255,255,.9); border:1px solid rgba(212,222,233,.9); box-shadow:0 12px 30px rgba(13,39,73,.06); backdrop-filter:blur(8px); }
.cma-hero__quote-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; color:#8b95a6; font-size:11px; font-weight:750; }
.cma-state { display:inline-flex; align-items:center; padding:6px 9px; border-radius:999px; font-size:10px; font-weight:850; white-space:nowrap; background:#f0f3f7; color:#7c8797; }
.cma-state--live,.cma-state--fresh,.cma-state--last_known_good { background:#e8f8f4; color:#087d70; }
.cma-state--closed { background:#fff4df; color:#986813; }
.cma-state--delayed,.cma-state--stale { background:#fff0e8; color:#a9562d; }
.cma-state--unavailable { background:#f1f3f6; color:#7e8795; }
.cma-current-price { display:flex; align-items:baseline; justify-content:flex-start; gap:.2em; min-width:0; color:var(--cma-navy); font-size:clamp(28px,3.1vw,42px); line-height:1.35; font-weight:900; direction:rtl; }
.cma-current-price__number { display:inline-block; max-width:100%; direction:ltr; unicode-bidi:isolate; white-space:nowrap; letter-spacing:0; word-spacing:0; font-kerning:normal; font-variant-numeric:proportional-nums; font-feature-settings:"tnum" 0,"pnum" 1,"kern" 1; }
.cma-current-price__unit { display:inline-block; flex:0 0 auto; white-space:nowrap; font-size:.54em; line-height:1.2; font-weight:850; letter-spacing:0; word-spacing:0; }
.cma-movement { display:inline-flex; margin-top:11px; padding:7px 11px; border-radius:999px; font-size:12px; font-weight:850; unicode-bidi:isolate; }
.cma-movement--positive { background:#e8f8f4; color:var(--cma-green); }
.cma-movement--negative { background:#fff0f4; color:var(--cma-red); }
.cma-movement--neutral { background:#f0f3f7; color:#7d8797; }
.cma-movement.is-unavailable { padding-inline:0; background:transparent; color:#8a94a5; }
.cma-hero__quote > small { display:block; margin-top:8px; color:#929cad; font-size:10px; line-height:1.7; font-weight:650; }

.cma-jumpbar { position:sticky; top:12px; z-index:20; display:flex; justify-content:center; gap:6px; width:max-content; max-width:100%; margin:18px auto 0; padding:6px; border:1px solid #e1e7ef; border-radius:999px; background:rgba(255,255,255,.92); box-shadow:0 10px 28px rgba(13,39,73,.06); backdrop-filter:blur(12px); }
.cma-jumpbar a { padding:8px 13px; border-radius:999px; text-decoration:none; color:#6f7b8f; font-size:11px; font-weight:800; transition:.18s ease; }
.cma-jumpbar a:hover { color:var(--cma-navy); background:#f2f6fa; }

.cma-section { scroll-margin-top:90px; padding-top:64px; }
.cma-section-head { display:flex; justify-content:space-between; gap:28px; align-items:end; margin-bottom:20px; }
.cma-section-head > div > span,
.cma-chart-head > div > span,
.cma-about-card > span,
.cma-facts-card > span { display:block; margin-bottom:7px; color:var(--cma-accent); font-size:10px; font-weight:900; letter-spacing:.015em; direction:rtl; text-align:right; }
.cma-section-head h2,.cma-chart-head h2,.cma-about-card h2,.cma-facts-card h2,.cma-trust-card h2 { margin:0; color:var(--cma-navy); font-size:clamp(24px,2.4vw,32px); line-height:1.35; font-weight:900; }
.cma-section-head p { max-width:520px; margin:0; color:#7c8798; font-size:12px; line-height:1.9; text-align:left; }

.cma-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.cma-stat-card { min-width:0; padding:20px; border:1px solid #e1e7ef; border-radius:20px; background:#fff; box-shadow:0 9px 25px rgba(13,39,73,.045); }
.cma-stat-card > span { display:block; margin-bottom:11px; color:#8792a3; font-size:10px; font-weight:750; }
.cma-stat-card > strong { display:block; overflow-wrap:anywhere; color:var(--cma-navy); font-size:18px; line-height:1.5; font-weight:900; }
.cma-stat-card > small { display:block; margin-top:7px; color:#9aa3b1; font-size:9px; line-height:1.65; font-weight:600; }
.cma-stat-card--source { background:linear-gradient(140deg,#fff,#f8fbff); }
.cma-stat-card--native { border-color:color-mix(in srgb,var(--cma-accent) 24%,#e1e7ef); background:color-mix(in srgb,var(--cma-accent) 4%,#fff); }
.cma-stat-grid--five { grid-template-columns:repeat(5,minmax(0,1fr)); }

.cma-value--positive { color:var(--cma-green) !important; }
.cma-value--negative { color:var(--cma-red) !important; }
.cma-value--neutral { color:#7d8798 !important; }

.cma-performance-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:16px; overflow:hidden; border:1px solid #e1e7ef; border-radius:20px; background:#fbfcfe; }
.cma-performance-strip > div { padding:17px 18px; border-left:1px solid #e7ebf1; }
.cma-performance-strip > div:last-child { border-left:0; }
.cma-performance-strip span,.cma-performance-strip strong,.cma-performance-strip small { display:block; }
.cma-performance-strip span { color:#8792a4; font-size:10px; font-weight:750; }
.cma-performance-strip strong { margin-top:5px; color:var(--cma-navy); font-size:18px; font-weight:900; }
.cma-performance-strip small { margin-top:3px; color:#a0a8b4; font-size:9px; }

.cma-chart-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(280px,.65fr); gap:18px; align-items:stretch; }
.cma-chart-card,.cma-trust-card,.cma-about-card,.cma-facts-card { border:1px solid #e0e7ef; border-radius:26px; background:#fff; box-shadow:0 14px 36px rgba(13,39,73,.055); }
.cma-chart-card { min-width:0; padding:24px; }
.cma-chart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.cma-chart-head h2 { font-size:25px; }
.cma-chart-head p { max-width:620px; margin:7px 0 0; color:#8a94a5; font-size:10px; line-height:1.8; }
.cma-range-tabs { display:flex; max-width:100%; gap:4px; padding:4px; border-radius:999px; background:#f1f4f8; direction:ltr; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; }
.cma-range-tabs::-webkit-scrollbar { display:none; }
.cma-range-tabs button { appearance:none; flex:0 0 auto; border:0; min-width:46px; padding:7px 9px; border-radius:999px; background:transparent; color:#768195; font:800 10px/1 'Vazirmatn',Tahoma,sans-serif; white-space:nowrap; cursor:pointer; transition:.17s ease; }
.cma-range-tabs button:hover:not(:disabled) { color:var(--cma-navy); }
.cma-range-tabs button.is-active { background:var(--cma-navy); color:#fff; box-shadow:0 5px 13px rgba(7,27,63,.15); }
.cma-range-tabs button:disabled { opacity:.28; cursor:not-allowed; }
.cma-chart-stage { position:relative; height:365px; margin-top:24px; }
.cma-chart-stage canvas { width:100% !important; height:100% !important; }
.cma-chart-empty { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed #dbe2ea; border-radius:18px; background:#fbfcfe; color:#8a94a4; }
.cma-chart-empty[hidden] { display:none; }
.cma-chart-empty strong { color:#647185; font-size:13px; }
.cma-chart-empty span { margin-top:6px; font-size:10px; }
.cma-chart-notice { min-height:18px; margin:12px 0 0; color:#8d97a7; font-size:9px; line-height:1.7; }

.cma-trust-card { scroll-margin-top:90px; position:relative; padding:26px; overflow:hidden; background:linear-gradient(155deg,var(--cma-navy),var(--cma-navy-2)); color:#fff; }
.cma-trust-card::before { content:""; position:absolute; width:180px; height:180px; left:-80px; top:-70px; border-radius:50%; background:rgba(19,185,170,.12); }
.cma-trust-card__kicker { position:relative; display:block; color:#58ddd4; font-size:10px; font-weight:900; letter-spacing:.015em; direction:rtl; text-align:right; }
.cma-trust-card h2 { position:relative; margin-top:9px; color:#fff; font-size:26px; }
.cma-trust-card > p { position:relative; margin:12px 0 20px; color:#b9c7da; font-size:11px; line-height:2; }
.cma-trust-card dl { position:relative; margin:0; border-top:1px solid rgba(255,255,255,.1); }
.cma-trust-card dl > div { display:flex; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.cma-trust-card dt { color:#8fa3bd; font-size:9px; font-weight:700; }
.cma-trust-card dd { margin:0; color:#fff; font-size:10px; font-weight:800; text-align:left; }
.cma-trust-card > a { position:relative; display:inline-flex; margin-top:19px; color:#5be0d7; text-decoration:none; font-size:10px; font-weight:850; }

.cma-coverage-value { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:5px; direction:rtl; unicode-bidi:isolate; text-align:right !important; }
.cma-coverage-window,.cma-coverage-count { display:inline-flex; align-items:center; gap:3px; direction:rtl; unicode-bidi:isolate; white-space:nowrap; }
.cma-coverage-value bdi { display:inline-block; direction:ltr; unicode-bidi:isolate; letter-spacing:0; word-spacing:0; font-variant-numeric:proportional-nums; font-feature-settings:"tnum" 0,"pnum" 1; }
.cma-inline-separator { display:inline-block; direction:ltr; unicode-bidi:isolate; opacity:.65; }

.cma-about-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:18px; }
.cma-about-card,.cma-facts-card { padding:27px; }
.cma-about-card p { margin:13px 0 0; color:#66748a; font-size:13px; line-height:2.2; }
.cma-facts-card dl { margin:18px 0 0; }
.cma-facts-card dl > div { display:grid; grid-template-columns:110px 1fr; gap:14px; padding:11px 0; border-bottom:1px solid #edf0f4; }
.cma-facts-card dl > div:last-child { border-bottom:0; }
.cma-facts-card dt { color:#929cab; font-size:10px; }
.cma-facts-card dd { margin:0; color:#243652; font-size:11px; font-weight:800; }

.cma-related-markets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.cma-related-market { display:flex; flex-direction:column; gap:11px; padding:18px; border:1px solid #e1e7ef; border-radius:20px; background:#fff; text-decoration:none; box-shadow:0 8px 22px rgba(13,39,73,.04); transition:.18s ease; }
.cma-related-market:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--cma-accent) 28%,#e1e7ef); box-shadow:0 13px 28px rgba(13,39,73,.07); }
.cma-related-market > div { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.cma-related-market > div span { color:#9aa3b1; font-size:9px; font-weight:800; direction:ltr; }
.cma-related-market > div strong { color:#33455f; font-size:12px; }
.cma-related-market > b { color:var(--cma-navy); font-size:17px; line-height:1.45; }
.cma-related-market > small { font-size:9px; font-weight:750; }

.cma-content-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.cma-content-card { display:flex; flex-direction:column; min-height:225px; padding:19px; border:1px solid #e1e7ef; border-radius:20px; background:#fff; box-shadow:0 8px 22px rgba(13,39,73,.04); }
.cma-content-card__meta { display:flex; justify-content:space-between; gap:10px; color:#929cab; font-size:9px; }
.cma-content-card__meta span { color:var(--cma-accent); font-weight:850; }
.cma-content-card h3 { margin:13px 0 8px; color:var(--cma-navy); font-size:15px; line-height:1.8; font-weight:850; }
.cma-content-card h3 a { text-decoration:none; }
.cma-content-card p { margin:0; color:#7b8798; font-size:10px; line-height:1.9; }
.cma-content-card__link { margin-top:auto; padding-top:15px; color:var(--cma-accent) !important; text-decoration:none; font-size:9px; font-weight:850; }

.cma-disclaimer { display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:center; margin-top:64px; padding:24px 28px; border-radius:24px; background:linear-gradient(135deg,var(--cma-navy),#0d376f); color:#fff; }
.cma-disclaimer strong { font-size:19px; font-weight:900; }
.cma-disclaimer p { margin:0; color:#c0cee0; font-size:10px; line-height:2; }

@media (max-width:1100px) {
    .cma-stat-grid,.cma-stat-grid--five { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .cma-related-markets,.cma-content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:900px) {
    .cma-hero { grid-template-columns:1fr; }
    .cma-chart-layout,.cma-about-grid { grid-template-columns:1fr; }
    .cma-section-head,.cma-chart-head { align-items:flex-start; flex-direction:column; }
    .cma-section-head p { text-align:right; }
    .cma-range-tabs { align-self:stretch; justify-content:center; }
    .cma-trust-card { min-height:auto; }
}

@media (max-width:700px) {
    .cma-shell { width:min(100% - 26px,1180px); padding-top:18px; }
    .cma-hero { padding:24px 20px; border-radius:24px; }
    .cma-hero__identity { gap:13px; }
    .cma-asset-icon { width:54px; height:54px; flex-basis:54px; border-radius:17px; }
    .cma-hero h1 { font-size:30px; }
    .cma-jumpbar { justify-content:flex-start; overflow:auto; width:100%; border-radius:16px; }
    .cma-jumpbar a { white-space:nowrap; }
    .cma-section { padding-top:48px; }
    .cma-stat-grid,.cma-stat-grid--five { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cma-performance-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cma-performance-strip > div { border-bottom:1px solid #e7ebf1; }
    .cma-performance-strip > div:nth-last-child(-n+2) { border-bottom:0; }
    .cma-chart-card { padding:18px; }
    .cma-chart-stage { height:300px; }
    .cma-range-tabs button { min-width:42px; }
    .cma-disclaimer { grid-template-columns:1fr; gap:7px; }
}

@media (max-width:480px) {
    .cma-hero__identity { flex-direction:column; }
    .cma-stat-grid,.cma-stat-grid--five,.cma-related-markets,.cma-content-grid { grid-template-columns:1fr; }
    .cma-performance-strip { grid-template-columns:1fr 1fr; }
    .cma-current-price { font-size:27px; }
    .cma-chart-stage { height:270px; }
    .cma-facts-card dl > div { grid-template-columns:90px 1fr; }
}

/* v0.62.3 | Market detail hardening */
.cma-eyebrow-separator {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--cma-accent);
    font-weight:900;
    line-height:1;
}
.cma-facts-card .cma-market-symbol {
    direction:rtl;
    text-align:right;
    justify-self:stretch;
}
.cma-facts-card .cma-market-symbol bdi {
    display:inline-block;
    direction:ltr;
    unicode-bidi:isolate;
    text-align:left;
    font-family:'Vazirmatn',Tahoma,sans-serif;
    letter-spacing:.035em;
}
.cma-about-copy { margin-top:13px; }
.cma-about-copy p { margin:0; color:#66748a; font-size:13px; line-height:2.2; text-align:justify; text-align-last:right; text-justify:inter-word; }
.cma-about-copy p + p { margin-top:10px; }
.cma-driver-block { margin-top:20px; padding-top:16px; border-top:1px solid #edf0f4; }
.cma-driver-block > strong { display:block; margin-bottom:10px; color:#8792a3; font-size:10px; font-weight:850; }
.cma-driver-list { display:flex; flex-wrap:wrap; gap:8px; }
.cma-driver-list span { display:inline-flex; align-items:center; min-height:31px; padding:6px 11px; border:1px solid color-mix(in srgb,var(--cma-accent) 16%,#e1e7ef); border-radius:999px; background:color-mix(in srgb,var(--cma-accent) 4%,#fff); color:#42536c; font-size:9px; font-weight:800; line-height:1.4; }


/* v0.64.3 | graphical identity for equity indexes */
.cma-asset-icon--stock {
    position: relative;
}

.cma-index-glyph {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    gap: 3px;
    width: 31px;
    height: 27px;
}

.cma-index-glyph i {
    display: block;
    width: 5px;
    border-radius: 3px 3px 1px 1px;
    background: currentColor;
    opacity: .72;
}

.cma-index-glyph i:nth-child(1) { height: 9px; }
.cma-index-glyph i:nth-child(2) { height: 15px; }
.cma-index-glyph i:nth-child(3) { height: 21px; }

.cma-index-glyph b {
    position: absolute;
    right: 2px;
    top: 3px;
    width: 27px;
    height: 15px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: skewY(-24deg) rotate(-3deg);
    border-radius: 0 5px 0 0;
}


/* v0.70.0 | Asset Intelligence Foundation */
.cma-intelligence {
    margin-top:18px;
    padding:22px;
    border:1px solid #dfe7ef;
    border-radius:24px;
    background:linear-gradient(145deg,#fff 0,#fbfdff 62%,color-mix(in srgb,var(--cma-accent) 4%,#fff) 100%);
    box-shadow:0 12px 30px rgba(13,39,73,.045);
}
.cma-intelligence__head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:17px; }
.cma-intelligence__head > div > span { display:block; margin-bottom:5px; color:var(--cma-accent); font-size:10px; font-weight:900; }
.cma-intelligence__head h3 { margin:0; color:var(--cma-navy); font-size:21px; line-height:1.5; font-weight:900; }
.cma-intelligence__head p { max-width:520px; margin:0; color:#8792a3; font-size:10px; line-height:1.85; text-align:left; }
.cma-intelligence-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.cma-intelligence-card { min-width:0; padding:16px 17px; border:1px solid #e4e9f0; border-radius:17px; background:rgba(255,255,255,.9); }
.cma-intelligence-card > span,.cma-intelligence-card > strong,.cma-intelligence-card > small { display:block; }
.cma-intelligence-card > span { color:#8b96a7; font-size:9px; line-height:1.65; font-weight:750; }
.cma-intelligence-card > strong { margin-top:7px; color:var(--cma-navy); font-size:17px; line-height:1.55; font-weight:900; }
.cma-intelligence-card > small { margin-top:5px; color:#9aa3b1; font-size:8.5px; line-height:1.8; font-weight:600; }
.cma-range-insights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.cma-range-insight-card { min-width:0; padding:18px; border:1px solid #e2e8ef; border-radius:19px; background:#fff; }
.cma-range-insight-card > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:12px; border-bottom:1px solid #edf1f5; }
.cma-range-insight-card > header span { display:block; color:#9aa3b1; font-size:8px; font-weight:750; }
.cma-range-insight-card > header h4 { margin:3px 0 0; color:var(--cma-navy); font-size:15px; font-weight:900; }
.cma-range-insight-card > header b { font-size:15px; font-weight:900; white-space:nowrap; }
.cma-range-insight-card dl { margin:7px 0 0; }
.cma-range-insight-card dl > div { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 0; border-bottom:1px solid #f0f2f5; }
.cma-range-insight-card dl > div:last-child { border-bottom:0; }
.cma-range-insight-card dt { color:#8792a3; font-size:9px; line-height:1.7; }
.cma-range-insight-card dd { margin:0; color:#293b58; font-size:10px; line-height:1.7; font-weight:850; text-align:left; }
.cma-range-insight-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e8ee; color:#a0a8b4; font-size:8px; line-height:1.7; }
.cma-range-insight-card__empty { margin:14px 0 0; color:#909aaa; font-size:9px; line-height:1.9; }

@media (max-width:900px) {
    .cma-intelligence__head { align-items:flex-start; flex-direction:column; gap:7px; }
    .cma-intelligence__head p { text-align:right; }
    .cma-intelligence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
    .cma-intelligence { padding:17px; border-radius:20px; }
    .cma-range-insights { grid-template-columns:1fr; }
    .cma-range-insight-card footer { align-items:flex-start; flex-direction:column; gap:3px; }
}
@media (max-width:480px) {
    .cma-intelligence-grid { grid-template-columns:1fr; }
}

/* =========================================================
   CandleStan v0.70.1 | Asset cards readability + visual hierarchy
   Keep the page restrained, but make the data cards readable without zooming
   and give each information family a clear visual identity.
   ========================================================= */
.cma-stat-card {
    --cma-card-tone: var(--cma-accent);
    position: relative;
    overflow: hidden;
    padding: 22px 22px 21px;
    border-color: color-mix(in srgb,var(--cma-card-tone) 18%,#e1e7ef);
    background:
        radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--cma-card-tone) 9%,transparent),transparent 35%),
        linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--cma-card-tone) 3.5%,#fff) 100%);
    box-shadow: 0 11px 28px rgba(13,39,73,.055);
}
.cma-stat-card::before {
    content:"";
    position:absolute;
    inset-inline:0;
    top:0;
    height:4px;
    background:linear-gradient(90deg,var(--cma-card-tone),color-mix(in srgb,var(--cma-card-tone) 30%,#fff));
}
.cma-stat-card--baseline { --cma-card-tone: var(--cma-accent); }
.cma-stat-card--high { --cma-card-tone:#0da58d; }
.cma-stat-card--low { --cma-card-tone:#d49a16; }
.cma-stat-card--source { --cma-card-tone:#3d72d5; }
.cma-stat-card--native { --cma-card-tone:#7758ca; }
.cma-stat-card > span { margin-bottom:12px; color:#65758c; font-size:12.5px; line-height:1.6; font-weight:800; }
.cma-stat-card > strong { position:relative; font-size:22px; line-height:1.45; }
.cma-stat-card > small { margin-top:8px; color:#7e8b9e; font-size:11.5px; line-height:1.8; font-weight:650; }

.cma-performance-strip {
    border-color:color-mix(in srgb,var(--cma-accent) 14%,#e1e7ef);
    background:linear-gradient(135deg,#fbfdff,color-mix(in srgb,var(--cma-accent) 3%,#fff));
    box-shadow:0 9px 24px rgba(13,39,73,.035);
}
.cma-performance-strip > div { padding:19px 20px; }
.cma-performance-strip span { color:#68788f; font-size:12px; font-weight:800; }
.cma-performance-strip strong { margin-top:6px; font-size:22px; line-height:1.4; }
.cma-performance-strip small { margin-top:5px; color:#818da0; font-size:11px; line-height:1.7; }

.cma-intelligence {
    background:
        radial-gradient(circle at 94% 5%,color-mix(in srgb,var(--cma-accent) 8%,transparent),transparent 30%),
        linear-gradient(145deg,#fff 0,#fbfdff 58%,color-mix(in srgb,var(--cma-accent) 5%,#fff) 100%);
}
.cma-intelligence__head > div > span { font-size:12px; }
.cma-intelligence__head h3 { font-size:23px; }
.cma-intelligence__head p { color:#6f7e93; font-size:12px; line-height:1.9; }
.cma-intelligence-grid { gap:12px; }
.cma-intelligence-card {
    --cma-intel-tone:var(--cma-accent);
    position:relative;
    overflow:hidden;
    padding:19px 19px 18px;
    border-color:color-mix(in srgb,var(--cma-intel-tone) 18%,#e4e9f0);
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cma-intel-tone) 4%,#fff));
    box-shadow:0 8px 22px rgba(13,39,73,.035);
}
.cma-intelligence-card::before {
    content:"";
    position:absolute;
    top:0;
    inset-inline-start:0;
    width:42%;
    height:3px;
    border-radius:0 0 99px 99px;
    background:var(--cma-intel-tone);
    opacity:.85;
}
.cma-intelligence-card--trend { --cma-intel-tone:var(--cma-accent); }
.cma-intelligence-card--performance { --cma-intel-tone:#0da58d; }
.cma-intelligence-card--range { --cma-intel-tone:#d49a16; }
.cma-intelligence-card--distance { --cma-intel-tone:#3d72d5; }
.cma-intelligence-card > span { color:#66778e; font-size:12px; line-height:1.7; font-weight:800; }
.cma-intelligence-card > strong { margin-top:8px; font-size:22px; line-height:1.5; }
.cma-intelligence-card > small { margin-top:7px; color:#7d8a9e; font-size:11.5px; line-height:1.85; font-weight:650; }

.cma-range-insight-card {
    --cma-range-tone:var(--cma-accent);
    position:relative;
    overflow:hidden;
    padding:20px;
    border-color:color-mix(in srgb,var(--cma-range-tone) 16%,#e2e8ef);
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cma-range-tone) 2.5%,#fff));
}
.cma-range-insight-card--7d { --cma-range-tone:#0da58d; }
.cma-range-insight-card--30d { --cma-range-tone:#3d72d5; }
.cma-range-insight-card::before { content:""; position:absolute; top:0; inset-inline:0; height:3px; background:var(--cma-range-tone); opacity:.75; }
.cma-range-insight-card > header span { font-size:11px; }
.cma-range-insight-card > header h4 { font-size:19px; }
.cma-range-insight-card > header b { font-size:19px; }
.cma-range-insight-card dt { color:#718096; font-size:11.5px; }
.cma-range-insight-card dd { font-size:12.5px; }
.cma-range-insight-card footer { color:#7f8c9f; font-size:10.5px; }
.cma-range-insight-card__empty { font-size:11.5px; }

@media (max-width:700px) {
    .cma-stat-card { padding:19px; }
    .cma-stat-card > span { font-size:12px; }
    .cma-stat-card > strong { font-size:21px; }
    .cma-stat-card > small { font-size:11px; }
    .cma-performance-strip > div { padding:16px; }
    .cma-intelligence__head h3 { font-size:21px; }
}



/* =========================================================
   CandleStan v0.70.2 | Range/about readability
   Visual hierarchy and card styling stay unchanged; only copy
   sizes and row breathing room are increased.
   ========================================================= */
.cma-range-insight-card > header span {
    font-size:12px;
    line-height:1.65;
}
.cma-range-insight-card > header h4,
.cma-range-insight-card > header b {
    font-size:20px;
    line-height:1.45;
}
.cma-range-insight-card dl > div {
    padding:10px 0;
}
.cma-range-insight-card dt {
    color:#66778e;
    font-size:13px;
    line-height:1.75;
    font-weight:700;
}
.cma-range-insight-card dd {
    color:#263a58;
    font-size:14.5px;
    line-height:1.7;
    font-weight:900;
}
.cma-range-insight-card footer {
    font-size:11px;
    line-height:1.8;
}
.cma-about-card p,
.cma-about-copy p {
    color:#5e6f86;
    font-size:14.5px;
    line-height:2.15;
}

@media (max-width:700px) {
    .cma-range-insight-card dt { font-size:12.5px; }
    .cma-range-insight-card dd { font-size:14px; }
    .cma-about-card p,
    .cma-about-copy p { font-size:14px; line-height:2.1; }
}

/* =========================================================
   CandleStan v0.65.8 | Mobile asset-page rebalancing
   - Compact hero and source card
   - Keep overview blocks denser and more symmetrical
   - Normalize RTL/LTR alignment for numbers on phones only
   ========================================================= */
@media (max-width:700px) {
    .cma-hero {
        gap: 16px;
        padding: 20px 18px;
    }

    .cma-hero__identity {
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
        padding-top: 0;
    }

    .cma-hero h1 {
        font-size: 28px;
        line-height: 1.25;
    }

    .cma-hero__identity p {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.9;
        text-align: justify;
        text-align-last: right;
        text-justify: inter-word;
    }

    .cma-hero__quote {
        padding: 18px 18px 16px;
        border-radius: 20px;
    }

    .cma-hero__quote-head {
        margin-bottom: 10px;
    }

    .cma-current-price {
        font-size: 24px;
        line-height: 1.25;
    }

    .cma-movement {
        margin-top: 9px;
        font-size: 11px;
    }

    .cma-hero__quote > small {
        margin-top: 6px;
        font-size: 9.5px;
    }

    .cma-section-head p,
    .cma-intelligence__head p,
    .cma-trust-card > p,
    .cma-disclaimer p,
    .cma-content-card p {
        text-align: justify;
        text-align-last: right;
        text-justify: inter-word;
    }

    .cma-stat-grid,
    .cma-stat-grid--five {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .cma-stat-card {
        padding: 16px 15px;
        border-radius: 18px;
        text-align: right;
    }

    .cma-stat-card > span {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .cma-stat-card > strong {
        font-size: 17px;
        line-height: 1.45;
        text-align: right;
    }

    .cma-stat-card > small {
        margin-top: 5px;
        font-size: 8.5px;
        line-height: 1.6;
    }

    .cma-performance-strip > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px 14px;
        text-align: center;
    }

    .cma-performance-strip span,
    .cma-performance-strip strong,
    .cma-performance-strip small {
        text-align: center;
    }

    .cma-intelligence-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .cma-intelligence-card {
        padding: 15px 14px;
        text-align: center;
    }

    .cma-intelligence-card > span,
    .cma-intelligence-card > strong,
    .cma-intelligence-card > small {
        text-align: center;
    }

    .cma-chart-layout {
        gap: 14px;
    }

    .cma-trust-card {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .cma-trust-card h2 {
        font-size: 22px;
        line-height: 1.35;
    }

    .cma-trust-card > p {
        margin: 10px 0 16px;
        font-size: 10px;
        line-height: 1.9;
    }

    .cma-trust-card dl > div {
        gap: 12px;
        padding: 10px 0;
    }

    .cma-trust-card dt {
        font-size: 8.5px;
    }

    .cma-trust-card dd {
        font-size: 9.5px;
        text-align: left;
    }

    .cma-facts-card {
        padding: 22px 18px;
    }

    .cma-facts-card dl > div {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 10px;
    }

    .cma-facts-card dt {
        text-align: right;
    }

    .cma-facts-card dd {
        justify-self: start;
        text-align: left;
    }

    .cma-facts-card .cma-market-symbol,
    .cma-facts-card .cma-market-symbol bdi {
        justify-self: start;
        text-align: left;
    }

    .cma-related-markets {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cma-related-market {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "metric identity"
            "change identity";
        align-items: center;
        gap: 6px 14px;
        padding: 16px 17px;
    }

    .cma-related-market > div {
        grid-area: identity;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 4px;
        text-align: right;
    }

    .cma-related-market > div span {
        order: 2;
        font-size: 10px;
    }

    .cma-related-market > div strong {
        order: 1;
        font-size: 16px;
        line-height: 1.35;
    }

    .cma-related-market > b {
        grid-area: metric;
        justify-self: start;
        text-align: left;
        font-size: 17px;
        line-height: 1.3;
    }

    .cma-related-market > small {
        grid-area: change;
        justify-self: start;
        text-align: left;
        font-size: 9px;
    }

    .cma-content-card {
        min-height: 0;
    }

    .cma-content-card p {
        line-height: 2;
    }
}

@media (max-width:480px) {
    .cma-hero__identity {
        flex-direction: row;
    }

    .cma-stat-grid,
    .cma-stat-grid--five,
    .cma-intelligence-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cma-content-grid {
        grid-template-columns: 1fr;
    }

    .cma-current-price {
        font-size: 23px;
    }

    .cma-stat-card > strong {
        font-size: 16px;
    }

    .cma-related-market > div strong {
        font-size: 15px;
    }
}

/* =========================================================
   CandleStan v0.65.9 | Mobile asset quick-polish
   Center snapshot cards and anchor market facts to opposite edges.
   Desktop remains untouched.
   ========================================================= */
@media (max-width:700px) {
    .cma-stat-card,
    .cma-stat-card > span,
    .cma-stat-card > strong,
    .cma-stat-card > small {
        text-align: center;
    }

    .cma-facts-card dl > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        width: 100%;
        direction: rtl;
    }

    .cma-facts-card dt {
        flex: 0 0 auto;
        text-align: right;
    }

    .cma-facts-card dd {
        flex: 0 1 auto;
        margin: 0 0 0 auto;
        text-align: left;
        justify-self: auto;
    }

    .cma-facts-card .cma-market-symbol,
    .cma-facts-card .cma-market-symbol bdi {
        margin-inline-start: auto;
        text-align: left;
        justify-self: auto;
    }
}

/* =========================================================
   CandleStan v0.65.10 | Mobile market-facts edge alignment
   Use physical left/right lanes, mirroring related-market cards.
   Desktop remains untouched.
   ========================================================= */
@media (max-width:700px) {
    .cma-facts-card dl > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: 16px;
        width: 100%;
        direction: ltr;
    }

    .cma-facts-card dt {
        grid-column: 2;
        justify-self: end;
        width: 100%;
        direction: rtl;
        text-align: right;
    }

    .cma-facts-card dd {
        grid-column: 1;
        justify-self: start;
        width: 100%;
        margin: 0;
        direction: rtl;
        text-align: left;
    }

    .cma-facts-card .cma-market-symbol {
        grid-column: 1;
        justify-self: start;
        width: 100%;
        margin: 0;
        direction: ltr;
        text-align: left;
    }

    .cma-facts-card .cma-market-symbol bdi {
        display: block;
        width: 100%;
        direction: ltr;
        text-align: left;
    }
}

/* =========================================================
   CandleStan v0.65.11 | Mobile market-facts final row lock
   One physical row per fact: label right, value left.
   Mirrors the balance of related-market cards; desktop untouched.
   ========================================================= */
@media (max-width:700px) {
    .cma-facts-card dl {
        width: 100%;
    }

    .cma-facts-card dl > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        width: 100%;
        min-width: 0;
        padding: 13px 0;
        direction: ltr;
    }

    .cma-facts-card dt {
        order: 2;
        flex: 0 0 auto;
        min-width: 58px;
        color: #8995a6;
        font-size: 12.5px;
        line-height: 1.5;
        font-weight: 750;
        direction: rtl;
        text-align: right;
        white-space: nowrap;
    }

    .cma-facts-card dd {
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0;
        color: #243652;
        font-size: 15px;
        line-height: 1.55;
        font-weight: 850;
        direction: rtl;
        text-align: left;
    }

    .cma-facts-card .cma-market-symbol {
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        margin: 0;
        direction: ltr;
        text-align: left;
    }

    .cma-facts-card .cma-market-symbol bdi {
        display: block;
        width: 100%;
        font-size: 15px;
        line-height: 1.55;
        font-weight: 850;
        direction: ltr;
        unicode-bidi: isolate;
        text-align: left;
    }
}

@media (max-width:420px) {
    .cma-facts-card dl > div {
        gap: 11px;
    }

    .cma-facts-card dt {
        min-width: 52px;
        font-size: 12px;
    }

    .cma-facts-card dd,
    .cma-facts-card .cma-market-symbol bdi {
        font-size: 14.5px;
    }
}

/* =========================================================
   CandleStan v0.65.12 | Mobile market-facts hard row lock
   Explicit two-column row: value on physical left, label on physical right.
   Resets inherited widths from previous mobile rules. Desktop untouched.
   ========================================================= */
@media (max-width:700px) {
    .cma-facts-card dl > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto;
        align-items: center;
        column-gap: 18px;
        width: 100%;
        min-width: 0;
        padding: 14px 0;
        direction: ltr;
    }

    .cma-facts-card dt {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        width: auto;
        min-width: 62px;
        margin: 0;
        color: #8995a6;
        font-size: 13px;
        line-height: 1.5;
        font-weight: 750;
        direction: rtl;
        text-align: right;
        white-space: nowrap;
    }

    .cma-facts-card dd,
    .cma-facts-card .cma-market-symbol {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        width: auto;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        color: #243652;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 850;
        direction: rtl;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .cma-facts-card .cma-market-symbol,
    .cma-facts-card .cma-market-symbol bdi {
        width: auto;
        max-width: 100%;
        margin: 0;
        direction: ltr;
        unicode-bidi: isolate;
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 850;
    }
}

@media (max-width:420px) {
    .cma-facts-card dl > div {
        column-gap: 14px;
    }

    .cma-facts-card dt {
        min-width: 56px;
        font-size: 12.5px;
    }

    .cma-facts-card dd,
    .cma-facts-card .cma-market-symbol,
    .cma-facts-card .cma-market-symbol bdi {
        font-size: 15.5px;
    }
}