/* TradingView's market hierarchy with Revolut's restrained surfaces. */
.universe{padding-top:30px;padding-bottom:56px;max-width:1360px}
.universe-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.universe-kicker{font-size:12px;color:var(--muted);margin-bottom:7px}
.universe h1{font-size:40px;line-height:1.45;font-weight:750;letter-spacing:0}
.universe-intro{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.9}
.universe-counts{display:flex;gap:28px;padding-bottom:3px;font-size:12px;color:var(--muted);white-space:nowrap}
.universe-counts b{display:block;font-size:26px;color:var(--ink);font-weight:650;line-height:1.5}
.universe-source{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11.5px;margin-bottom:24px}
.source-dot{width:6px;height:6px;background:var(--brand);border-radius:50%}.source-divider{color:var(--line-strong)}.source-update{margin-inline-start:auto}
.market-jump-shell{position:sticky;top:var(--market-nav-top,calc(var(--header-height) + var(--sitenav-height)));z-index:20;margin-bottom:24px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);isolation:isolate}
.market-jump-shell:after{content:'';position:absolute;top:100%;inset-inline:0;height:24px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 75%,transparent),transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent);opacity:0;transition:opacity .18s}
.market-jump-shell[data-stuck=true]:after{opacity:1}
.universe-jump{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px 2px;border-bottom:1px solid var(--line);scrollbar-width:none}
.universe-jump::-webkit-scrollbar{display:none}
.market-jump-shell>.universe-jump{margin:0}
.universe-jump a{flex:none;min-height:36px;display:flex;align-items:center;gap:10px;padding:5px 13px;background:var(--surface-2);border-radius:999px;font-size:12px;font-weight:500;color:var(--text);transition:background-color .16s,color .16s}
.universe-jump a:hover{background:var(--brand-soft);color:var(--brand)}.universe-jump small{color:var(--muted);font-size:10px}
.universe-jump a[aria-current=location]{background:var(--ink);color:var(--bg)}
.universe-jump a[aria-current=location] small{color:inherit;opacity:.75}
.universe.market-nav-ready .universe-market-grid>section{scroll-margin-top:calc(var(--market-nav-height,53px) + 6px)}
@media(pointer:coarse),(max-width:700px){.universe-jump a{min-height:44px}.market-jump-shell{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.market-jump-shell:after,.universe-jump a{transition:none}}
.universe-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.universe-section-title h2{font-size:23px;font-weight:700}.universe-section-title>a{font-size:12px;color:var(--muted)}
.universe-overview{margin-bottom:38px}
.universe-market-grid>.universe-overview{grid-column:1 / -1;min-width:0;margin:12px 0;scroll-margin-top:130px}
.universe-overview-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;direction:ltr}
.universe-overview-body>*{direction:rtl;min-width:0}
.universe-overview-body>.universe-focus{display:flex;flex-direction:column;gap:4px;margin:0;padding-inline-start:18px;border-inline-start:1px solid var(--line);overflow:visible}
.universe-overview-body>.universe-chart-panel{display:flex;flex-direction:column;margin:0}
.universe-overview-body .universe-chart-canvas{flex:1;min-height:240px}
.universe-overview-body .universe-focus button{width:100%;min-width:0;padding:10px}
.universe-overview-body .universe-focus button>span:not(.universe-identity):not(.universe-monogram){flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px}
.universe-overview-body .universe-focus strong{grid-column:1;grid-row:1}
.universe-overview-body .focus-price{grid-column:1 / -1;grid-row:2}
.universe-overview-body .universe-focus .universe-change{grid-column:2;grid-row:1;align-self:center}
.universe-focus button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.universe-focus button{display:flex;align-items:center;gap:9px;text-align:right;padding:13px 10px;border-radius:9px;min-width:0;border:1px solid transparent}
.universe-focus button[aria-selected=true]{background:var(--surface-2)}.universe-focus button:hover{border-color:var(--line)}
.universe-focus strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.universe-focus button>span{min-width:0}
.focus-price{display:flex;gap:4px;align-items:baseline;white-space:nowrap;margin-top:3px}.focus-price b{font-size:16px;color:var(--ink);font-weight:650}.focus-price small{font-size:9px;color:var(--muted)}
.universe-focus .universe-change{font-size:11px;line-height:1.8}.universe-icon{width:32px;height:32px;object-fit:contain;flex:none}
.universe-monogram{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--surface-2);border:1px solid var(--line);border-radius:50%;font-size:8px;font-weight:650;color:var(--muted);overflow:hidden;direction:ltr;word-break:break-all;padding:3px;line-height:1.1}
.universe-chart-panel{margin-bottom:20px}.universe-chart-head{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;margin-bottom:14px}.universe-periods{display:flex;gap:3px}.universe-periods button{font-size:12px;padding:7px 13px;border-radius:6px;min-height:34px;color:var(--muted)}.universe-periods button[aria-pressed=true]{background:var(--surface-2);color:var(--ink)}
.universe-chart-canvas{position:relative;height:230px;direction:ltr;color:var(--brand);outline-offset:5px}.universe-chart-canvas svg{width:100%;height:100%;overflow:visible}.universe-chart-grid{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.universe-chart-area{fill:url(#universeChartFill)}.universe-chart-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}.universe-chart-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.universe-chart-labels{position:absolute;inset:5px 0 5px auto;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;font-size:10px;color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,transparent);padding:0 6px}.universe-chart-message{position:absolute;inset:0;display:grid;place-items:center;background:var(--surface);color:var(--muted);font-size:13px;direction:rtl;text-align:center;padding:20px}
.universe-chart-foot{display:flex;justify-content:space-between;gap:12px;direction:ltr;font-size:10px;color:var(--muted);margin-top:10px;min-height:20px}.universe-chart-foot span{direction:rtl}.universe-chart-basis{font-size:10.5px;color:var(--muted);margin-top:8px}
.universe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px}.universe-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;scroll-margin-top:120px;display:flex;flex-direction:column;overflow:hidden}
.universe-panel-head{padding:19px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.universe-panel h2{font-size:17px;line-height:1.7;font-weight:650}.universe-panel h2 span{font-size:22px;color:var(--muted);margin-inline-start:5px}.universe-panel-head p{font-size:10.5px;color:var(--muted);line-height:1.8}.section-count{font-size:10px;color:var(--muted);background:var(--surface-2);border-radius:5px;padding:2px 7px;margin-top:4px}
.universe-mini{width:calc(100% - 28px);margin:0 14px;border-collapse:collapse;text-align:right;table-layout:fixed;font-size:12px}.universe-mini th,.universe-mini td{padding:9px 4px;border-bottom:1px solid var(--line);vertical-align:middle}.universe-mini thead th{font-size:10px;color:var(--muted);font-weight:400;padding-top:3px;padding-bottom:7px}.universe-mini th:first-child{width:43%}.universe-mini th:nth-child(2){width:33%}.universe-mini th:last-child{width:24%;text-align:left}.universe-mini td:last-child{text-align:left}.universe-mini tbody th{font-weight:500}.universe-mini th strong{font-size:12px;font-weight:500;display:block;line-height:1.65}.universe-mini small{display:block;color:var(--muted);font-size:9px;line-height:1.6}.universe-mini tbody td b{display:block;font-size:12px;font-weight:550;white-space:nowrap;direction:ltr;unicode-bidi:isolate;text-align:right}.universe-mini td .sell-price{color:var(--ink);font-size:11px}.universe-mini tbody tr:hover{background:var(--surface-2)}.universe-mini tbody tr:last-child>*{border-bottom:0}.universe-mini time{font-size:9px;line-height:1.5}
.universe-change{white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:11px;font-weight:550;display:inline-block}.universe-change.up{color:var(--up)}.universe-change.down{color:var(--down-label)}.universe-change.flat{color:var(--muted)}
.universe-mini .quote-quality{font-size:10px}.quote-quality{font-size:11px;color:var(--muted)}.quote-quality.stale,.quote-quality.delayed{color:var(--stale)}.quote-quality.unavailable{color:var(--faint)}
.universe-viewall{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;margin-top:auto;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.universe-viewall:hover{color:var(--brand);background:var(--surface-2)}
.universe-context{margin-top:36px;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:200px 1fr;gap:12px 30px}.universe-context h2{font-size:18px}.universe-context p{font-size:12px;color:var(--muted);line-height:2}.universe-context a{grid-column:2;font-size:12px;color:var(--brand)}
.universe-notice,.universe-note{padding:12px 16px;background:var(--surface-2);color:var(--muted);font-size:12px;margin-bottom:20px;border-radius:8px}.universe-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin-bottom:24px}
.directory-count{color:var(--muted);font-size:13px}.universe-filter{display:flex;align-items:end;gap:10px;padding:18px 0 22px}.universe-filter label{display:grid;gap:7px;min-width:270px}.universe-filter label span{font-size:11px;color:var(--muted)}.universe-filter input{height:40px!important;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);padding:0 12px;color:var(--ink);font:inherit;font-size:13px}.universe-filter button,.universe-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 20px;border-radius:7px;background:var(--brand);color:var(--surface);font-size:12px}.universe-filter>a{font-size:12px;padding-bottom:8px}.universe-filter>small{margin-inline-start:auto;font-size:10.5px;color:var(--muted);padding-bottom:9px}
.universe-table-wrap{width:100%;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.universe-table{border-collapse:collapse;width:100%;min-width:820px;text-align:right;font-size:13px}.universe-table th,.universe-table td{padding:15px 12px;border-bottom:1px solid var(--line)}.universe-table thead th{font-size:11px;color:var(--muted);font-weight:400;background:var(--surface-2)}.universe-table tbody th{font-weight:500;max-width:310px}.universe-table tbody tr:hover{background:var(--surface-2)}.universe-table b{font-weight:550;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.universe-table td>small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.universe-table time{font-size:10px;white-space:nowrap}.universe-asset{display:flex;align-items:center;gap:12px}.universe-asset strong{display:block;font-size:13px;font-weight:550}.universe-asset small{font-size:10px;color:var(--muted);display:block}.row-detail{display:grid;place-items:center;height:32px;width:32px;font-size:22px;color:var(--brand)}.universe-pagination{display:flex;justify-content:center;gap:25px;align-items:center;margin:24px 0;font-size:12px}.universe-pagination a{padding:7px 14px;border:1px solid var(--line);border-radius:6px}.universe-empty{padding:40px!important;color:var(--muted);text-align:center}
.instrument-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}.instrument-heading>.universe-icon,.instrument-heading>.universe-monogram{width:56px;height:56px}.instrument-heading h1{font-size:32px}.instrument-symbol{font-size:12px;color:var(--muted)}.universe-quiet-link{margin-inline-start:auto;font-size:12px;color:var(--muted)}.instrument-quote{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.field-caption{font-size:12px;color:var(--muted)}.instrument-price{display:flex;gap:12px;align-items:baseline}.instrument-price b{font-size:36px;font-weight:650;color:var(--ink)}.instrument-price>span{font-size:14px;color:var(--muted)}.instrument-quote dl{display:flex;gap:35px}.instrument-quote dt{font-size:11px;color:var(--muted)}.instrument-quote dd{margin:8px 0 0;font-size:19px;direction:ltr}.instrument-provenance{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:17px 0 26px}.instrument-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:38px}.instrument-details h2{font-size:21px;margin-bottom:18px}.instrument-metadata{font-size:13px}.instrument-metadata>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.instrument-metadata dt{color:var(--muted)}.instrument-metadata dd{margin:0;overflow-wrap:anywhere}.instrument-details .universe-mini{width:100%;margin:0}.instrument-details .universe-action{margin-top:20px}
@media(max-width:1100px){.universe-focus{grid-template-columns:repeat(3,minmax(0,1fr))}.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.universe-counts{gap:18px}.universe-filter>small{display:none}}
@media(max-width:700px){.universe{padding-top:22px}.universe h1{font-size:30px}.universe-heading{display:block}.universe-intro{font-size:12px}.universe-counts{margin-top:18px;gap:32px}.universe-counts b{font-size:21px}.source-update{margin-inline-start:0;width:100%;font-size:10px}.universe-jump{margin-bottom:22px}.universe-section-title h2{font-size:21px}.universe-focus{display:flex;overflow:auto;gap:8px}.universe-focus button{min-width:165px}.universe-chart-canvas{height:200px}.universe-periods button{padding:8px 10px}.universe-chart-head{gap:5px;flex-wrap:wrap}.universe-grid{grid-template-columns:1fr;gap:20px}.universe-mini{font-size:13px}.universe-mini th strong,.universe-mini tbody td b{font-size:13px}.universe-mini small{font-size:10px}.universe-mini .quote-quality{font-size:9px}.universe-panel-head p{font-size:11px}.universe-context{grid-template-columns:1fr;gap:10px}.universe-context a{grid-column:1}.universe-filter{flex-wrap:wrap}.universe-filter label{min-width:0;flex:1}.instrument-heading h1{font-size:25px}.instrument-heading .universe-quiet-link{display:none}.instrument-price b{font-size:28px}.instrument-quote{display:block}.instrument-quote dl{gap:25px;flex-wrap:wrap;margin:20px 0 0}.instrument-quote dd{font-size:16px}.instrument-details{grid-template-columns:1fr;gap:30px}.instrument-provenance{gap:8px 14px}.universe-chart-foot{font-size:9px}}

/* Prices and asset names retain reading size in the dense overview tables. */
.universe-mini th strong,.universe-mini tbody td b{font-size:14px}.universe-mini small{font-size:10px}.universe-mini thead th{font-size:11px}.universe-panel-head p{font-size:12px}.universe-mini .universe-change{font-size:12px}

.instrument-history{margin:32px 0}.universe-history-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}.universe-history-table td,.universe-history-table th{padding:10px 8px;border-bottom:1px solid var(--line)}.universe-history-table th{font-weight:400;color:var(--muted);background:var(--surface-2)}

