.global-index-section {
  --global-bg: #081f22;
  --global-panel: rgba(14, 38, 43, 0.94);
  --global-panel-2: rgba(18, 48, 54, 0.78);
  --global-border: rgba(126, 213, 203, 0.18);
  --global-text: #f5fbf8;
  --global-muted: #a7c8c3;
  --global-sun: #ff735f;
  --global-moon: #82b8f7;
  --global-new: #e7d46b;
  width: min(1720px, calc(100% - 48px));
  margin: 44px auto;
  padding: clamp(24px, 3.8vw, 52px);
  border: 1px solid var(--global-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 22% 12%, rgba(86, 154, 145, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(18, 58, 56, 0.38), transparent 56%),
    var(--global-bg);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.24);
  color: var(--global-text);
}

/* 2026-07-24 compact globe revision */
.global-index-section {
  scroll-margin-top: 72px;
}

.global-index-shell {
  grid-template-columns: minmax(280px, 0.72fr) minmax(420px, 1.28fr);
}

.global-index-globe-card {
  gap: 12px;
}

.global-index-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.global-index-stat {
  border: 1px solid var(--global-border);
  color: var(--global-text);
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.global-index-stat:hover,
.global-index-stat:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(214, 255, 248, 0.36);
  outline: none;
}

.global-globe-wrap {
  width: min(100%, 380px);
}

.global-index-note {
  font-size: 0.86rem;
  line-height: 1.55;
}

.global-filter-panel {
  margin-bottom: 12px;
}

.global-filter-toggle {
  min-height: 44px;
  padding: 9px 12px;
}

.global-filter-toggle strong {
  max-width: 58%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-index-controls {
  gap: 8px;
  padding: 10px;
}

.global-index-tabs {
  min-width: 0;
}

.global-index-tabs button {
  min-width: 66px;
  padding: 8px 10px;
  white-space: nowrap;
}

.global-index-legend {
  gap: 10px;
  padding: 0 12px 10px;
  font-size: 0.78rem;
}

.global-index-list {
  grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
  gap: 10px;
}

.global-index-list.is-weighted,
.global-index-list.is-weighted .global-index-card.weight-tier-4,
.global-index-list.is-weighted .global-index-card.weight-tier-3,
.global-index-card.is-active {
  grid-column: auto;
}

.global-index-card {
  position: relative;
  min-height: 94px;
  gap: 8px;
  padding: 12px;
}

.global-card-main {
  align-items: flex-start;
}

.global-card-title {
  min-width: 0;
}

.global-card-title > span:last-child {
  min-width: 0;
}

.global-card-title h4 {
  max-width: 100%;
}

.global-market-link {
  color: inherit;
  text-decoration: none;
}

.global-market-link:hover,
.global-market-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.global-card-title em {
  font-size: 0.72rem;
}

.global-card-mtd {
  flex: 0 0 auto;
  color: var(--global-muted);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-align: right;
}

.global-card-signal {
  max-width: 100%;
  width: fit-content;
  padding: 5px 8px;
  font-size: 0.72rem;
  text-align: left;
}

.global-card-signal i {
  display: inline;
  margin: 0 0 0 6px;
}

.global-card-detail {
  padding: 8px 9px;
}

.global-card-meta {
  position: relative;
  padding-right: 92px;
}

.global-card-brief {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--global-text);
  font-size: 0.82rem;
  font-weight: 950;
}

.global-card-bottom a {
  display: none;
}

.global-back-globe,
.global-collapse-card {
  justify-self: end;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--global-text);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.global-back-globe:hover,
.global-back-globe:focus-visible,
.global-collapse-card:hover,
.global-collapse-card:focus-visible {
  border-color: rgba(231, 212, 107, 0.62);
  outline: none;
}

.global-commodity-dock {
  right: 6px;
  width: min(174px, 46%);
}

.global-commodity-toggle {
  min-height: 38px;
  padding: 6px 8px;
}

.global-commodity {
  grid-template-columns: 26px minmax(0, 1fr) auto;
  padding: 6px;
}

.global-commodity-icon {
  width: 24px;
  height: 24px;
}

.global-commodity strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-theme='soft-light'] .global-index-stat {
  background: rgba(245, 248, 242, 0.46);
}

html[data-theme='soft-light'] .global-back-globe {
  border-color: rgba(58, 91, 86, 0.2);
  background: rgba(245, 248, 242, 0.52);
  color: var(--global-text);
}

html[data-reading='large'] .global-index-card {
  min-height: 118px;
}

html[data-reading='large'] .global-card-signal,
html[data-reading='large'] .global-card-mtd,
html[data-reading='large'] .global-card-title em {
  font-size: 0.82rem;
}

