/* PakGold UAE (/ae) — the research build (12-10-2026). Sits on the v2 shell (same
   palette, cards, grid, dark mode via --v2-* tokens) and adds the board-first modules:
   official DGJG board, live board estimate, weight ladder, home-currency board,
   comparisons, shop-bill calculator. Numbers are tabular everywhere and every cell that
   live-updates has a fixed width, so a SignalR tick never shifts the layout. */

.ae-page { --ae-radius: 14px; --ae-live-bg: linear-gradient(160deg, #0c4a32 0%, #072a1c 100%); --ae-live-ink: #e9f3ee; --ae-live-mut: rgba(233, 243, 238, .66); --ae-live-gold: #f2cf6b; --ae-live-line: rgba(255, 255, 255, .12); }
html[data-theme="dark"] .ae-page { --ae-live-bg: linear-gradient(160deg, #10392a 0%, #0a1f17 100%); --ae-live-line: rgba(255, 255, 255, .10); }
.ae-page b, .ae-page strong, .ae-num { font-variant-numeric: tabular-nums; }
.ae-num { font-feature-settings: "tnum" 1; white-space: nowrap; }

/* ---------- page head ---------- */
.ae-head { margin: 2px 0 16px; }
.ae-crumbs { font-size: .76rem; color: var(--v2-mut); margin-bottom: 6px; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ae-crumbs a { color: var(--v2-mut); text-decoration: none; }
.ae-crumbs a:hover { color: var(--v2-brand); }
.ae-crumbs i { font-style: normal; opacity: .5; }
.ae-h1 { font-size: clamp(1.4rem, 1.2vw + 1.05rem, 2rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.15; margin: 0; color: var(--v2-ink); }
.ae-h1row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.ae-h1row > .ae-date { position: static; margin-inline-start: 0; }
.ae-h1 .ae-date, .ae-h1row > .ae-date { display: inline-block; vertical-align: middle; margin-inline-start: 6px; font-size: .78rem; font-weight: 700; letter-spacing: 0; color: var(--v2-gold); background: var(--v2-gold-soft); border: 1px solid rgba(184, 134, 11, .28); border-radius: 999px; padding: 3px 10px; position: relative; top: -3px; }
.ae-lead { margin: 8px 0 0; color: var(--v2-mut); font-size: .95rem; line-height: 1.55; max-width: 880px; }
.ae-lead b { color: var(--v2-ink); }
/* Page heads: the lead sentence stays whole in the HTML (search and AI answers quote it) but
   shows on one line, with "More" to open it (owner, 15-10-2026: "single line me adjust karen"). */
.ae-lead-row { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; max-width: 880px; }
.ae-lead-row .ae-lead { flex: 1 1 auto; min-width: 0; margin: 0; font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ae-lead-row.ae-lead-cut .ae-lead { cursor: pointer; }
.ae-lead-row.ae-lead-open { align-items: flex-end; }
.ae-lead-row.ae-lead-open .ae-lead { white-space: normal; overflow: visible; }
.ae-lead-more { flex: none; padding: 0; border: 0; background: none; font: inherit; font-size: .82rem; font-weight: 700; line-height: 1.55; color: var(--v2-gold); cursor: pointer; }
.ae-lead-more:hover { text-decoration: underline; }
/* In-page jumps (#aeCalc from the board) land below the sticky topbar, not under it. */
.ae-page [id] { scroll-margin-top: 84px; }

/* ---------- shared card bits ---------- */
.ae-page .v2-card { padding: 16px 18px; }
.ae-page .v2-card-head { margin-bottom: 12px; gap: 10px; align-items: flex-start; }
.ae-page .v2-card-head h2 { font-size: .95rem; line-height: 1.25; }
.ae-sub { display: block; font-size: .76rem; font-weight: 500; color: var(--v2-mut); margin-top: 2px; letter-spacing: 0; }
.ae-ic { width: 30px; height: 30px; flex: 0 0 auto; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--v2-gold-soft); color: var(--v2-gold); }
.ae-ic svg { width: 17px; height: 17px; }
.ae-ic-green { background: var(--v2-brand-soft); color: var(--v2-brand); }
.ae-ic-silver { background: #eef1f5; color: #687482; }
html[data-theme="dark"] .ae-ic-silver { background: #232b35; color: #aab6c2; }
.ae-titlewrap { display: flex; gap: 10px; align-items: center; min-width: 0; }
.ae-more { font-size: .8rem; font-weight: 700; color: var(--v2-brand); text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; }
.ae-more:hover { text-decoration: underline; }
.ae-foot { margin-top: auto; padding-top: 12px; }
.ae-note { font-size: .76rem; color: var(--v2-mut); line-height: 1.5; margin: 10px 0 0; }
.ae-note b { color: var(--v2-ink); }

/* badges */
.ae-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 4px 10px; font-size: .7rem; font-weight: 800; letter-spacing: .02em; white-space: nowrap; border: 1px solid var(--v2-border); background: var(--v2-surface-2); color: var(--v2-mut); }
.ae-badge i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.ae-badge-live { color: var(--v2-pos); border-color: rgba(10, 138, 77, .35); background: rgba(10, 138, 77, .07); }
.ae-badge-live i { animation: aepulse 1.6s infinite; }
.ae-badge-stale { color: #a87503; border-color: rgba(184, 134, 11, .45); background: var(--v2-gold-soft); }
html[data-theme="dark"] .ae-badge-stale { color: #f0c560; }
.ae-badge-closed { color: var(--v2-mut); }
@keyframes aepulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.75); } }
@media (prefers-reduced-motion: reduce) { .ae-badge-live i, .ae-live-dot { animation: none !important; } }

.up { color: var(--v2-pos); }
.down { color: var(--v2-neg); }
.flat { color: var(--v2-mut); }

/* ---------- official board (hero) ---------- */
.ae-board { background: radial-gradient(130% 120% at 100% 0%, var(--v2-gold-soft) 0%, transparent 46%), var(--v2-surface); }
.ae-feat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.ae-tile { border: 1px solid var(--v2-border); border-radius: var(--ae-radius); padding: 12px 14px 11px; background: var(--v2-surface); min-width: 0; position: relative; }
.ae-tile-hl { border-color: rgba(184, 134, 11, .55); background: linear-gradient(145deg, var(--v2-gold-soft) 0%, var(--v2-surface) 70%); box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset; }
.ae-tile-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.ae-tile-k { font-size: .74rem; font-weight: 800; letter-spacing: .04em; color: var(--v2-ink); }
.ae-tile-k small { font-weight: 600; color: var(--v2-mut); letter-spacing: 0; margin-inline-start: 4px; }
.ae-tile-tag { font-size: .6rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--v2-gold); }
.ae-tile-price { display: flex; align-items: baseline; gap: 6px; margin: 6px 0 4px; color: var(--v2-ink); }
.ae-tile-price small { font-size: .78rem; font-weight: 700; color: var(--v2-mut); }
.ae-tile-price b { font-size: clamp(1.55rem, 1.4vw + 1.05rem, 2.25rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
.ae-tile-hl .ae-tile-price b { color: var(--v2-gold); }
html[data-theme="dark"] .ae-tile-hl .ae-tile-price b { color: var(--v2-gold-hi); }
.ae-tile-chg { font-size: .78rem; font-weight: 700; }
.ae-tile-chg em { font-style: normal; font-weight: 500; color: var(--v2-mut); }

.ae-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -4px; padding: 0 4px; }
.ae-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .9rem; min-width: 480px; }
.ae-table th { text-align: end; font-size: .66rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--v2-mut); padding: 8px 10px; border-bottom: 2px solid var(--v2-brand); white-space: nowrap; background: var(--v2-surface); }
.ae-table th small { display: block; font-size: .64rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--v2-mut); opacity: .85; margin-top: 1px; }
.ae-table th:first-child, .ae-table td:first-child { text-align: start; }
.ae-table td { padding: 9px 10px; text-align: end; font-weight: 600; border-bottom: 1px solid var(--v2-border); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ae-table tbody tr:last-child td { border-bottom: 0; }
.ae-table tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--v2-bg) 55%, var(--v2-surface)); }
.ae-table .ae-cur { background: color-mix(in srgb, var(--v2-gold-soft) 75%, var(--v2-surface)) !important; color: var(--v2-ink); font-weight: 800; }
.ae-table th.ae-cur { color: var(--v2-gold); border-bottom-color: var(--v2-gold); }
.ae-table tr.ae-hlrow td:first-child .ae-k { background: var(--v2-gold); color: #fff; border-color: var(--v2-gold); }
html[data-theme="dark"] .ae-table tr.ae-hlrow td:first-child .ae-k { color: #1a1406; }
.ae-table .ae-empty { color: var(--v2-mut); opacity: .55; font-weight: 500; }
.ae-k { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; padding: 3px 8px; border-radius: 8px; font-size: .78rem; font-weight: 800; background: var(--v2-gold-soft); color: var(--v2-gold); border: 1px solid rgba(184, 134, 11, .25); }
.ae-kp { font-size: .68rem; font-weight: 600; color: var(--v2-mut); margin-inline-start: 6px; }
.ae-chg { font-size: .82rem; }
@media (max-width: 640px) {
    .ae-table td:first-child, .ae-table th:first-child { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--v2-surface); box-shadow: 6px 0 8px -8px rgba(0, 0, 0, .25); }
    .ae-table tbody tr:nth-child(even) td:first-child { background: color-mix(in srgb, var(--v2-bg) 55%, var(--v2-surface)); }
    .ae-kp { display: none; }
}

/* board → bill: the one action a buyer takes next */
.ae-billcta { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 10px 12px; min-height: 48px; border-radius: 12px; border: 1px solid rgba(184, 134, 11, .35); background: linear-gradient(135deg, rgba(228, 191, 85, .14), rgba(184, 134, 11, .06)); color: var(--v2-ink); text-decoration: none; transition: border-color .15s, background .15s; }
.ae-billcta:hover { border-color: rgba(184, 134, 11, .6); background: linear-gradient(135deg, rgba(228, 191, 85, .22), rgba(184, 134, 11, .1)); }
.ae-billcta .ae-ic { flex: 0 0 auto; }
.ae-billcta-t { display: flex; flex-direction: column; min-width: 0; }
.ae-billcta-t b { font-size: .86rem; font-weight: 800; }
.ae-billcta-t small { font-size: .72rem; color: var(--v2-mut); }
.ae-billcta .ae-chev { flex: 0 0 auto; width: 16px; height: 16px; margin-inline-start: auto; color: var(--v2-brand); }

.ae-trust { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: var(--v2-surface-2); border: 1px solid var(--v2-border); font-size: .76rem; color: var(--v2-mut); line-height: 1.5; }
.ae-trust svg { flex: 0 0 auto; width: 16px; height: 16px; color: var(--v2-brand); margin-top: 1px; }
.ae-trust b { color: var(--v2-ink); font-weight: 700; }
.ae-trust a { color: var(--v2-brand); font-weight: 700; text-decoration: none; white-space: nowrap; }
.ae-trust a:hover { text-decoration: underline; }
.ae-trust-stale { background: var(--v2-gold-soft); border-color: rgba(184, 134, 11, .4); }
.ae-trust-stale svg { color: #b5850a; }

/* ---------- live board estimate (dark premium card) ---------- */
.ae-live { background: var(--ae-live-bg); color: var(--ae-live-ink); border-color: transparent; position: relative; overflow: hidden; }
.ae-live::before { content: ""; position: absolute; inset: 0; background: radial-gradient(90% 70% at 100% 0%, rgba(242, 207, 107, .20) 0%, transparent 60%); pointer-events: none; }
.ae-live > * { position: relative; }
.ae-live .v2-card-head h2 { color: #fff; }
.ae-live .ae-sub { color: var(--ae-live-mut); }
.ae-live .ae-ic { background: rgba(242, 207, 107, .14); color: var(--ae-live-gold); }
.ae-live-state { display: inline-flex; align-items: center; gap: 6px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #7ff0b5; white-space: nowrap; }
.ae-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #3ddc8f; box-shadow: 0 0 0 0 rgba(61, 220, 143, .6); animation: aering 1.8s infinite; }
@keyframes aering { 0% { box-shadow: 0 0 0 0 rgba(61, 220, 143, .55); } 70% { box-shadow: 0 0 0 7px rgba(61, 220, 143, 0); } 100% { box-shadow: 0 0 0 0 rgba(61, 220, 143, 0); } }
.ae-live-state.closed { color: var(--ae-live-mut); }
.ae-live-state.closed .ae-live-dot { background: var(--ae-live-mut); animation: none; }
.ae-est { list-style: none; margin: 0; padding: 0; }
.ae-est li { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--ae-live-line); }
.ae-est li:last-child { border-bottom: 0; }
.ae-est .ae-k { background: rgba(242, 207, 107, .14); color: var(--ae-live-gold); border-color: rgba(242, 207, 107, .3); min-width: 42px; }
.ae-est-v { font-size: 1.12rem; font-weight: 800; letter-spacing: -.01em; color: #fff; }
.ae-est-v small { font-size: .66rem; font-weight: 700; color: var(--ae-live-mut); margin-inline-start: 3px; }
.ae-est li.ae-est-hl .ae-est-v { color: var(--ae-live-gold); font-size: 1.32rem; }
.ae-est-gap { text-align: end; font-size: .74rem; font-weight: 700; line-height: 1.25; }
.ae-est-gap em { display: block; font-style: normal; font-weight: 500; color: var(--ae-live-mut); font-size: .66rem; }
.ae-live .up { color: #57e39a; }
.ae-live .down { color: #ff8d97; }
.ae-live .flat { color: var(--ae-live-mut); }
.ae-spot { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.ae-spot div { border: 1px solid var(--ae-live-line); border-radius: 11px; padding: 8px 10px; background: rgba(255, 255, 255, .04); min-width: 0; }
.ae-spot em { display: block; font-style: normal; font-size: .6rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--ae-live-mut); }
.ae-spot b { font-size: .98rem; font-weight: 800; color: #fff; }
.ae-spot small { display: block; font-size: .66rem; color: var(--ae-live-mut); margin-top: 1px; }
.ae-live .ae-note { color: var(--ae-live-mut); }
.ae-live .ae-note b { color: #fff; }
.ae-live .ae-more { color: var(--ae-live-gold); }
.ae-flash-up { animation: aeflashup 1.1s ease-out; }
.ae-flash-down { animation: aeflashdn 1.1s ease-out; }
@keyframes aeflashup { 0% { background: rgba(61, 220, 143, .28); } 100% { background: transparent; } }
@keyframes aeflashdn { 0% { background: rgba(255, 107, 120, .28); } 100% { background: transparent; } }

/* ---------- segmented control ---------- */
.ae-seg { display: inline-flex; background: var(--v2-surface-2); border: 1px solid var(--v2-border); border-radius: 11px; padding: 3px; gap: 2px; flex-wrap: wrap; }
.ae-seg button { border: 0; background: transparent; color: var(--v2-mut); font: inherit; font-size: .78rem; font-weight: 800; padding: 6px 11px; border-radius: 8px; cursor: pointer; min-height: 32px; }
.ae-seg button:hover { color: var(--v2-ink); }
.ae-seg button.is-on { background: var(--v2-surface); color: var(--v2-gold); box-shadow: 0 1px 2px rgba(19, 26, 32, .1), 0 0 0 1px rgba(184, 134, 11, .35); }

/* ---------- weight ladder ---------- */
.ae-ladder td:first-child b { display: block; font-size: .88rem; }
.ae-ladder td:first-child small { display: block; font-size: .7rem; font-weight: 500; color: var(--v2-mut); }
.ae-ladder .ae-bar-tag { display: inline-block; font-size: .58rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-brand); background: var(--v2-brand-soft); border-radius: 6px; padding: 1px 6px; margin-inline-start: 6px; vertical-align: 2px; }
.ae-ladder { min-width: 360px; }

/* ---------- home currency board ---------- */
.ae-home { list-style: none; margin: 0; padding: 0; }
.ae-home li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px dashed var(--v2-border); }
.ae-home li:last-child { border-bottom: 0; }
.ae-flag { font-size: 1.35rem; line-height: 1; text-align: center; }
.ae-home-n b { display: block; font-size: .88rem; font-weight: 700; }
.ae-home-n small { display: block; font-size: .7rem; color: var(--v2-mut); }
.ae-home-v { text-align: end; }
.ae-home-v b { display: block; font-size: 1.02rem; font-weight: 800; letter-spacing: -.01em; }
.ae-home-v small { display: block; font-size: .68rem; color: var(--v2-mut); }

/* ---------- comparisons ---------- */
.ae-vs { display: grid; gap: 10px; margin: 2px 0 4px; }
.ae-vs-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; align-items: center; }
.ae-vs-lbl { font-size: .78rem; font-weight: 700; color: var(--v2-ink); line-height: 1.25; }
.ae-vs-lbl small { display: block; font-weight: 500; color: var(--v2-mut); font-size: .68rem; }
.ae-vs-track { position: relative; height: 34px; background: var(--v2-surface-2); border: 1px solid var(--v2-border); border-radius: 10px; overflow: hidden; }
.ae-vs-fill { position: absolute; inset: 0 auto 0 0; border-radius: 9px; background: linear-gradient(90deg, var(--v2-gold-soft), rgba(212, 175, 55, .55)); }
.ae-vs-fill.pk { background: linear-gradient(90deg, var(--v2-brand-soft), rgba(11, 93, 59, .35)); }
html[data-theme="dark"] .ae-vs-fill.pk { background: linear-gradient(90deg, var(--v2-brand-soft), rgba(53, 201, 138, .35)); }
.ae-vs-val { position: absolute; inset: 0 10px 0 auto; display: flex; align-items: center; font-weight: 800; font-size: .92rem; color: var(--v2-ink); }
.ae-verdict { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: var(--v2-brand-soft); color: var(--v2-brand); font-size: .84rem; font-weight: 700; line-height: 1.4; }
.ae-verdict b { font-size: 1.05rem; }
.ae-verdict.dear { background: rgba(204, 51, 64, .08); color: var(--v2-neg); }
.ae-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ae-fact { border: 1px solid var(--v2-border); border-radius: 12px; padding: 9px 11px; background: var(--v2-surface-2); min-width: 0; }
.ae-fact em { display: block; font-style: normal; font-size: .6rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--v2-mut); }
.ae-fact b { display: block; font-size: 1.05rem; font-weight: 800; margin-top: 2px; }
.ae-fact small { display: block; font-size: .68rem; color: var(--v2-mut); margin-top: 1px; line-height: 1.35; }

/* ---------- silver ---------- */
.ae-silver-main { display: flex; align-items: baseline; gap: 8px; margin: 0 0 4px; }
/* silver page: the dark live card's headline price */
.ae-slive-main { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 2px 0 10px; }
.ae-slive-main b { font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.ae-slive-main span { font-size: .8rem; font-weight: 800; }
.ae-silver-main b { font-size: 1.9rem; font-weight: 800; letter-spacing: -.03em; color: var(--v2-ink); }
.ae-silver-main small { font-size: .78rem; font-weight: 700; color: var(--v2-mut); }

/* ---------- calculator ---------- */
.ae-calc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.ae-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-content: start; }
.ae-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ae-field.full { grid-column: 1 / -1; }
.ae-field > span { font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--v2-mut); }
.ae-input, .ae-select { width: 100%; min-height: 44px; border: 1px solid var(--v2-border); border-radius: 11px; background: var(--v2-surface); color: var(--v2-ink); font: inherit; font-size: .95rem; font-weight: 700; padding: 0 12px; font-variant-numeric: tabular-nums; }
.ae-input:focus, .ae-select:focus { outline: 2px solid rgba(184, 134, 11, .45); outline-offset: 1px; border-color: var(--v2-gold); }
.ae-inline { display: flex; gap: 6px; }
.ae-inline .ae-input { flex: 1 1 auto; min-width: 0; }
.ae-inline .ae-select { flex: 0 0 92px; }
.ae-toggles { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.ae-presets { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.ae-preset { border: 1px solid var(--v2-border); background: var(--v2-surface); color: var(--v2-ink); border-radius: 999px; padding: 5px 11px; font: inherit; font-size: .76rem; font-weight: 700; line-height: 1.3; cursor: pointer; }
.ae-preset:hover { border-color: var(--v2-gold); color: var(--v2-gold); }
.ae-preset.is-on { background: var(--v2-gold-soft); border-color: var(--v2-gold); color: var(--v2-gold); }
.ae-toggle { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--v2-border); border-radius: 999px; padding: 6px 12px 6px 8px; font-size: .8rem; font-weight: 700; cursor: pointer; min-height: 38px; background: var(--v2-surface); user-select: none; }
.ae-toggle input { accent-color: var(--v2-brand); width: 16px; height: 16px; margin: 0; }
.ae-toggle:has(input:checked) { border-color: var(--v2-brand); background: var(--v2-brand-soft); color: var(--v2-brand); }
.ae-receipt { border: 1px solid var(--v2-border); border-radius: var(--ae-radius); background: var(--v2-surface-2); padding: 12px 14px; display: flex; flex-direction: column; }
.ae-receipt dl { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; font-size: .86rem; }
.ae-receipt dt { color: var(--v2-mut); }
.ae-receipt dd { margin: 0; text-align: end; font-weight: 700; font-variant-numeric: tabular-nums; }
.ae-receipt .ae-total { border-top: 1px dashed var(--v2-border); padding-top: 9px; margin-top: 3px; font-size: 1rem; color: var(--v2-ink); font-weight: 800; }
.ae-receipt .ae-total + dd { border-top: 1px dashed var(--v2-border); padding-top: 9px; margin-top: 3px; font-size: 1.3rem; font-weight: 800; color: var(--v2-gold); }
.ae-receipt .ae-refund { color: var(--v2-pos); }
.ae-receipt .ae-refund + dd { color: var(--v2-pos); }
.ae-receipt-note { font-size: .72rem; color: var(--v2-mut); margin: 10px 0 0; line-height: 1.45; }

/* ---------- chart ---------- */
.ae-chart { position: relative; height: 240px; margin-top: 6px; }
.ae-chart svg { width: 100%; height: 100%; display: block; overflow: visible; }
.ae-chart .ln { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.ae-chart .ln-a { stroke: var(--v2-gold-hi); }
.ae-chart .ln-b { stroke: var(--v2-brand); opacity: .85; }
.ae-chart .area { fill: url(#aeGrad); }
.ae-chart .grid line { stroke: var(--v2-border); stroke-width: 1; vector-effect: non-scaling-stroke; }
.ae-chart .axis text { fill: var(--v2-mut); font-size: 10px; font-family: inherit; }
.ae-chart-hl { display: flex; gap: 6px 16px; flex-wrap: wrap; font-size: .76rem; color: var(--v2-mut); }
.ae-chart-hl b { color: var(--v2-ink); }
.ae-legend { display: inline-flex; align-items: center; gap: 6px; }
.ae-legend i { width: 14px; height: 3px; border-radius: 2px; background: var(--v2-gold-hi); }
.ae-legend i.b { background: var(--v2-brand); }
.ae-tip { position: absolute; top: 0; pointer-events: none; white-space: nowrap; background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: 9px; padding: 5px 9px; font-size: .74rem; font-weight: 700; box-shadow: var(--v2-shadow); font-variant-numeric: tabular-nums; transform: translateX(-50%); display: none; }
.ae-tip small { display: block; font-weight: 600; color: var(--v2-mut); }
.ae-xline { position: absolute; top: 0; bottom: 18px; width: 1px; background: var(--v2-gold); opacity: .5; display: none; pointer-events: none; }

/* ---------- FAQ + guides ---------- */
.ae-faq details { border-bottom: 1px dashed var(--v2-border); }
.ae-faq details:last-child { border-bottom: 0; }
.ae-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 12px 0; font-weight: 700; font-size: .9rem; min-height: 44px; }
.ae-faq summary::-webkit-details-marker { display: none; }
.ae-faq summary::after { content: ""; width: 9px; height: 9px; margin-inline-start: auto; border-right: 2px solid var(--v2-gold); border-bottom: 2px solid var(--v2-gold); transform: rotate(45deg); transition: transform .2s; flex: 0 0 auto; position: relative; top: -2px; }
.ae-faq details[open] summary::after { transform: rotate(225deg); top: 2px; }
.ae-faq p { margin: 0 0 12px; color: var(--v2-mut); font-size: .87rem; line-height: 1.65; }
.ae-faq p b { color: var(--v2-ink); }
.ae-guides { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ae-guides a { display: grid; grid-template-columns: 34px 1fr 14px; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--v2-border); border-radius: 12px; background: var(--v2-surface-2); color: var(--v2-ink); text-decoration: none; transition: border-color .15s, background .15s, transform .15s; }
.ae-guides a:hover { border-color: rgba(184, 134, 11, .5); background: var(--v2-gold-soft); transform: translateY(-1px); }
.ae-guides b { display: block; font-size: .86rem; }
.ae-guides small { display: block; font-size: .72rem; color: var(--v2-mut); line-height: 1.35; }
.ae-guides .ae-ic { width: 34px; height: 34px; }
.ae-guides .ae-chev { width: 14px; height: 14px; color: var(--v2-mut); }

/* ---------- article / rules pages ---------- */
.ae-prose { font-size: .92rem; line-height: 1.7; color: var(--v2-ink); max-width: 820px; }
.ae-prose p { margin: 0 0 12px; }
.ae-prose h3 { font-size: 1rem; margin: 18px 0 6px; }
.ae-prose ul, .ae-prose ol { margin: 0 0 12px; padding-inline-start: 20px; }
.ae-prose li { margin: 4px 0; }
.ae-prose .ae-formula { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .84rem; background: var(--v2-surface-2); border: 1px solid var(--v2-border); border-radius: 10px; padding: 10px 12px; overflow-x: auto; white-space: nowrap; }
.ae-rules td, .ae-rules th { white-space: normal; text-align: start !important; vertical-align: top; }
.ae-rules td { font-weight: 500; line-height: 1.5; }
.ae-rules td b { font-weight: 800; }
.ae-rules { min-width: 560px; }
.ae-pill { display: inline-block; font-size: .64rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; border-radius: 6px; padding: 2px 7px; background: var(--v2-gold-soft); color: #a87503; }
html[data-theme="dark"] .ae-pill { color: #f0c560; }
.ae-pill.ok { background: var(--v2-brand-soft); color: var(--v2-brand); }

/* ---------- phones ---------- */
@media (max-width: 900px) {
    .ae-calc { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .ae-page .v2-card { padding: 14px 14px; }
    .ae-feat { gap: 8px; }
    .ae-tile { padding: 10px 11px 9px; }
    .ae-tile-price b { font-size: 1.5rem; }
    .ae-tile-tag { display: none; }
    .ae-tile-chg em { display: block; }
    .ae-h1 .ae-date { display: table; margin: 8px 0 0; top: 0; }
    .ae-vs-row { grid-template-columns: 92px minmax(0, 1fr); }
    .ae-facts { grid-template-columns: 1fr 1fr; }
}

/* ---------- page grid (sidebar-aware breakpoints, dense so half-width cards pair up) ---------- */
.ae-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; grid-auto-flow: row dense; align-items: stretch; }
.ae-grid > * { min-width: 0; }
.ae-grid + .ae-grid { margin-top: 14px; }
.ae-s12 { grid-column: span 12; }
.ae-s8 { grid-column: span 8; }
.ae-s7 { grid-column: span 7; }
.ae-s6 { grid-column: span 6; }
.ae-s5 { grid-column: span 5; }
.ae-s4 { grid-column: span 4; }
.ae-grid > * > .v2-card { height: 100%; }
.ae-grid > div:not(:has(*)) { display: none; } /* a module with no data renders nothing — no empty cell */
@media (max-width: 1199px) {
    .ae-s8, .ae-s7 { grid-column: span 12; }
    .ae-s6, .ae-s5, .ae-s4 { grid-column: span 6; }
}
@media (max-width: 760px) {
    .ae-grid { gap: 12px; }
    .ae-s8, .ae-s7, .ae-s6, .ae-s5, .ae-s4 { grid-column: span 12; }
}

/* new-board toast */
.ae-toast { position: fixed; inset-inline: 0; bottom: 18px; margin: 0 auto; width: max-content; max-width: calc(100% - 32px); z-index: 90; display: none; align-items: center; gap: 10px; background: var(--v2-ink); color: var(--v2-surface); border-radius: 999px; padding: 10px 16px; font-size: .84rem; font-weight: 700; box-shadow: var(--v2-shadow-lift); cursor: pointer; border: 0; font-family: inherit; }
.ae-toast.show { display: inline-flex; }

/* today's board changes, as chips under the board table */
.ae-updates { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
.ae-updates-h { font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--v2-mut); margin-inline-end: 4px; }
.ae-upd { display: inline-flex; align-items: center; gap: 6px; font-size: .74rem; font-weight: 600; color: var(--v2-mut); background: var(--v2-surface-2); border: 1px solid var(--v2-border); border-radius: 999px; padding: 4px 10px; font-variant-numeric: tabular-nums; }
.ae-upd b { color: var(--v2-ink); }
.ae-upd.now { border-color: rgba(184, 134, 11, .45); background: var(--v2-gold-soft); color: var(--v2-ink); }

/* sidebar: monoline icons in the v2 nav boxes */
.ae-nav .v2-nav-ic { color: var(--v2-mut); }
.ae-nav .v2-nav-ic svg { width: 16px; height: 16px; }
.ae-nav .v2-nav-item:hover .v2-nav-ic { color: var(--v2-ink); }
.ae-nav .v2-nav-item.is-active .v2-nav-ic { color: var(--v2-gold); }
.ae-nav .v2-nav-group:first-child { border-top: 0; padding-top: 2px; }
.ae-nav .v2-nav-item { min-height: 34px; }
/* "VAT-free bar" applies to 24K investment bars only */
#aeLadder:not([data-k="24"]) .ae-bar-tag { display: none; }

/* card heads: title on top, subtitle under it; actions wrap below on narrow cards */
.ae-page .v2-card-head { flex-wrap: wrap; }
.ae-page .v2-card-head h2 { display: block; }
.ae-page .v2-card-head .ae-titlewrap { flex: 1 1 220px; }
.ae-page .v2-card-head .ae-seg button { padding: 6px 10px; }
/* a comparison verdict is information, not an alarm */
.ae-verdict.dear { background: var(--v2-gold-soft); color: var(--v2-ink); }
.ae-verdict.dear b { color: var(--v2-gold); }

/* phone bottom bar + More sheet: monoline icons instead of emoji */
.ae-mnav i svg { width: 21px; height: 21px; display: block; }
.ae-msheet i { color: var(--v2-brand); }
.ae-msheet i svg { width: 22px; height: 22px; }
.ae-msheet span { line-height: 1.2; }
.ae-verdict { display: block; }
.ae-verdict b { margin: 0 2px; }
.ae-nowrap { white-space: nowrap; }
/* the ladder is three columns — it fits a phone without sideways scrolling */
.ae-table.ae-ladder { min-width: 0; }
@media (max-width: 560px) {
    .ae-table.ae-ladder { font-size: .84rem; }
    .ae-table.ae-ladder td, .ae-table.ae-ladder th { padding-inline: 6px; }
    .ae-ladder td:first-child small { font-size: .66rem; }
}
/* content-height cells (FAQ, guides, uneven pairs): no stretched blank space */
.ae-grid > .ae-auto { align-self: start; }
.ae-grid > .ae-auto > .v2-card { height: auto; }
@media (min-width: 1200px) { .ae-grid > .ae-sticky { position: sticky; top: 84px; } }
.ae-verdict b { font-size: inherit; }
.ae-verdict b.big { font-size: 1.05rem; color: inherit; }
.ae-verdict.dear b.big { color: var(--v2-gold); }
.ae-table tr.ae-sep td { background: var(--v2-surface-2) !important; color: var(--v2-mut); font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; text-align: start; padding: 10px; }
.ae-table td[colspan].ae-empty { text-align: center; }

/* ================================================================================
   The UAE site as its own site (owner, 12-10-2026): brand slot, language switch,
   own footer, own sign-in and account pages, disclaimer & sources, international
   rate, and the Arabic (right-to-left) twin of every page.
   ================================================================================ */

/* ---------- brand, language chip, footer ---------- */
.ae-brand { flex-direction: row; }
.ae-logo { display: block; max-width: 172px; max-height: 46px; width: auto; height: auto; }
.ae-logo-sm { display: block; height: 28px; width: auto; max-width: 132px; object-fit: contain; }
.ae-logo-mono { width: 36px; height: 36px; border-radius: 10px; }
/* the logo files have a white ground: in dark mode they sit on a light badge instead of a white box */
html[data-theme="dark"] .ae-logo, html[data-theme="dark"] .ae-logo-sm { background: #fff; border-radius: 8px; padding: 3px 6px; }
.ae-topbrand { display: inline-flex; align-items: center; text-decoration: none; }
.ae-langchip { text-decoration: none; font-weight: 800; }
.ae-footer .ae-footlinks a { color: inherit; font-weight: 700; text-decoration: none; }
.ae-footer .ae-footlinks a:hover { color: var(--v2-gold); }

/* two cards stacked in one grid cell */
.ae-grid > * > .v2-card + .v2-card { margin-top: 14px; }

/* ---------- buttons ---------- */
.ae-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: 12px; border: 0; font: inherit; font-size: .95rem; font-weight: 800; cursor: pointer; text-decoration: none; transition: filter .15s, transform .15s, background .15s; }
.ae-btn:disabled { opacity: .7; cursor: progress; }
.ae-btn-gold { width: 100%; color: #1d1503; background: linear-gradient(135deg, #e4bf55 0%, #c9971a 55%, #b8860b 100%); box-shadow: 0 8px 20px -10px rgba(184, 134, 11, .85), 0 1px 0 rgba(255, 255, 255, .35) inset; }
.ae-btn-gold:hover:not(:disabled) { filter: brightness(1.05); transform: translateY(-1px); }
.ae-btn-ghost { min-height: 40px; padding: 0 14px; background: var(--v2-surface-2); border: 1px solid var(--v2-border); color: var(--v2-ink); }
.ae-btn-ghost:hover { border-color: rgba(184, 134, 11, .5); }
.ae-btn-danger { background: transparent; border: 1px solid rgba(204, 51, 64, .5); color: var(--v2-neg); }
.ae-btn-danger:hover:not(:disabled) { background: rgba(204, 51, 64, .07); }

/* ---------- sign-in / register ---------- */
.ae-authpage { max-width: 1060px; margin: 0 auto; }
.ae-auth { display: grid; grid-template-columns: minmax(0, 470px) minmax(0, 1fr); gap: 18px; align-items: stretch; margin-top: 6px; }
.ae-authcard { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: 22px; padding: 22px 24px 20px; box-shadow: var(--v2-shadow-lift); min-width: 0; }
.ae-authtabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: 20px; background: var(--v2-surface-2); border: 1px solid var(--v2-border); border-radius: 13px; }
.ae-authtabs a { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 8px; border-radius: 10px; font-size: .86rem; font-weight: 800; color: var(--v2-mut); text-decoration: none; text-align: center; }
.ae-authtabs a.is-on { background: var(--v2-surface); color: var(--v2-ink); box-shadow: 0 1px 2px rgba(19, 26, 32, .1), 0 0 0 1px rgba(184, 134, 11, .38); }
.ae-authtitle { margin: 0; font-size: 1.5rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: var(--v2-ink); overflow-wrap: anywhere; }
.ae-authsub { margin: 6px 0 18px; font-size: .9rem; line-height: 1.55; color: var(--v2-mut); }
.ae-authform { display: grid; gap: 14px; }
.ae-authform .ae-field > span, .ae-authform .ae-field > label { font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v2-mut); }
.ae-authform .ae-field > label small { font-weight: 600; letter-spacing: 0; text-transform: none; margin-inline-start: 4px; }
.ae-fieldhint { font-size: .72rem; line-height: 1.4; color: var(--v2-mut); }
.ae-phone { display: flex; gap: 8px; }
.ae-phone .ae-input { flex: 1 1 auto; min-width: 0; letter-spacing: .03em; }
.ae-cc { position: relative; flex: 0 0 auto; }
.ae-cc-face { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 30px 0 12px; border: 1px solid var(--v2-border); border-radius: 11px; background: var(--v2-surface-2); font-size: .95rem; font-weight: 800; color: var(--v2-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ae-cc-face span { font-size: 1.15rem; line-height: 1; }
.ae-cc-face::after { content: ""; position: absolute; right: 12px; top: 50%; width: 7px; height: 7px; margin-top: -6px; border-right: 2px solid var(--v2-mut); border-bottom: 2px solid var(--v2-mut); transform: rotate(45deg); }
.ae-cc select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px; border: 0; }
.ae-cc:focus-within .ae-cc-face { outline: 2px solid rgba(184, 134, 11, .45); outline-offset: 1px; border-color: var(--v2-gold); }
.ae-pw { position: relative; }
.ae-pw .ae-input { padding-inline-end: 78px; }
.ae-pwtoggle { position: absolute; inset-block: 6px; inset-inline-end: 6px; padding: 0 12px; border: 0; border-radius: 8px; background: var(--v2-surface-2); color: var(--v2-brand); font: inherit; font-size: .76rem; font-weight: 800; cursor: pointer; }
.ae-autherr, .ae-authok { margin: 0; padding: 10px 12px; border-radius: 11px; font-size: .84rem; font-weight: 700; line-height: 1.45; }
.ae-autherr { background: rgba(204, 51, 64, .07); border: 1px solid rgba(204, 51, 64, .35); color: var(--v2-neg); }
.ae-authok { background: var(--v2-brand-soft); border: 1px solid rgba(10, 138, 77, .35); color: var(--v2-pos); }
.ae-authswitch { margin: 2px 0 0; text-align: center; font-size: .86rem; color: var(--v2-mut); }
.ae-authswitch a { color: var(--v2-brand); font-weight: 800; text-decoration: none; }
.ae-authswitch a:hover { text-decoration: underline; }
.ae-authfine { margin: 16px 0 0; text-align: center; font-size: .72rem; line-height: 1.55; color: var(--v2-mut); }
.ae-authfine a { color: inherit; text-decoration: underline; }
.ae-authside { position: relative; overflow: hidden; border-radius: 22px; background: var(--ae-live-bg); color: var(--ae-live-ink); min-width: 0; }
.ae-authside::before { content: ""; position: absolute; inset: 0; background: radial-gradient(80% 60% at 100% 0%, rgba(242, 207, 107, .24) 0%, transparent 62%), radial-gradient(60% 50% at 0% 100%, rgba(61, 220, 143, .10) 0%, transparent 70%); pointer-events: none; }
.ae-authside-in { position: relative; display: flex; flex-direction: column; gap: 20px; height: 100%; padding: 28px 26px; }
.ae-authside-kicker { font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ae-live-gold); }
.ae-authrates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ae-authrates div { min-width: 0; padding: 12px 14px; border: 1px solid var(--ae-live-line); border-radius: 14px; background: rgba(255, 255, 255, .04); }
.ae-authrates em { display: block; font-style: normal; font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ae-live-mut); }
.ae-authrates b { display: block; margin-top: 4px; font-size: 1.28rem; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.ae-authrates small { display: block; font-size: .64rem; color: var(--ae-live-mut); }
.ae-authpoints { list-style: none; margin: auto 0 0; padding: 0; display: grid; gap: 16px; }
.ae-authpoints li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; font-size: .84rem; line-height: 1.5; color: var(--ae-live-mut); }
.ae-authpoints svg { width: 38px; height: 38px; padding: 9px; border-radius: 12px; background: rgba(242, 207, 107, .14); color: var(--ae-live-gold); }
.ae-authpoints b { display: block; font-size: .92rem; color: #fff; }
@media (max-width: 860px) {
    .ae-auth { grid-template-columns: 1fr; }
    .ae-authside-in { padding: 22px 20px; }
    .ae-authpoints { margin-top: 0; }
}
@media (max-width: 420px) {
    .ae-authcard { padding: 18px 16px 16px; border-radius: 18px; }
    .ae-authtitle { font-size: 1.3rem; }
    .ae-cc-face { padding-inline-end: 26px; padding-inline-start: 10px; }
}

/* ---------- account ---------- */
.ae-acct { display: grid; gap: 14px; max-width: 780px; }
.ae-page .ae-acct-id { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 14px; }
.ae-acct-av { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.45rem; font-weight: 800; color: #1d1503; background: linear-gradient(135deg, #f2cf6b 0%, #b8860b 100%); box-shadow: 0 6px 16px -8px rgba(184, 134, 11, .8); }
.ae-acct-who { flex: 1 1 220px; min-width: 0; }
.ae-acct-meta { margin: 3px 0 0; font-size: .86rem; font-weight: 600; color: var(--v2-mut); font-variant-numeric: tabular-nums; }
.ae-acct-flag { margin-inline-start: 6px; }
.ae-acct .ae-authform { max-width: 440px; }
.ae-acct .ae-btn-gold, .ae-acct .ae-btn-danger { width: auto; justify-self: start; }
.ae-acct-danger { border-color: rgba(204, 51, 64, .28); }
.ae-ic-red { background: rgba(204, 51, 64, .1); color: var(--v2-neg); }

/* ---------- disclaimer & sources ---------- */
.ae-legal .ae-prose h3:first-child { margin-top: 0; }
.ae-srcgroup { display: flex; align-items: center; gap: 8px; margin: 16px 0 8px; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-mut); }
.ae-sources .v2-card-head + .ae-srcgroup { margin-top: 2px; }
.ae-srcgroup .ae-ic { width: 26px; height: 26px; border-radius: 8px; }
.ae-srcgroup .ae-ic svg { width: 15px; height: 15px; }
.ae-srclist { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ae-srclist li { padding: 10px 12px; border: 1px solid var(--v2-border); border-radius: 12px; background: var(--v2-surface-2); font-size: .82rem; line-height: 1.45; }
.ae-srclist li b { display: block; font-weight: 700; color: var(--v2-ink); }
.ae-srcwho { display: block; margin-top: 4px; font-size: .76rem; color: var(--v2-mut); }
.ae-srcwho a { color: var(--v2-brand); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.ae-srcwho a:hover { text-decoration: underline; }
.ae-srcwho a::after { content: " ↗"; font-weight: 600; }
.ae-srclist small { display: block; margin-top: 3px; font-size: .72rem; color: var(--v2-mut); }

/* ---------- international rate: one full-width card on top of the hub ----------
   Price, the day's figures and spot-by-purity side by side so the width carries the data
   and the height stays low. Sized by its own width (container query), not the viewport:
   three columns when they fit, two (price + figures, table below) on mid widths, stacked
   on phones. */
.ae-page .ae-ibar { container-type: inline-size; display: block; padding: 14px 18px 10px;
    background: linear-gradient(100deg, var(--v2-brand-soft) 0%, var(--v2-surface) 30%, var(--v2-surface) 100%); }
.ae-ibar-in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: center; }
.ae-ibar-lead { min-width: 0; }
.ae-ibar-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ae-ibar-head .ae-ic { width: 26px; height: 26px; border-radius: 8px; }
.ae-ibar-head .ae-ic svg { width: 15px; height: 15px; }
.ae-ibar-head b { font-size: .82rem; font-weight: 800; color: var(--v2-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ae-ibar .ae-live-state { color: var(--v2-pos); margin-inline-start: 4px; }
.ae-ibar .ae-live-state.closed { color: var(--v2-mut); }
.ae-ibar .ae-live-state.closed .ae-live-dot { background: var(--v2-mut); }
.ae-ibar-price { display: flex; align-items: baseline; gap: 10px; margin-top: 6px; }
.ae-ibar-price em { font-style: normal; font-size: .62rem; font-weight: 800; letter-spacing: .08em; color: var(--v2-mut); }
.ae-ibar-price b { font-size: 1.9rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--v2-ink); transition: color .15s ease; }
.ae-ibar-move { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; margin-top: 3px; }
.ae-ibar-move i { font-style: normal; font-size: .7rem; color: var(--v2-mut); }
.ae-ichg { font-size: .84rem; font-weight: 800; white-space: nowrap; }
.ae-ichg span { font-weight: 700; }
.ae-ibar-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 0; min-width: 0; }
.ae-ibar-stats > div { min-width: 0; }
.ae-ibar-stats dt { font-size: .6rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-mut); white-space: nowrap; }
.ae-ibar-stats dd { margin: 1px 0 0; font-size: 1rem; font-weight: 800; color: var(--v2-ink); white-space: nowrap; }
.ae-ibar-stats dd > span, .ae-ibar-stats dd.ae-num { transition: color .15s ease; }
.ae-ibar-stats dd small { font-size: .72rem; margin-inline-start: 4px; }
.ae-ibar-tbl { min-width: 0; overflow-x: auto; }
.ae-ibar-cap { font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-mut); margin-bottom: 4px; white-space: nowrap; }
.ae-ibar-cap small { font-size: .7rem; font-weight: 600; letter-spacing: 0; text-transform: none; margin-inline-start: 6px; }
.ae-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ae-table.ae-ibar-k { min-width: 0; font-size: .9rem; }
.ae-ibar-k th, .ae-ibar-k td { padding: 6px 10px; }
.ae-ibar-k thead th { border-bottom-width: 2px; }
.ae-ibar-k thead th .ae-k { min-width: 0; padding: 2px 7px; font-size: .74rem; }
.ae-ibar-k thead th small { display: inline; margin-inline-start: 5px; }
.ae-ibar-k tbody th { text-align: start; font-size: .66rem; font-weight: 800; letter-spacing: .06em; color: var(--v2-mut); white-space: nowrap;
    border-bottom: 1px solid var(--v2-border); background: var(--v2-surface); }
.ae-ibar-k tbody tr:last-child th { border-bottom: 0; }
.ae-ibar-k tbody td { font-weight: 700; transition: color .15s ease; }
.ae-ibar-k tbody tr.ae-ibar-aed th, .ae-ibar-k tbody tr.ae-ibar-aed td { background: color-mix(in srgb, var(--v2-gold-soft) 70%, var(--v2-surface)); }
.ae-ibar-k tbody tr.ae-ibar-aed td { color: var(--v2-ink); font-weight: 800; }
/* a four-column table: no sticky first column on phones (the generic table rule) */
.ae-ibar-k th:first-child, .ae-ibar-k td:first-child { position: static !important; box-shadow: none !important; }
.ae-ibar-note { margin: 10px 0 0; padding-top: 8px; border-top: 1px dashed var(--v2-border); font-size: .74rem; color: var(--v2-mut); line-height: 1.5; }
.ae-ibar-note b { color: var(--v2-ink); }
.ae-ibar-note a { color: var(--v2-brand); font-weight: 700; text-decoration: none; }
.ae-ibar .up { color: var(--v2-pos); }
.ae-ibar .down { color: var(--v2-neg); }
/* mid widths: price + the four figures in one row, the purity table under them */
@container (min-width: 620px) {
    .ae-ibar-in { grid-template-columns: auto minmax(0, 1fr); gap: 12px 24px; }
    .ae-ibar-stats { grid-template-columns: repeat(4, minmax(0, max-content)); justify-content: space-between; gap: 8px 22px;
        padding-inline-start: 24px; border-inline-start: 1px solid var(--v2-border); }
    .ae-ibar-tbl { grid-column: 1 / -1; }
}
/* wide: price | figures (2 × 2) | purity table — all on one band */
@container (min-width: 1040px) {
    .ae-ibar-in { grid-template-columns: auto auto minmax(0, 1fr); gap: 0 24px; }
    .ae-ibar-stats { grid-template-columns: repeat(2, max-content); justify-content: start; gap: 10px 24px; }
    .ae-ibar-tbl { grid-column: auto; padding-inline-start: 24px; border-inline-start: 1px solid var(--v2-border); }
}
@media (max-width: 760px) {
    .ae-page .ae-ibar { padding: 12px 14px 8px; }
    .ae-ibar-price b { font-size: 1.65rem; }
    .ae-ibar-k th, .ae-ibar-k td { padding: 6px 4px; }
    .ae-ibar-k thead th small { display: block; margin: 1px 0 0; }
    .ae-table.ae-ibar-k { font-size: .82rem; }
    .ae-ibar-k tbody th { font-size: .62rem; }
    .ae-ibar-cap small { display: block; margin: 1px 0 0; }
}

/* ================================================================================
   Arabic: /ae/ar/… — right-to-left. Inter draws the Latin digits (tabular, as the
   UAE press prints them) and Noto Kufi Arabic the Arabic letters; letter-spacing is
   switched off because it pulls joined Arabic letters apart.
   ================================================================================ */
html[lang="ar"] body.v2-body { font-family: "Inter", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif; line-height: 1.6; }
html[lang="ar"] body.v2-body * { letter-spacing: 0 !important; }
html[lang="ar"] .ae-h1 { line-height: 1.35; }
html[lang="ar"] .ae-table th { text-transform: none; font-size: .7rem; }
html[lang="ar"] .ae-sub, html[lang="ar"] .ae-note, html[lang="ar"] .ae-faq p { line-height: 1.75; }
html[dir="rtl"] .ae-chev, html[dir="rtl"] .ae-more svg { transform: scaleX(-1); }
html[dir="rtl"] .ae-tile-price b, html[dir="rtl"] .ae-silver-main b { order: -1; }
html[dir="rtl"] .ae-vs-fill { inset: 0 0 0 auto; background: linear-gradient(270deg, var(--v2-gold-soft), rgba(212, 175, 55, .55)); }
html[dir="rtl"] .ae-vs-fill.pk { background: linear-gradient(270deg, var(--v2-brand-soft), rgba(11, 93, 59, .35)); }
html[dir="rtl"] .ae-vs-val { inset: 0 auto 0 10px; }
html[dir="rtl"] .ae-toggle { padding: 6px 8px 6px 12px; }
html[dir="rtl"] .ae-input[type="number"] { direction: ltr; text-align: right; }
html[dir="rtl"] .ae-chart, html[dir="rtl"] .ae-chart-hl { direction: ltr; }
html[dir="rtl"] .ae-chart-hl { justify-content: flex-end; }
html[dir="rtl"] .ae-cc-face::after { right: 12px; left: auto; }
html[dir="rtl"] .ae-srcwho a::after { content: " ↖"; }
@media (max-width: 640px) {
    html[dir="rtl"] .ae-table td:first-child, html[dir="rtl"] .ae-table th:first-child { box-shadow: -6px 0 8px -8px rgba(0, 0, 0, .25); }
}
/* Arabic: "عيار 24" stays on one line in the karat chips */
html[lang="ar"] .ae-k { white-space: nowrap; }
html[lang="ar"] .ae-est li { grid-template-columns: 66px minmax(0, 1fr) auto; }
/* top-bar chips: text centred however tall the bar (Arabic line-height is taller) */
.v2-topbar-actions { align-items: center; }
.v2-topbar-actions .ae-langchip, .v2-topbar-actions .v2-user-chip { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; line-height: 1.2; }
.ae-authasof { margin: -6px 0 0; font-size: .74rem; color: var(--ae-live-mut); }
.ae-authasof a { color: var(--ae-live-gold); font-weight: 700; text-decoration: none; }
/* collapsed desktop rail: the wordmark is wider than the rail, so a two-letter mark stands in */
.ae-wm-mono { display: none; }
@media (min-width: 901px) and (hover: hover) {
    .v2-sidebar .ae-wm-full { display: none; }
    .v2-sidebar .ae-wm-mono { display: inline; }
    .v2-sidebar:hover .ae-wm-full { display: inline; }
    .v2-sidebar:hover .ae-wm-mono { display: none; }
}