.instrument-heading>.universe-monogram{font-size:14px}
@media(max-width:900px){.universe-overview-body{grid-template-columns:230px minmax(0,1fr);gap:20px}.universe-overview-body>.universe-focus{padding-inline-start:12px}}
@media(max-width:700px){.universe-overview-body{grid-template-columns:minmax(0,1fr);gap:18px}.universe-overview-body>.universe-chart-panel{grid-row:1}.universe-overview-body>.universe-focus{grid-row:2;padding:12px 0 0;border-inline-start:0;border-top:1px solid var(--line)}.universe-overview-body .universe-chart-canvas{min-height:200px}.universe-overview-body .universe-focus button{padding:10px 12px}}

/* The compact opening strip keeps the eight familiar markets above navigation. */
.market-strip{margin-bottom:24px}
.market-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.market-strip-heading h1{font-size:30px;line-height:1.5;font-weight:750}
.market-strip-heading>span{color:var(--muted);font-size:12px}
.market-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.market-strip-card{--strip-up:#6254f4;--strip-down:#d52a87;display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.market-strip-card:hover{border-color:var(--line-strong);box-shadow:0 2px 8px #00000006}
.market-strip-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.market-strip-card>.universe-icon{width:34px;height:40px}
.market-strip-main{flex:1;min-width:0}
.market-strip-name{display:block;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-strip-price{display:flex;align-items:baseline;gap:6px;margin-top:2px;white-space:nowrap}
.market-strip-price b{font-size:22px;line-height:1.4;font-weight:650;color:var(--ink);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.market-strip-price small{font-size:10px;color:var(--muted)}
.market-strip-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:64px;flex:none}
.market-strip-side .universe-change{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:23px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;direction:ltr}
.market-strip-side .universe-change.up{color:var(--strip-up);background:color-mix(in srgb,var(--strip-up) 10%,transparent)}
.market-strip-side .universe-change.down{color:var(--strip-down);background:color-mix(in srgb,var(--strip-down) 9%,transparent)}
.market-strip-side .universe-change.up:before{content:'▲';font-size:8px}.market-strip-side .universe-change.down:before{content:'▼';font-size:8px}
.market-strip-spark{display:block;width:64px;height:24px;overflow:visible;color:var(--muted);direction:ltr}
.market-strip-spark[data-direction=up]{color:var(--strip-up)}.market-strip-spark[data-direction=down]{color:var(--strip-down)}
.market-strip-spark .mini-line{fill:none;stroke:currentColor;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.market-strip-spark .mini-area{fill:currentColor;opacity:.08}
:root[data-theme=dark] .market-strip-card{--strip-up:#a99eff;--strip-down:#f87ab8}
@media(max-width:1180px) and (min-width:761px){.market-strip-card{gap:8px;padding:11px 10px}.market-strip-card>.universe-icon{width:28px;height:34px}.market-strip-price b{font-size:19px}.market-strip-price{gap:4px}.market-strip-side,.market-strip-spark{width:48px}.market-strip-name{font-size:12px}}
@media(max-width:960px){.market-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-strip-card{gap:12px}.market-strip-side,.market-strip-spark{width:70px}}
@media(max-width:600px){.market-strip-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:14px}.market-strip-heading h1{font-size:25px}.market-strip-heading>span{font-size:10px}.market-strip-grid{gap:8px}.market-strip-card{flex-wrap:wrap;gap:7px;padding:11px 10px;border-radius:12px}.market-strip-card>.universe-icon{width:25px;height:32px}.market-strip-name{font-size:11px}.market-strip-price b{font-size:17px}.market-strip-price{gap:3px}.market-strip-price small{font-size:9px}.market-strip-side{width:100%;flex-direction:row-reverse;align-items:center;justify-content:space-between}.market-strip-spark{width:58px;height:22px}.market-strip-side .universe-change{font-size:10px;min-height:22px;padding:2px 6px}}
@media(prefers-reduced-motion:reduce){.market-strip-card{transition:none}}
@media(max-width:600px){.market-strip-card{position:relative}.market-strip-card>.universe-icon{position:absolute;inset-inline-start:10px;top:10px}.market-strip-main{flex-basis:100%}.market-strip-name{padding-inline-start:32px;min-height:27px}.market-strip-price{margin-top:3px}}

/* Shared quote columns in market summaries and the complete market lists. */
.universe-grid.universe-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.universe-market-grid>.currency-split{grid-column:1 / -1}
.currency-table-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-width:0}
.currency-table-columns>.market-table-scroll{min-width:0}
.currency-base-control{display:flex;align-items:center;gap:12px;padding:0 14px 8px;min-width:0}
.currency-base-label{font-size:11px;color:var(--muted);white-space:nowrap;flex:none}
.currency-base-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;min-width:0;padding:3px}
.currency-base-tabs button{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted);background:var(--surface);white-space:nowrap;transition:background-color .16s,color .16s}
.currency-base-tabs img{width:20px;height:15px;object-fit:contain;border-radius:2px}
.currency-base-tabs button:hover{background:var(--surface-2);color:var(--ink)}
.currency-base-tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.currency-base-tabs button[aria-busy=true]{border-color:var(--brand);color:var(--brand)}
.currency-board-caption{padding:0 17px 10px;color:var(--muted);font-size:11px}
.currency-board-state{margin:0 14px 12px;padding:9px 12px;background:var(--surface-2);border-radius:8px;font-size:12px;color:var(--muted)}
.currency-board-state button{margin-inline-start:10px;color:var(--brand);text-decoration:underline;min-height:32px}
[data-currency-board][aria-busy=true] .currency-table-columns{opacity:.45;pointer-events:none}
.currency-split .market-quotes-table thead th:nth-child(2){white-space:normal;min-width:70px}
@media(pointer:coarse),(max-width:700px){.currency-base-tabs button{min-height:44px}.currency-base-control{gap:7px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.currency-base-tabs button{transition:none}}
@media(max-width:900px){.currency-table-columns{grid-template-columns:minmax(0,1fr);gap:0}}
.market-table-scroll{overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:0}
.market-table-scroll:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.market-quotes-table{min-width:850px;font-variant-numeric:tabular-nums;table-layout:auto}
.market-quotes-table th,.market-quotes-table td{padding:4px 18px;vertical-align:middle;text-align:right;line-height:1.35}
.market-quotes-table thead th{font-size:12px;white-space:nowrap;padding-top:8px;padding-bottom:8px}
.market-quotes-table thead th:first-child{width:26%}
.market-quotes-table thead th:last-child{width:64px;text-align:center}
.market-quotes-table thead abbr{text-decoration:none;cursor:help;border-bottom:1px dotted var(--muted)}
.market-quotes-table tbody tr:last-child>*{border-bottom:0}
.market-quotes-table .universe-asset{gap:10px;min-width:145px}
.market-quotes-table .universe-asset strong{font-size:13px}
.market-quotes-table .universe-icon,.market-quotes-table .universe-monogram{width:28px;height:28px}
.market-quotes-table .market-price-cell b{font-size:14px;line-height:1.35}
.market-quotes-table .market-price-cell small{font-size:10px;margin-top:0}
.market-range-cell{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.market-delta{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:12px;font-weight:500}
.market-delta.up{color:var(--up)}.market-delta.down{color:var(--down-label)}.market-delta.flat{color:var(--muted)}
.market-delta.up:before{content:'▲';font-size:8px}.market-delta.down:before{content:'▼';font-size:8px}
.market-quotes-table time{font-size:12px;direction:ltr;unicode-bidi:isolate}
.market-quotes-table .quote-quality{display:block;font-size:10px;margin-top:1px;line-height:1.3}
.market-chart-link{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;margin:auto;color:var(--brand)}
.market-chart-link:hover{background:var(--brand-soft)}.market-chart-link:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
@media(max-width:700px){.market-quotes-table{min-width:800px}.market-quotes-table th,.market-quotes-table td{padding:3px 12px}.market-quotes-table th:first-child{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-1px 0 var(--line)}.market-quotes-table thead th:first-child{background:var(--surface-2)}.market-quotes-table .universe-asset{min-width:130px}.market-quotes-table tbody tr:hover>th{background:var(--surface-2)}}

/* Local SVG flags remain readable at small sizes and work without a CDN. */
.universe-identity{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none}
.universe-identity.is-pair{width:44px}
.market-flags{display:inline-flex;align-items:center;gap:3px;direction:ltr;vertical-align:middle;flex:none}
.market-flag{display:block;width:24px;height:18px;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px var(--line);background:var(--surface);flex:none}
.is-pair .market-flags{gap:0}.is-pair .market-flag+.market-flag{margin-left:-5px;transform:translateY(5px)}
.has-pictogram>.market-flags{position:absolute;left:-3px;bottom:-1px}
.has-pictogram>.market-flags .market-flag{width:16px;height:12px;box-shadow:0 0 0 2px var(--surface)}
.market-quotes-table .universe-identity>.universe-icon{display:none}
.market-quotes-table .universe-identity>.market-flags{position:static}
.market-quotes-table .universe-identity .market-flag{width:24px;height:18px;box-shadow:0 0 0 1px var(--line)}
.market-strip-card>.universe-identity{width:34px;height:40px}
.market-strip-card>.universe-identity>.universe-icon{width:34px;height:40px}
.universe-mini th strong>.market-flags{margin-inline-end:6px}
.universe-mini .market-flag{width:20px;height:15px}
.universe .instrument-heading>.universe-identity{width:112px;height:112px}
.universe .instrument-heading>.universe-identity>.universe-icon{width:112px;height:112px}
.instrument-heading .market-flag{width:48px;height:36px}
.instrument-heading .has-pictogram>.market-flags{left:0;bottom:4px}
.instrument-heading .has-pictogram>.market-flags .market-flag{width:30px;height:22.5px}
@media(max-width:1180px) and (min-width:761px){.market-strip-card>.universe-identity,.market-strip-card>.universe-identity>.universe-icon{width:28px;height:34px}}
@media(max-width:700px){.universe .instrument-heading>.universe-identity,.universe .instrument-heading>.universe-identity>.universe-icon{width:68px;height:68px}.instrument-heading .has-pictogram>.market-flags .market-flag{width:24px;height:18px}}
@media(max-width:600px){.market-strip-card>.universe-identity{position:absolute;inset-inline-start:10px;top:10px;width:25px;height:32px}.market-strip-card>.universe-identity>.universe-icon{width:25px;height:32px}.market-strip-card .has-pictogram>.market-flags .market-flag{width:13px;height:10px}}

/* Chart cursor (static/chart-cursor.js): crosshair, dot, hover card and one badge on each axis.
   Everything moves with transform on its own layer, so following the pointer does no layout and no
   style recalculation. The layer never takes the pointer, so the chart keeps getting its events. */
.universe-chart-canvas{touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.universe-chart-cursor-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;contain:layout style}
.universe-chart-cursor-layer>*{position:absolute;left:0;top:0;z-index:2;opacity:0;will-change:transform;transition:opacity .14s ease-out}
.universe-chart-canvas[data-cursor=on] .universe-chart-cursor-layer>*{opacity:1}
.universe-chart-canvas[data-mode=keyboard] .universe-chart-hline,.universe-chart-canvas[data-mode=keyboard] .universe-chart-ybadge{opacity:0}
.universe-chart-vline{height:100%;width:0;border-left:1px dashed var(--muted)}
.universe-chart-hline{width:100%;height:0;border-top:1px dashed var(--muted)}
.universe-chart-dot{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:currentColor;border:2px solid var(--bg);box-shadow:0 0 0 1px currentColor}
.universe-chart-tip{z-index:4;display:flex;flex-direction:column;gap:1px;min-width:150px;padding:9px 13px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:12px;line-height:1.8;direction:rtl;text-align:right;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.universe-chart-tip b{font-size:15px;font-weight:650;text-align:right}
.universe-chart-tip span{opacity:.8}
.universe-chart-tip span[hidden]{display:none}
.universe-chart-badge{z-index:3;padding:1px 8px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:11px;line-height:1.8;white-space:nowrap;direction:rtl}
.universe-chart-xbadge{top:auto;bottom:0}
.universe-chart-ybadge{left:auto;right:0;min-width:56px;text-align:center}
.instrument-profile .universe-chart-ybadge{right:-88px;min-width:80px}
@media (prefers-reduced-motion:reduce){.universe-chart-cursor-layer>*{transition:none}}

/* A subtle green/red wash for a newly received price, independent of daily P/L. */
.universe tr[data-quote]{--quote-update-base:var(--surface);--quote-update-up:color-mix(in srgb,#16a34a 10%,var(--quote-update-base));--quote-update-down:color-mix(in srgb,#ef4444 9%,var(--quote-update-base))}
.universe tr[data-quote]:hover{--quote-update-base:var(--surface-2)}

.market-delta-values{display:inline-flex;align-items:center;gap:4px}
.market-delta-values small{font-size:inherit}
.market-delta-values small:not(:empty):before{content:'('}.market-delta-values small:not(:empty):after{content:')'}
.market-delta-values>:empty{display:none}
/* Keep the complete quote columns in compact, paired home-page tables. */
.universe-market-grid .market-quotes-table{min-width:585px;table-layout:auto;font-size:12px}
.universe-market-grid .market-quotes-table th,.universe-market-grid .market-quotes-table td{padding:4px 6px}
.universe-market-grid .market-quotes-table thead th{font-size:11px;padding-block:8px}
.universe-market-grid .market-quotes-table thead th:first-child{width:24%}
.universe-market-grid .market-quotes-table thead th:last-child{width:40px}
.universe-market-grid .market-quotes-table .universe-asset{min-width:105px;gap:6px}
.universe-market-grid .market-quotes-table .universe-asset strong{font-size:12px;max-width:125px;overflow-wrap:anywhere}
.universe-market-grid .market-quotes-table .universe-asset small{font-size:9px}
.universe-market-grid .market-quotes-table .universe-icon,.universe-market-grid .market-quotes-table .universe-monogram,.universe-market-grid .market-quotes-table .universe-identity{width:24px;height:26px}
.universe-market-grid .market-quotes-table .universe-identity.is-pair{width:34px}
.universe-market-grid .market-quotes-table .market-flag{width:20px;height:15px}
.universe-market-grid .market-quotes-table .market-price-cell b{font-size:12px}
.universe-market-grid .market-quotes-table .market-price-cell small{font-size:9px}
.universe-market-grid .market-quotes-table .market-delta{font-size:11px;gap:3px}
.universe-market-grid .market-quotes-table .market-delta-values{flex-direction:column;align-items:flex-start;gap:0;line-height:1.3}
.universe-market-grid .market-quotes-table time{font-size:10px}
.universe-market-grid .market-quotes-table .quote-quality{font-size:9px}
.universe-market-grid .market-chart-link{width:32px;height:32px}
.universe-market-grid .universe-panel-head{padding:15px 14px 12px}
.universe-market-grid .universe-viewall{padding:11px 14px}

/* Three live four-row lists sit directly below the eight main quotes. */
.market-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.market-highlight-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.market-highlight-table{width:100%;border-collapse:collapse;text-align:right;table-layout:fixed;font-variant-numeric:tabular-nums}
.market-highlight-table th,.market-highlight-table td{padding:4px 9px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.35}
.market-highlight-table thead th{height:35px;background:var(--surface-2);font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap}
.market-highlight-table thead th:first-child{width:auto}
.market-highlight-table thead th:nth-child(2){width:82px}.market-highlight-table thead th:nth-child(3){width:82px}.market-highlight-table thead th:last-child{width:38px}
.market-highlight-table h2{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink)}
.highlight-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none}
[data-highlight-card=gainers] .highlight-dot{background:var(--up)}[data-highlight-card=losers] .highlight-dot{background:var(--down)}
.market-highlight-table tbody tr:last-child>*{border-bottom:0}
.market-highlight-table tbody tr:hover{background:var(--surface-2)}
.market-highlight-asset{display:flex;align-items:center;gap:7px;min-width:0;font-weight:400}
.market-highlight-asset>span:last-child{min-width:0}
.market-highlight-asset strong{display:block;font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-highlight-asset time{display:block;font-size:10px;font-weight:400;color:var(--muted);direction:ltr;text-align:right}
.market-highlight-asset .universe-icon,.market-highlight-asset .universe-monogram,.market-highlight-asset .universe-identity{width:22px;height:24px;flex:none}
.market-highlight-asset .universe-identity>.universe-icon{display:none}
.market-highlight-asset .market-flags{position:static}
.market-highlight-asset .universe-identity .market-flag{width:20px;height:15px}
.market-highlight-asset .universe-identity.is-pair{width:32px}
.market-highlight-price b{display:block;font-size:12px;font-weight:550;direction:ltr;white-space:nowrap}
.market-highlight-price>small{display:block;font-size:9px;color:var(--muted)}
.market-highlight-table .market-delta{font-size:10px;gap:3px}
.market-highlight-table .market-delta-values{flex-direction:column;align-items:flex-start;gap:0;line-height:1.3}
.market-highlight-table .market-chart-link{width:28px;height:28px}
.market-highlight-table td:last-child{padding-inline:3px}
.market-highlight-table .market-chart-link svg{width:17px;height:17px}
.market-highlight-empty{text-align:center;height:188px;color:var(--muted);font-size:12px}
.market-highlights-note{grid-column:1 / -1;margin:0;font-size:10px;color:var(--muted)}
@media(min-width:901px) and (max-width:1350px){.universe-market-grid .market-quotes-table th,.universe-market-grid .market-quotes-table td{padding-inline:4px}}
@media(max-width:1100px){.market-highlight-asset .universe-identity,.market-highlight-asset>.universe-icon,.market-highlight-asset>.universe-monogram{display:none}.market-highlight-table th,.market-highlight-table td{padding-inline:6px}}
@media(max-width:900px){.universe-grid.universe-market-grid{grid-template-columns:minmax(0,1fr)}.market-highlights{grid-template-columns:minmax(0,1fr);gap:12px}.market-highlight-asset .universe-identity{display:inline-flex}.market-highlight-asset>.universe-icon,.market-highlight-asset>.universe-monogram{display:block}.market-highlight-table th,.market-highlight-table td{padding-inline:6px}.market-highlight-table thead th:last-child{width:44px}.market-highlight-table td:last-child{padding-inline:0}.market-highlight-table .market-chart-link{width:44px;height:44px}.market-highlights-note{font-size:10px}.universe-market-grid .market-chart-link{width:44px}}
@media(pointer:coarse),(max-width:900px){.market-quotes-table .market-chart-link,.market-highlight-table .market-chart-link{width:44px;height:44px}}

/* Table headers on the home page: the one-line description sits in parentheses after the title, so a
   header is one line tall. Arrow glyphs such as ‹ are mirrored by the bidi algorithm inside RTL text
   and pointed the wrong way; isolating them as LTR keeps them pointing left, the way a link goes forward. */
.universe-panel h2 .panel-note{font-size:12px;font-weight:400;color:var(--muted);margin-inline-start:2px}
.universe span[aria-hidden="true"]{direction:ltr;unicode-bidi:isolate}
.universe-panel h2 span[aria-hidden="true"]{display:inline-block}

/* Home: the section bar (gold and currency, crypto, bourse...) scrolls away instead of staying fixed under
   the header beside the market tabs, so only the header and the tabs are fixed. market-navigation.js
   counts only the bars that are still sticky when it places the tabs. */
body:has([data-market-jump]) .sitenav{position:static}

/* Market pages: as the window narrows, give the margin to the tables first so
   they scroll sideways as late as possible. A table needs 585px per column. */
@media(max-width:1320px){.wrap.universe{padding-inline:20px}.universe-grid.universe-market-grid{gap:14px}}
@media(max-width:1100px){.wrap.universe{padding-inline:14px}}
@media(max-width:820px){.wrap.universe{padding-inline:10px}}

.range-unit{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:2px}.range-unit[hidden]{display:none}