@media (max-width: 1120px) {
  .global-index-shell {
    grid-template-columns: 1fr;
  }

  .global-globe-wrap {
    width: min(70vw, 390px);
  }

  .global-index-list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 720px) {
  .global-index-head h2 {
    font-size: clamp(1.72rem, 10vw, 2.6rem);
  }

  .global-globe-wrap {
    width: min(78vw, 330px);
  }

  .global-index-summary {
    gap: 6px;
  }

  .global-index-stat {
    padding: 8px 7px;
  }

  .global-index-stat span {
    font-size: 0.66rem;
    white-space: nowrap;
  }

  .global-index-stat strong {
    font-size: clamp(1.05rem, 6vw, 1.46rem);
  }

  .global-filter-toggle {
    min-height: 40px;
    padding: 8px 10px;
  }

  .global-filter-toggle strong {
    grid-column: auto;
    max-width: 100%;
    text-align: right;
    font-size: 0.7rem;
  }

  .global-index-controls {
    display: none;
    grid-template-columns: 1fr;
  }

  .global-filter-panel.is-open .global-index-controls {
    display: grid;
  }

  .global-index-tabs {
    width: 100%;
  }

  .global-index-tabs button {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    padding: 8px 6px;
    font-size: 0.76rem;
  }

  .global-index-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .global-index-card {
    min-height: 112px;
    padding: 10px;
  }

  .global-card-main {
    display: grid;
    gap: 6px;
  }

  .global-card-title {
    gap: 7px;
  }

  .global-flag {
    font-size: 1rem;
  }

  .global-card-title h4 {
    font-size: 0.92rem;
  }

  .global-card-mtd {
    text-align: left;
    font-size: 0.66rem;
  }

  .global-card-detail {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .global-card-detail em {
    justify-self: start;
  }

  .global-card-meta {
    padding-right: 0;
  }

  .global-card-brief {
    position: static;
    transform: none;
  }

  .global-card-bottom {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .global-back-globe {
    justify-self: start;
  }

  .global-commodity-dock {
    left: 6px;
    right: 6px;
    width: auto;
  }

  .global-commodity-dock.is-open {
    max-width: none;
  }

  .global-commodity-list {
    grid-template-columns: 1fr;
  }
}

/* Mobile commodity signal spacing: NEW is a compact badge, separate from price movement. */
.global-commodity-new {
  display: inline-grid;
  place-items: center;
  margin-left: 5px;
  padding: 1px 5px;
  border: 1px solid rgba(255, 211, 76, .46);
  border-radius: 999px;
  background: rgba(255, 211, 76, .12);
  color: #ffe08a;
  font-size: .56rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1.25;
  vertical-align: 1px;
  white-space: nowrap;
}

html[data-theme='soft-light'] .global-commodity-new {
  border-color: rgba(149, 111, 34, .28);
  background: rgba(229, 205, 117, .3);
  color: #72510a;
}

@media (max-width: 720px) {
  .global-commodity-dock.is-open .global-commodity {
    grid-template-columns: 28px minmax(0, 1fr) minmax(48px, auto) !important;
    gap: 7px !important;
  }

  .global-commodity-dock.is-open .global-commodity > span:not(.global-commodity-icon) {
    overflow: hidden;
  }

  .global-commodity-dock.is-open .global-commodity em {
    display: flex;
    align-items: center;
    min-width: 0;
    font-size: .72rem;
    white-space: nowrap;
  }

  .global-commodity-dock.is-open .global-commodity b {
    min-width: 48px !important;
    padding-left: 3px;
    font-size: .76rem;
    text-align: right;
  }

  .global-commodity-new {
    flex: 0 0 auto;
    margin-left: 4px;
    padding: 1px 4px;
    font-size: .48rem;
    letter-spacing: 0;
  }
}

@media (max-width: 430px) {
  html[data-reading='large'] .global-commodity-dock.is-open .global-commodity {
    grid-template-columns: 30px minmax(0, 1fr) minmax(52px, auto) !important;
  }

  html[data-reading='large'] .global-commodity-new {
    font-size: .52rem;
  }
}

@media (max-width: 430px) {
  .global-index-list {
    grid-template-columns: 1fr;
  }

  .global-index-card {
    min-height: 98px;
  }

  .global-index-note {
    font-size: 0.78rem;
  }
}

.global-index-head {
  margin-bottom: 18px;
}

.global-index-kicker {
  margin: 0 0 10px;
  color: var(--global-muted);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.global-index-head h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 4.25rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.global-index-head p {
  max-width: 940px;
  margin: 14px 0 0;
  color: #c7dfda;
  font-size: clamp(0.96rem, 1.35vw, 1.12rem);
  line-height: 1.6;
}

.global-index-shell {
  display: grid;
  grid-template-columns: minmax(300px, 0.78fr) minmax(390px, 1.22fr);
  gap: clamp(20px, 3vw, 42px);
  align-items: start;
}

.global-index-globe-card,
.global-index-board {
  border: 1px solid var(--global-border);
  border-radius: 8px;
  background: var(--global-panel);
}

.global-index-globe-card {
  display: grid;
  gap: 16px;
  overflow: hidden;
  padding: clamp(16px, 2.2vw, 28px);
}

.global-index-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.global-index-stat {
  min-width: 0;
  border: 1px solid var(--global-border);
  border-radius: 8px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.035);
}

.global-index-stat span {
  display: block;
  margin-bottom: 7px;
  color: var(--global-muted);
  font-size: 0.82rem;
  font-weight: 900;
}

.global-index-stat strong {
  color: var(--global-text);
  font-size: clamp(1.45rem, 2vw, 2.1rem);
  line-height: 1;
}

.global-index-stat.sun strong {
  color: var(--global-sun);
}

.global-index-stat.moon strong {
  color: var(--global-moon);
}

.global-globe-wrap {
  position: relative;
  justify-self: center;
  width: min(100%, 430px);
  aspect-ratio: 1 / 1;
  min-width: 0;
}

.global-globe-canvas {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: grab;
  touch-action: none;
  filter: drop-shadow(0 26px 40px rgba(0, 0, 0, 0.34));
}

.global-globe-canvas:active {
  cursor: grabbing;
}

.global-globe-tools {
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 6%;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}

.global-globe-tools button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(7, 25, 31, 0.74);
  color: var(--global-text);
  font: inherit;
  font-size: 1.2rem;
  font-weight: 900;
  cursor: pointer;
  backdrop-filter: blur(8px);
}

.global-commodity-dock {
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 8px;
  width: min(250px, 58%);
}

.global-commodity-toggle {
  display: grid;
  gap: 2px;
  width: 100%;
  border: 1px solid rgba(231, 212, 107, 0.34);
  border-radius: 8px;
  padding: 7px 9px;
  background: rgba(20, 37, 42, 0.58);
  color: var(--global-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(3, 16, 19, 0.16);
  backdrop-filter: blur(16px) saturate(132%);
}

.global-commodity-toggle span {
  color: #ffe297;
  font-size: 0.72rem;
  font-weight: 950;
}

.global-commodity-toggle strong {
  color: var(--global-muted);
  font-size: 0.66rem;
  font-weight: 850;
}

.global-commodity-list {
  display: none;
  gap: 5px;
  margin-top: 5px;
}

.global-commodity-dock.is-open .global-commodity-list {
  display: grid;
}

.global-commodity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 6px 7px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
    rgba(5, 18, 24, 0.48);
  color: var(--global-text);
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(1, 14, 18, 0.16);
  backdrop-filter: blur(18px) saturate(138%);
}

.global-commodity.sun {
  border-color: rgba(255, 115, 95, 0.32);
}

.global-commodity.moon {
  border-color: rgba(130, 184, 247, 0.32);
}

.global-commodity-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(231, 212, 107, 0.16);
  color: #ffe297;
  font-size: 0.62rem;
  font-weight: 950;
}

.global-commodity strong,
.global-commodity em {
  display: block;
  min-width: 0;
}

.global-commodity strong {
  color: var(--global-text);
  font-size: 0.74rem;
  line-height: 1.2;
}

.global-commodity em {
  color: var(--global-muted);
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 850;
}

.global-commodity small {
  display: none;
  margin-top: 3px;
  color: rgba(224, 243, 239, 0.86);
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1.38;
}

.global-commodity-dock.is-open .global-commodity small {
  display: block;
}

.global-commodity b {
  color: var(--global-text);
  font-size: 0.68rem;
}

.global-index-note {
  margin: 0;
  color: var(--global-muted);
  font-size: 0.92rem;
  line-height: 1.65;
}

.global-index-board {
  padding: clamp(16px, 2.2vw, 28px);
}

.global-filter-panel {
  margin-bottom: 16px;
  border: 1px solid var(--global-border);
  border-radius: 8px;
  background: rgba(4, 18, 22, 0.34);
  overflow: hidden;
}

.global-filter-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  padding: 13px 15px;
  background: rgba(48, 104, 102, 0.34);
  color: var(--global-text);
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.global-filter-toggle::after {
  content: '⌄';
  color: var(--global-muted);
}

.global-filter-panel.is-open .global-filter-toggle::after {
  content: '⌃';
}

.global-filter-toggle strong {
  color: var(--global-muted);
  font-size: 0.86rem;
  text-align: right;
}

.global-index-controls {
  display: none;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
}

.global-filter-panel.is-open .global-index-controls {
  display: flex;
}

.global-index-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--global-border);
  border-radius: 8px;
  background: rgba(3, 17, 21, 0.42);
}

.global-index-tabs button {
  min-width: 78px;
  border: 0;
  border-radius: 6px;
  padding: 10px 12px;
  background: transparent;
  color: var(--global-muted);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 950;
  cursor: pointer;
}

.global-index-tabs button.is-active {
  background: rgba(48, 104, 102, 0.88);
  color: var(--global-text);
}

.global-index-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0 14px 14px;
  color: var(--global-muted);
  font-size: 0.86rem;
  font-weight: 850;
}

.global-index-legend span::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 7px;
  border-radius: 999px;
  background: var(--global-moon);
  vertical-align: middle;
}

.global-index-legend .sun::before {
  background: var(--global-sun);
}

.global-index-legend .new::before {
  background: var(--global-new);
}

.global-index-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.global-index-list.is-weighted {
  grid-auto-flow: dense;
}

.global-index-list.is-weighted .global-index-card.weight-tier-4,
.global-index-list.is-weighted .global-index-card.weight-tier-3 {
  grid-column: span 2;
}

.global-index-card {
  display: grid;
  gap: 10px;
  min-height: 122px;
  border: 1px solid var(--global-border);
  border-radius: 8px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.035);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.global-index-card.sun {
  border-color: rgba(255, 115, 95, 0.42);
  background: linear-gradient(145deg, #743835, #58282d);
}

.global-index-card.moon {
  border-color: rgba(130, 184, 247, 0.4);
  background: linear-gradient(145deg, #28496a, #1e3b57);
}

.global-index-card.is-active {
  grid-column: 1 / -1;
  outline: 2px solid rgba(231, 212, 107, 0.62);
  outline-offset: 2px;
}

.global-card-main {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.global-card-title {
  display: flex;
  gap: 10px;
  min-width: 0;
}

.global-flag {
  flex: 0 0 auto;
  font-size: 1.25rem;
  line-height: 1.25;
}

.global-card-title h4 {
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.2;
}

.global-card-title em {
  display: block;
  margin-top: 3px;
  color: var(--global-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 850;
}

.global-card-signal {
  flex: 0 0 auto;
  align-self: flex-start;
  max-width: 46%;
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--global-text);
  font-size: 0.76rem;
  font-weight: 950;
  line-height: 1.25;
  text-align: right;
}

.global-card-signal.sun {
  color: #ffd0c8;
}

.global-card-signal.moon {
  color: #d7e9ff;
}

.global-card-signal i {
  display: block;
  margin-top: 3px;
  color: #fff0a8;
  font-size: 0.7rem;
  font-style: normal;
}

.global-card-detail {
  display: none;
}

.global-index-card.is-active .global-card-detail {
  display: grid;
}

.global-card-detail.up strong,
.global-card-detail.up em {
  color: var(--global-sun);
}

.global-card-detail.down strong,
.global-card-detail.down em {
  color: var(--global-moon);
}

.global-card-detail {
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: baseline;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(2, 18, 22, 0.18);
}

.global-card-detail span {
  color: var(--global-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.global-card-detail strong {
  color: var(--global-text);
  font-size: clamp(1rem, 1.35vw, 1.24rem);
  line-height: 1;
}

.global-card-detail em {
  justify-self: end;
  font-style: normal;
  font-weight: 950;
}

.global-card-meta {
  grid-template-columns: 1fr;
  gap: 5px;
}

.global-card-bottom {
  display: none;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  background: transparent;
  border-color: transparent;
  padding: 0;
}

.global-index-card.is-active .global-card-bottom {
  display: grid;
}

.global-card-bottom strong {
  display: block;
  color: var(--global-text);
  font-size: clamp(1.18rem, 1.5vw, 1.42rem);
}

.global-card-bottom a {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 8px 10px;
  color: var(--global-text);
  font-size: 0.78rem;
  font-weight: 900;
  text-decoration: none;
}

.global-empty {
  grid-column: 1 / -1;
  margin: 0;
  border: 1px solid var(--global-border);
  border-radius: 8px;
  padding: 18px;
  color: var(--global-muted);
  font-weight: 900;
}

html[data-theme='soft-light'] .global-index-section {
  --global-bg: #c3d0c7;
  --global-panel: rgba(229, 237, 230, 0.92);
  --global-panel-2: rgba(216, 228, 221, 0.94);
  --global-border: rgba(61, 99, 92, 0.24);
  --global-text: #08242b;
  --global-muted: #456761;
  background:
    radial-gradient(circle at 22% 12%, rgba(83, 126, 116, 0.16), transparent 32%),
    linear-gradient(145deg, rgba(94, 130, 121, 0.18), transparent 56%),
    var(--global-bg);
  box-shadow: 0 20px 52px rgba(45, 69, 63, 0.16);
}

html[data-theme='soft-light'] .global-index-head p {
  color: #355b56;
}

html[data-theme='soft-light'] .global-filter-panel,
html[data-theme='soft-light'] .global-index-tabs {
  background: rgba(84, 112, 107, 0.16);
}

html[data-theme='soft-light'] .global-filter-toggle,
html[data-theme='soft-light'] .global-index-tabs button.is-active {
  background: rgba(73, 111, 107, 0.88);
  color: #f7fbf8;
}

html[data-theme='soft-light'] .global-filter-toggle strong {
  color: #08262e;
  font-weight: 950;
  text-shadow: none;
}

html[data-theme='soft-light'] .global-filter-toggle span {
  color: #f7fbf8;
}

html[data-theme='soft-light'] .global-filter-toggle::after {
  color: #173936;
}

html[data-theme='soft-light'] .global-index-card.sun {
  border-color: rgba(169, 83, 64, 0.28);
  background: linear-gradient(145deg, rgba(224, 177, 162, 0.74), rgba(203, 148, 138, 0.78));
}

html[data-theme='soft-light'] .global-index-card.moon {
  border-color: rgba(72, 116, 154, 0.32);
  background: linear-gradient(145deg, rgba(191, 211, 229, 0.84), rgba(166, 194, 218, 0.84));
}

html[data-theme='soft-light'] .global-card-signal,
html[data-theme='soft-light'] .global-card-detail,
html[data-theme='soft-light'] .global-commodity,
html[data-theme='soft-light'] .global-commodity-toggle {
  background: rgba(245, 248, 242, 0.5);
  border-color: rgba(58, 91, 86, 0.16);
}

html[data-theme='soft-light'] .global-card-signal.sun {
  color: #a44735;
}

html[data-theme='soft-light'] .global-card-signal.moon {
  color: #245d8e;
}

html[data-theme='soft-light'] .global-card-signal i,
html[data-theme='soft-light'] .global-commodity-toggle span {
  color: #826b08;
}

html[data-theme='soft-light'] .global-globe-tools button {
  border-color: rgba(18, 57, 64, 0.18);
  background: rgba(235, 243, 238, 0.74);
  color: var(--global-text);
}

html[data-reading='large'] .global-index-section {
  font-size: 1.12rem;
}

html[data-reading='large'] .global-index-card {
  min-height: 142px;
}

html[data-reading='large'] .global-card-title h4 {
  font-size: clamp(1.16rem, 1.45vw, 1.38rem);
}

@media (max-width: 1120px) {
  .global-index-shell {
    grid-template-columns: 1fr;
  }

  .global-globe-wrap {
    width: min(76vw, 500px);
  }
}

@media (max-width: 720px) {
  .global-index-section {
    width: min(100% - 20px, 520px);
    margin: 28px auto;
    padding: 18px 14px;
  }

  .global-index-summary,
  .global-index-list {
    grid-template-columns: 1fr;
  }

  .global-index-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .global-index-stat {
    padding: 10px 8px;
  }

  .global-index-stat span {
    font-size: 0.7rem;
  }

  .global-index-stat strong {
    font-size: clamp(1.2rem, 7vw, 1.65rem);
  }

  .global-globe-wrap {
    width: min(88vw, 390px);
  }

  .global-commodity-dock {
    width: min(210px, 64%);
  }

  .global-filter-toggle {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .global-filter-toggle strong {
    grid-column: 1 / -1;
    text-align: left;
    font-size: 0.76rem;
  }

  .global-index-tabs,
  .global-index-tabs button {
    width: 100%;
  }

  .global-index-tabs button {
    min-width: 0;
    padding-inline: 8px;
  }

  .global-index-list.is-weighted .global-index-card.weight-tier-4,
  .global-index-list.is-weighted .global-index-card.weight-tier-3 {
    grid-column: span 1;
  }

  .global-card-main {
    display: grid;
  }

  .global-card-signal {
    max-width: 100%;
    width: fit-content;
    text-align: left;
  }

  .global-card-detail {
    grid-template-columns: 1fr auto;
  }

  .global-card-detail span {
    grid-column: 1 / -1;
  }
}

/* Final compact globe overrides. Keep this block at the end. */
.global-index-shell{grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr)}
.global-index-globe-card{gap:12px}
.global-globe-wrap{width:min(100%,380px)}
.global-index-note{font-size:.86rem;line-height:1.55}
.global-index-stat{color:var(--global-text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.global-index-stat:hover,.global-index-stat:focus-visible{transform:translateY(-2px);border-color:rgba(214,255,248,.36);outline:none}
.global-filter-panel{margin-bottom:12px}
.global-filter-toggle{min-height:44px;padding:9px 12px}
.global-filter-toggle strong{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-index-controls{gap:8px;padding:10px}
.global-index-tabs button{min-width:66px;padding:8px 10px;white-space:nowrap}
.global-index-legend{gap:10px;padding:0 12px 10px;font-size:.78rem}
.global-index-list{grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:10px}
.global-index-list.is-weighted,.global-index-list.is-weighted .global-index-card.weight-tier-4,.global-index-list.is-weighted .global-index-card.weight-tier-3,.global-index-card.is-active{grid-column:auto}
.global-index-card{position:relative;min-height:94px;gap:8px;padding:12px}
.global-card-main{align-items:flex-start}
.global-card-title,.global-card-title>span:last-child{min-width:0}
.global-card-title h4{max-width:100%}
.global-market-link{color:inherit;text-decoration:none}
.global-market-link:hover,.global-market-link:focus-visible{text-decoration:underline;text-underline-offset:4px}
.global-card-title em{font-size:.72rem}
.global-card-mtd{flex:0 0 auto;color:var(--global-muted);font-size:.68rem;font-weight:900;line-height:1.25;text-align:right}
.global-card-signal{max-width:100%;width:fit-content;padding:5px 8px;font-size:.72rem;text-align:left}
.global-card-signal i{display:inline;margin:0 0 0 6px}
.global-card-detail{padding:8px 9px}
.global-card-meta{position:relative;padding-right:92px}
.global-card-brief{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--global-text);font-size:.82rem;font-weight:950}
.global-card-bottom a{display:none}
.global-back-globe{justify-self:end;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.07);color:var(--global-text);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}
.global-back-globe:hover,.global-back-globe:focus-visible{border-color:rgba(231,212,107,.62);outline:none}
.global-commodity-dock{right:6px;width:min(250px,58%)}
.global-commodity-toggle{min-height:38px;padding:6px 8px}
.global-commodity{grid-template-columns:26px minmax(0,1fr) auto;padding:7px}
.global-commodity-icon{width:24px;height:24px}
.global-commodity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme='soft-light'] .global-index-stat{background:rgba(245,248,242,.46)}
html[data-theme='soft-light'] .global-back-globe{border-color:rgba(58,91,86,.2);background:rgba(245,248,242,.52);color:var(--global-text)}
html[data-theme='soft-light'] .global-commodity-toggle{
  border-color:rgba(79,111,104,.2);
  background:rgba(236,244,236,.54);
  box-shadow:0 14px 34px rgba(57,82,76,.14);
}
html[data-theme='soft-light'] .global-commodity{
  border-color:rgba(79,111,104,.18);
  background:
    linear-gradient(135deg,rgba(255,255,255,.5),rgba(235,244,235,.22)),
    rgba(219,232,224,.46);
  box-shadow:0 14px 34px rgba(57,82,76,.13);
}
html[data-theme='soft-light'] .global-commodity small{
  color:#345653;
}

html[data-theme='soft-light'] .global-commodity-icon{
  background:rgba(229,205,117,.46);
  color:#74551a;
  border:1px solid rgba(149,111,34,.18);
  text-shadow:0 1px 0 rgba(255,255,255,.36);
}
html[data-reading='large'] .global-index-card{min-height:118px}
html[data-reading='large'] .global-card-signal,html[data-reading='large'] .global-card-mtd,html[data-reading='large'] .global-card-title em{font-size:.82rem}
@media(max-width:1120px){.global-index-shell{grid-template-columns:1fr}.global-globe-wrap{width:min(70vw,390px)}.global-index-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(max-width:720px){.global-index-head h2{font-size:clamp(1.72rem,10vw,2.6rem)}.global-globe-wrap{width:min(78vw,330px)}.global-index-summary{gap:6px}.global-index-stat{padding:8px 7px}.global-index-stat span{font-size:.66rem;white-space:nowrap}.global-index-stat strong{font-size:clamp(1.05rem,6vw,1.46rem)}.global-filter-toggle{min-height:40px;padding:8px 10px}.global-filter-toggle strong{grid-column:auto;max-width:100%;text-align:right;font-size:.7rem}.global-filter-panel.is-open .global-index-controls{display:grid;grid-template-columns:1fr}.global-index-tabs{width:100%}.global-index-tabs button{flex:1 1 0;width:auto;min-width:0;padding:8px 6px;font-size:.76rem}.global-index-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.global-index-card{min-height:112px;padding:10px}.global-card-main{display:grid;gap:6px}.global-card-title{gap:7px}.global-flag{font-size:1rem}.global-card-title h4{font-size:.92rem}.global-card-mtd{text-align:left;font-size:.66rem}.global-card-detail{grid-template-columns:1fr;gap:4px}.global-card-detail em{justify-self:start}.global-card-meta{padding-right:0}.global-card-brief{position:static;transform:none}.global-card-bottom{grid-template-columns:1fr;gap:8px}.global-back-globe{justify-self:start}.global-commodity-dock{left:6px;right:6px;width:auto}.global-commodity-list{grid-template-columns:1fr}}
@media(max-width:430px){.global-index-list{grid-template-columns:1fr}.global-index-card{min-height:98px}.global-index-note{font-size:.78rem}}

/* Mobile filter compaction must win over the earlier responsive rule. */
@media(max-width:720px){
  .global-filter-toggle{display:flex!important;min-height:40px;padding:8px 10px}
  .global-filter-toggle strong{grid-column:auto!important;max-width:54%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:.68rem}
}

/* Final market-card hierarchy polish. */
.global-card-mtd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 9px;
  border:1px solid rgba(214,255,248,.16);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:var(--global-muted);
  white-space:nowrap;
}
.global-card-weight{
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}
.global-card-weight strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--global-text);
  font-size:.98rem;
  font-weight:950;
}
.global-weight-link{
  color:inherit;
  text-decoration:none;
  border-radius:8px;
  outline:none;
}
.global-weight-link:hover,
.global-weight-link:focus-visible{
  color:#e7d46b;
  text-decoration:underline;
  text-underline-offset:4px;
}
.global-card-weight em{
  grid-column:1 / -1;
  justify-self:start;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  color:var(--global-muted);
  font-style:normal;
  font-size:.72rem;
  font-weight:900;
  line-height:1.35;
}
.global-card-brief-wrap{
  grid-template-columns:1fr;
  padding:10px 12px;
  border-color:rgba(214,255,248,.13);
  border-radius:15px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035)),
    rgba(12,39,43,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.global-card-brief{
  position:static;
  right:auto;
  top:auto;
  transform:none;
  color:var(--global-text);
  font-size:.84rem;
  font-weight:900;
  line-height:1.62;
  letter-spacing:0;
}
.global-card-bottom{
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:end;
  gap:8px;
}
.global-card-bottom > span:first-child strong{
  line-height:1;
}
.global-card-hours{
  justify-self:end;
  color:var(--global-muted);
  font-size:.62rem;
  font-weight:850;
  line-height:1.35;
  text-align:right;
  white-space:nowrap;
  opacity:.84;
}
.global-back-globe,
.global-collapse-card{
  align-self:end;
  justify-self:end;
  padding:5px 8px;
  font-size:.68rem;
  line-height:1;
}
html[data-theme='soft-light'] .global-card-mtd{
  border-color:rgba(58,91,86,.16);
  background:rgba(246,248,241,.7);
  color:#42625f;
}
html[data-theme='soft-light'] .global-card-brief-wrap{
  border-color:rgba(58,91,86,.15);
  background:
    linear-gradient(135deg,rgba(255,255,255,.54),rgba(233,239,229,.56)),
    rgba(220,232,220,.62);
}
html[data-theme='soft-light'] .global-card-brief,
html[data-theme='soft-light'] .global-card-weight strong{
  color:#08262e;
}
html[data-theme='soft-light'] .global-weight-link:hover,
html[data-theme='soft-light'] .global-weight-link:focus-visible{
  color:#9a5a1f;
}
html[data-theme='soft-light'] .global-card-hours,
html[data-theme='soft-light'] .global-card-weight em{
  color:#536c68;
}
html[data-theme='soft-light'] .global-back-globe,
html[data-theme='soft-light'] .global-collapse-card{
  border-color:rgba(58,91,86,.2);
  background:rgba(245,248,242,.52);
  color:var(--global-text);
}
html[data-reading='large'] .global-card-brief{font-size:.96rem}
html[data-reading='large'] .global-card-weight strong{font-size:1.08rem}
html[data-reading='large'] .global-card-hours{font-size:.72rem}

@media(max-width:720px){
  .global-card-mtd{justify-self:start;font-size:.64rem;padding:3px 7px}
  .global-card-weight{grid-template-columns:1fr;gap:4px}
  .global-card-weight span{grid-column:auto}
  .global-card-weight em{justify-self:start;max-width:100%}
  .global-card-brief-wrap{padding:9px 10px}
  .global-card-bottom{grid-template-columns:minmax(0,1fr) auto auto;gap:7px}
  .global-card-hours{grid-column:1 / -1;grid-row:2;justify-self:end;font-size:.6rem}
  .global-collapse-card{grid-column:2;grid-row:1;padding:5px 7px;font-size:.64rem}
  .global-back-globe{grid-column:3;grid-row:1;padding:5px 7px;font-size:.64rem}
}

/* Expanded card overflow guard. */
.global-index-card,
.global-index-card *{
  box-sizing:border-box;
}
.global-index-card{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.global-index-card.is-active{
  overflow:hidden;
}
.global-index-card.is-active .global-card-detail{
  width:100%;
  min-width:0;
  max-width:100%;
}
.global-card-main,
.global-card-title,
.global-card-title > span,
.global-card-detail,
.global-card-detail > *,
.global-card-weight,
.global-card-brief-wrap,
.global-card-bottom{
  min-width:0;
}
.global-card-title{
  grid-template-columns:auto minmax(0,1fr);
}
.global-card-title h4,
.global-market-link{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.global-card-brief-wrap{
  overflow:hidden;
}
.global-card-brief{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.global-card-bottom{
  grid-template-columns:minmax(0,1fr) auto auto;
}
.global-card-bottom > span:first-child{
  min-width:0;
}
.global-card-hours{
  grid-column:1 / -1;
  justify-self:end;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
.global-collapse-card{
  grid-column:2;
}
.global-back-globe{
  grid-column:3;
}
html[data-reading='large'] .global-card-bottom{
  grid-template-columns:minmax(0,1fr) auto auto;
}

@media(max-width:1120px){
  .global-card-brief{
    font-size:.82rem;
    line-height:1.5;
  }
  html[data-reading='large'] .global-card-brief{
    font-size:.9rem;
  }
}

/* Soft-light filter contrast must win after all compact overrides. */
html[data-theme='soft-light'] .global-filter-toggle{
  background:linear-gradient(135deg,rgba(97,132,126,.82),rgba(126,151,144,.64));
}
html[data-theme='soft-light'] .global-filter-toggle strong{
  color:#0b2929;
  font-weight:950;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}

/* Market card footer balance: keep expanded cards compact across all countries. */
.global-index-card.is-active .global-card-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:6px;
  width:100%;
  min-height:0;
  padding:10px 11px;
  border:1px solid rgba(214,255,248,.1);
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
.global-index-card.is-active .global-card-bottom > span:first-child{
  grid-column:1;
  grid-row:1;
  min-width:0;
  display:grid;
  gap:2px;
}
.global-index-card.is-active .global-card-bottom > span:first-child strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:clamp(1.12rem,2vw,1.38rem);
  line-height:1;
}
.global-index-card.is-active .global-card-bottom > span:first-child em{
  display:block;
  color:var(--global-muted);
  font-style:normal;
  font-size:.68rem;
  font-weight:900;
  line-height:1.2;
}
.global-index-card.is-active .global-card-hours{
  grid-column:1 / -1;
  grid-row:2;
  justify-self:start;
  max-width:100%;
  color:var(--global-muted);
  font-size:.58rem;
  font-weight:850;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  opacity:.74;
}
.global-index-card.is-active .global-collapse-card,
.global-index-card.is-active .global-back-globe{
  align-self:center;
  justify-self:end;
  min-width:28px;
  min-height:28px;
  padding:4px 7px;
  border-radius:999px;
  font-size:.62rem;
  line-height:1;
}
.global-index-card.is-active .global-collapse-card{
  grid-column:2;
  grid-row:1;
}
.global-index-card.is-active .global-back-globe{
  grid-column:3;
  grid-row:1;
}
html[data-theme='soft-light'] .global-index-card.is-active .global-card-bottom{
  border-color:rgba(58,91,86,.12);
  background:rgba(255,255,255,.32);
}

@media(max-width:720px){
  .global-index-card.is-active .global-card-bottom{
    padding:9px 10px;
    gap:5px;
  }
  .global-index-card.is-active .global-card-bottom > span:first-child strong{
    font-size:clamp(1.05rem,6vw,1.34rem);
  }
  .global-index-card.is-active .global-card-bottom > span:first-child em{
    font-size:.62rem;
  }
  .global-index-card.is-active .global-card-hours{
    font-size:.54rem;
  }
}

/* Commodity dock should read like a translucent tactical overlay, not a solid card. */
.global-commodity-dock{
  width:min(230px,52%);
}
.global-index-note{
  display:none;
}
.global-commodity-toggle{
  border-color:rgba(231,212,107,.28);
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
    rgba(6,31,35,.32);
  box-shadow:0 10px 26px rgba(2,14,18,.11);
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
}
.global-commodity-toggle span{
  color:#ffe7a7;
  text-shadow:0 1px 8px rgba(0,0,0,.22);
}
.global-commodity-toggle strong{
  color:rgba(224,243,239,.88);
}
.global-commodity-updated{
  display:block;
  grid-column:1 / -1;
  margin-top:2px;
  color:rgba(205,229,224,.68);
  font-size:.62rem;
  font-weight:700;
  line-height:1.15;
  letter-spacing:0;
  white-space:nowrap;
}
.global-commodity{
  border-color:rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),
    rgba(7,33,38,.30);
  box-shadow:0 10px 26px rgba(2,14,18,.1);
  backdrop-filter:blur(16px) saturate(152%);
  -webkit-backdrop-filter:blur(16px) saturate(152%);
}
.global-commodity.sun{
  border-color:rgba(255,115,95,.28);
  background:
    linear-gradient(135deg,rgba(255,115,95,.12),rgba(255,255,255,.018)),
    rgba(7,33,38,.28);
}
.global-commodity.moon{
  border-color:rgba(130,184,247,.3);
  background:
    linear-gradient(135deg,rgba(130,184,247,.13),rgba(255,255,255,.018)),
    rgba(7,33,38,.28);
}
.global-commodity small{
  color:rgba(224,243,239,.78);
}
.global-commodity-close{
  display:block;
  margin-top:2px;
  color:rgba(238,251,247,.92);
  font-size:.78rem;
  font-style:normal;
  font-weight:900;
}
.global-commodity strong{
  font-size:.92rem;
}
.global-commodity em,
.global-commodity b{
  font-size:.84rem;
}
.global-commodity small{
  font-size:.78rem;
  line-height:1.45;
}
html[data-theme='soft-light'] .global-commodity-toggle{
  border-color:rgba(132,114,40,.24);
  background:
    linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,.08)),
    rgba(214,228,222,.34);
  box-shadow:0 10px 24px rgba(57,82,76,.1);
}
html[data-theme='soft-light'] .global-commodity-toggle span{
  color:#5d4a08;
  text-shadow:0 1px 0 rgba(255,255,255,.34);
}
html[data-theme='soft-light'] .global-commodity-toggle strong{
  color:#345653;
}
html[data-theme='soft-light'] .global-commodity-updated{
  color:#58716d;
}
html[data-theme='soft-light'] .global-commodity{
  border-color:rgba(69,104,96,.18);
  background:
    linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.08)),
    rgba(218,232,224,.34);
  box-shadow:0 10px 24px rgba(57,82,76,.1);
}
html[data-theme='soft-light'] .global-commodity.sun{
  border-color:rgba(164,83,58,.22);
  background:
    linear-gradient(135deg,rgba(244,202,188,.28),rgba(255,255,255,.08)),
    rgba(218,232,224,.3);
}
html[data-theme='soft-light'] .global-commodity.moon{
  border-color:rgba(77,122,158,.22);
  background:
    linear-gradient(135deg,rgba(189,215,233,.3),rgba(255,255,255,.08)),
    rgba(218,232,224,.3);
}
html[data-theme='soft-light'] .global-commodity small{
  color:#3f615c;
}
html[data-theme='soft-light'] .global-commodity-close{
  color:#193f3a;
}

@media(max-width:720px){
  .global-commodity-dock{
    left:8px;
    right:8px;
    width:auto;
  }
  .global-commodity-toggle{
    min-height:36px;
    padding:6px 8px;
  }
  .global-commodity-toggle span{
    font-size:.95rem;
  }
  .global-commodity-toggle strong{
    font-size:.86rem;
  }
  .global-commodity-updated{
    font-size:.58rem;
  }
  .global-commodity strong{
    font-size:.95rem;
  }
  .global-commodity em,
  .global-commodity b{
    font-size:.86rem;
  }
  .global-commodity small{
    font-size:.78rem;
    line-height:1.45;
  }
}

@media(max-height:620px){
  .global-commodity-dock{
    top:-48px;
  }
  .global-commodity-dock.is-open{
    width:min(360px,44vw);
    max-height:calc(100vh - 76px);
  }
  .global-commodity-list{
    max-height:calc(100vh - 150px);
    overflow-y:auto;
    padding-right:4px;
    overscroll-behavior:contain;
  }
  .global-commodity{
    min-height:0;
    padding:8px;
  }
}

/* 2026-07-24 mobile globe and market density refinement. */
@media(max-width:720px){
  .global-index-globe-card{
    padding:14px 10px;
  }
  .global-globe-wrap{
    width:min(78vw,330px);
  }
  .global-commodity-dock{
    left:10px;
    right:auto;
    width:min(210px,68vw);
  }
  .global-index-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px;
  }
  .global-index-card{
    min-height:118px;
    padding:10px;
  }
  .global-index-card.is-active{
    grid-column:1 / -1;
  }
  .global-card-title{
    gap:6px;
  }
  .global-card-title h4{
    font-size:.9rem;
    line-height:1.2;
  }
  .global-card-signal{
    font-size:.66rem;
    padding:4px 7px;
  }
  .global-card-mtd{
    font-size:.6rem;
    padding:3px 6px;
  }
}

@media(max-width:430px){
  .global-index-section{
    width:min(100% - 14px,430px);
    padding:14px 10px;
  }
  .global-globe-wrap{
    width:min(76vw,316px);
  }
  .global-index-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px;
  }
  .global-index-card{
    min-height:108px;
    padding:9px;
  }
  .global-index-card.is-active{
    grid-column:1 / -1;
  }
  .global-card-title h4{
    font-size:.84rem;
  }
  .global-card-title em,
  .global-card-mtd{
    font-size:.58rem;
  }
  html[data-reading='large'] .global-index-card{
    min-height:124px;
  }
  html[data-reading='large'] .global-card-title h4{
    font-size:.94rem;
  }
}

/* Keep the commodity overlay fully usable on phones. */
@media(max-width:720px){
  .global-globe-wrap{
    min-height:454px;
    padding-bottom:104px;
  }
  .global-commodity-dock.is-open{
    width:min(230px,72vw);
  }
  .global-commodity-list{
    max-height:min(48vh,360px);
    overflow-y:auto;
    padding-bottom:10px;
    overscroll-behavior:contain;
  }
  .global-commodity{
    min-height:72px;
  }
}

@media(max-width:430px){
  .global-globe-wrap{
    min-height:462px;
    padding-bottom:124px;
  }
  .global-commodity-dock{
    left:8px;
    width:min(218px,74vw);
  }
  .global-commodity-dock.is-open{
    width:min(236px,78vw);
  }
  .global-commodity-list{
    max-height:min(44vh,330px);
  }
  .global-commodity{
    grid-template-columns:28px minmax(0,1fr) auto;
    min-height:82px;
    padding:8px;
  }
  .global-commodity small{
    display:block;
    line-height:1.35;
  }
}

html[data-reading='large'] .global-commodity-toggle span{
  font-size:1.08rem;
}
html[data-reading='large'] .global-commodity-toggle strong{
  font-size:1rem;
}
html[data-reading='large'] .global-commodity strong{
  font-size:1.08rem;
}
html[data-reading='large'] .global-commodity em,
html[data-reading='large'] .global-commodity b{
  font-size:1rem;
}
html[data-reading='large'] .global-commodity small{
  font-size:.95rem;
  line-height:1.5;
}
html[data-reading='large'] .global-commodity-close{
  font-size:.95rem;
}

/* 2026-07-25 commodity dock overflow guard across phone/tablet/desktop. */
.global-index-globe-card{
  overflow: visible;
}
.global-globe-wrap{
  overflow: visible;
}
.global-commodity-dock.is-open{
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: min(78vh, 520px);
}
.global-commodity-dock.is-open .global-commodity-list{
  display: grid;
  max-height: min(62vh, 430px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 5px;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  scrollbar-width: thin;
  scrollbar-color: rgba(231, 212, 107, 0.52) rgba(255, 255, 255, 0.08);
}
.global-commodity-dock.is-open .global-commodity-list::-webkit-scrollbar{
  width: 5px;
}
.global-commodity-dock.is-open .global-commodity-list::-webkit-scrollbar-track{
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}
.global-commodity-dock.is-open .global-commodity-list::-webkit-scrollbar-thumb{
  background: rgba(231, 212, 107, 0.58);
  border-radius: 999px;
}

@media(max-width:720px){
  .global-commodity-dock.is-open{
    max-height: min(72vh, 430px);
  }
  .global-commodity-dock.is-open .global-commodity-list{
    max-height: min(52vh, 340px);
  }
}

@media(max-width:720px) and (orientation:landscape){
  .global-globe-wrap{
    min-height: 384px;
    padding-bottom: 88px;
  }
  .global-commodity-dock{
    top: 6px;
    width: min(250px, 46vw);
  }
  .global-commodity-dock.is-open{
    max-height: calc(100dvh - 110px);
  }
  .global-commodity-dock.is-open .global-commodity-list{
    max-height: calc(100dvh - 196px);
  }
}

@media(max-width:430px) and (orientation:portrait){
  .global-commodity-dock.is-open{
    max-height: min(70vh, 420px);
  }
  .global-commodity-dock.is-open .global-commodity-list{
    max-height: min(50vh, 326px);
  }
}

/* 2026-07-25 commodity cards compact core-data mode. */
.global-commodity-dock.is-open .global-commodity-list{
  gap: 7px;
  align-content: start;
}
.global-commodity-dock.is-open .global-commodity{
  min-height: 0;
  height: auto;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
  overflow: visible;
}
.global-commodity-dock.is-open .global-commodity > span:not(.global-commodity-icon){
  display: grid;
  gap: 1px;
  min-width: 0;
}
.global-commodity-dock.is-open .global-commodity b{
  align-self: center;
  white-space: nowrap;
}
.global-commodity-dock.is-open .global-commodity strong{
  line-height: 1.16;
  white-space: normal;
}
.global-commodity-dock.is-open .global-commodity em,
.global-commodity-dock.is-open .global-commodity-close{
  line-height: 1.28;
}

@media(max-width:720px){
  .global-commodity-dock.is-open .global-commodity-list{
    gap: 8px;
  }
  .global-commodity-dock.is-open .global-commodity{
    grid-template-columns: 30px minmax(0, 1fr) auto;
    padding: 9px;
  }
}

@media(max-width:720px) and (orientation:landscape){
  .global-commodity-dock.is-open .global-commodity-list{
    max-height: calc(100dvh - 182px);
  }
}

html[data-reading='large'] .global-commodity-dock.is-open .global-commodity{
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 11px 10px;
}

@media(max-width:430px){
  html[data-reading='large'] .global-commodity-dock.is-open{
    width: min(286px, 88vw);
  }
  html[data-reading='large'] .global-commodity-dock.is-open .global-commodity-list{
    max-height: min(52vh, 360px);
  }
}

/* 2026-07-25 mobile globe vertical-space trim after commodity cards were simplified. */
@media(max-width:720px){
  .global-globe-wrap{
    min-height: 0 !important;
    padding-bottom: 18px !important;
  }
  .global-globe-tools{
    bottom: 4px;
  }
}

@media(max-width:430px){
  .global-globe-wrap{
    padding-bottom: 12px !important;
  }
  .global-globe-tools{
    bottom: 2px;
  }
}

@media(max-width:720px) and (orientation:landscape){
  .global-globe-wrap{
    min-height: 0 !important;
    padding-bottom: 10px !important;
  }
}

/* 2026-07-25 commodity cards wide core-data layout: prevent tablet/desktop clipping. */
.global-commodity-dock.is-open{
  width: min(342px, 88%) !important;
}
.global-commodity-dock.is-open .global-commodity-list{
  gap: 8px;
  align-content: start;
}
.global-commodity-dock.is-open .global-commodity{
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  min-height: 68px;
  height: auto;
  padding: 10px 12px;
  align-items: center;
  gap: 10px;
  overflow: visible;
}
.global-commodity-dock.is-open .global-commodity > span:not(.global-commodity-icon){
  display: grid;
  min-width: 0;
  gap: 2px;
}
.global-commodity-dock.is-open .global-commodity strong{
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all;
  line-height: 1.18;
}
.global-commodity-dock.is-open .global-commodity em,
.global-commodity-dock.is-open .global-commodity-close{
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  line-height: 1.3;
}
.global-commodity-dock.is-open .global-commodity b{
  align-self: center;
  min-width: 54px;
  text-align: right;
  white-space: nowrap;
}

@media(max-width:720px){
  .global-commodity-dock.is-open{
    width: min(312px, 90vw) !important;
  }
  .global-commodity-dock.is-open .global-commodity{
    min-height: 70px;
    padding: 9px 10px;
  }
}

@media(max-width:430px){
  .global-commodity-dock.is-open{
    width: min(296px, 90vw) !important;
  }
}

@media(max-width:720px) and (orientation:landscape){
  .global-commodity-dock.is-open{
    width: min(318px, 56vw) !important;
  }
}

html[data-reading='large'] .global-commodity-dock.is-open{
  width: min(372px, 92%) !important;
}
html[data-reading='large'] .global-commodity-dock.is-open .global-commodity{
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  min-height: 78px;
  padding: 11px 12px;
}
html[data-reading='large'] .global-commodity-dock.is-open .global-commodity b{
  min-width: 60px;
}

/* 2026-07-25 desktop commodity dock offset: keep it off the summary cards. */
@media(min-width:721px){
  .global-commodity-dock{
    top: clamp(72px, 18%, 96px) !important;
  }
  .global-commodity-dock.is-open{
    max-height: min(66vh, 460px);
  }
  .global-commodity-dock.is-open .global-commodity-list{
    max-height: min(52vh, 360px);
  }
}

/* 2026-07-27 desktop readability: market names wrap instead of being clipped. */
@media(min-width:721px){
  .global-card-title h4,
  .global-market-link{
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    display:block;
    line-height:1.16;
    word-break:keep-all;
    overflow-wrap:normal;
  }

  .global-card-title h4{
    max-width:100%;
    min-height:1.18em;
    font-size:clamp(1.04rem,1.32vw,1.34rem);
  }

  .global-index-card{
    min-height:132px;
  }
}

/* 2026-07-28 globe card label guard: keep CJK market names horizontal on desktop/tablet. */
@media(min-width:721px){
  .global-card-title{
    min-width:0;
  }

  .global-card-title > span:last-child{
    min-width:0;
    max-width:100%;
  }

  .global-market-link{
    max-width:100%;
    letter-spacing:0;
  }
}

@media(min-width:721px) and (max-width:1180px){
  .global-card-title h4{
    font-size:clamp(.98rem,1.72vw,1.18rem);
  }

  .global-card-title{
    gap:8px;
  }
}

@media(min-width:1181px){
  .global-index-list{
    grid-template-columns:repeat(3,minmax(280px,1fr));
  }
}

/* 2026-07-28 final market label fix: prevent desktop/tablet CJK titles from turning vertical. */
@media(min-width:721px){
  .global-index-list{
    grid-template-columns:repeat(3,minmax(300px,1fr));
  }

  .global-card-title{
    display:flex !important;
    align-items:flex-start !important;
    gap:8px !important;
    min-width:0 !important;
    max-width:calc(100% - 110px) !important;
  }

  .global-card-title > span:last-child{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .global-card-title h4{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    font-size:clamp(1.02rem,1.18vw,1.26rem) !important;
    line-height:1.18 !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .global-market-link{
    display:inline !important;
    max-width:100% !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    line-break:strict !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}

@media(min-width:721px) and (max-width:1120px){
  .global-index-list{
    grid-template-columns:repeat(2,minmax(300px,1fr));
  }
}

/* 2026-07-28 hard guard: global market cards must never escape the board. */
.global-index-board,
.global-index-list,
.global-index-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.global-index-board {
  overflow: hidden !important;
}

.global-index-list {
  width: 100% !important;
  overflow: hidden !important;
}

.global-index-card {
  overflow: hidden !important;
}

.global-card-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 8px !important;
}

.global-card-title {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  max-width: none !important;
}

.global-card-title > span:last-child {
  min-width: 0 !important;
  max-width: 100% !important;
}

.global-card-title h4,
.global-market-link {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
}

.global-card-mtd {
  position: static !important;
  justify-self: end !important;
  max-width: 112px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(214, 255, 248, .16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .055) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (min-width: 721px) {
  .global-index-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1680px) {
  .global-index-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 721px) and (max-width: 960px) {
  .global-card-main {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .global-card-mtd {
    justify-self: start !important;
    max-width: 100% !important;
  }
}

/* Mobile global-market cards: prioritize readability over two-column density. */
@media (max-width: 720px) {
  .global-index-list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .global-index-card {
    min-height: 104px !important;
    padding: 12px !important;
  }

  .global-card-main {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .global-card-title {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .global-card-title h4,
  .global-market-link {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.2 !important;
  }

  .global-card-mtd {
    justify-self: start !important;
    max-width: 100% !important;
    font-size: .68rem !important;
  }
}

/* Final mobile commodity layout guard: preserve a dedicated change column. */
@media (max-width: 720px) {
  .global-commodity-dock.is-open .global-commodity {
    grid-template-columns: 28px minmax(0, 1fr) 50px !important;
    gap: 7px !important;
  }

  .global-commodity-dock.is-open .global-commodity > span:not(.global-commodity-icon) {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .global-commodity-dock.is-open .global-commodity em {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    font-size: .7rem !important;
    white-space: nowrap !important;
  }

  .global-commodity-dock.is-open .global-commodity b {
    width: 50px !important;
    min-width: 50px !important;
    padding-left: 2px !important;
    font-size: .74rem !important;
    text-align: right !important;
  }

  .global-commodity-dock.is-open .global-commodity-new {
    flex: 0 0 auto !important;
    margin-left: 3px !important;
    padding: 1px 4px !important;
    font-size: .46rem !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 430px) {
  html[data-reading='large'] .global-commodity-dock.is-open .global-commodity {
    grid-template-columns: 30px minmax(0, 1fr) 54px !important;
  }

  html[data-reading='large'] .global-commodity-dock.is-open .global-commodity b {
    width: 54px !important;
    min-width: 54px !important;
  }

  html[data-reading='large'] .global-commodity-dock.is-open .global-commodity-new {
    font-size: .5rem !important;
  }
}