.gd6-market-lab {
    --gd6-ink: #17261e;
    --gd6-muted: #738176;
    --gd6-line: #dce4dd;
    --gd6-up: #c93643;
    --gd6-down: #16734d;
    padding: 24px 0;
    scroll-margin-top: 110px;
    color: var(--gd6-ink);
    background: #f4f6f2;
}
.gd6-market-lab * { box-sizing: border-box; }
.gd6-market-lab .gd6-wrap { display: grid; gap: 22px; width: min(1280px, calc(100% - 64px)); margin: 0 auto; }
.gd6-market-lab .gd6-option { min-width: 0; scroll-margin-top: 110px; }
.gd6-market-lab .gd6-surface { height: var(--gd6-strip-height, 110px); overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #acb9af transparent; }
.gd6-market-lab .gd6-row { display: grid; grid-template-columns: 158px minmax(0, 1fr); align-items: center; min-width: 1120px; height: calc(var(--gd6-strip-height, 110px) - 12px); gap: 20px; padding: 0 22px; }
.gd6-market-lab .gd6-row-title h3 { margin: 0; color: var(--gd6-ink); font-size: 16px; font-weight: 650; line-height: 1.5; white-space: nowrap; }
.gd6-market-lab .gd6-market-link { display: inline-block; margin-top: 5px; color: var(--gd6-muted); font-size: 12px; white-space: nowrap; }
.gd6-market-lab .gd6-market-link span { margin-left: 6px; }
.gd6-market-lab .gd6-quotes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; gap: 0; }
.gd6-market-lab .gd6-quote { display: flex; align-items: center; min-width: 0; padding: 10px 18px; color: var(--gd6-ink); --gd6-direction: var(--gd6-muted); }
.gd6-market-lab .gd6-quote[data-direction="up"] { --gd6-direction: var(--gd6-up); }
.gd6-market-lab .gd6-quote[data-direction="down"] { --gd6-direction: var(--gd6-down); }
.gd6-market-lab .gd6-copy { display: flex; flex-direction: column; min-width: 0; gap: 6px; }
.gd6-market-lab .gd6-symbol { display: block; font-size: 13px; font-weight: 650; letter-spacing: .02em; white-space: nowrap; }
.gd6-market-lab .gd6-value { display: flex; align-items: center; gap: 6px; color: var(--gd6-direction); white-space: nowrap; }
.gd6-market-lab .gd6-price { font-size: 23px; font-weight: 650; letter-spacing: -.04em; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gd6-market-lab .gd6-arrow { flex: none; color: var(--gd6-direction); font-size: 22px; font-weight: 600; line-height: 1; }
.gd6-market-lab a:focus-visible,
.gd6-market-lab .gd6-surface:focus-visible { outline: 2px solid #328a15; outline-offset: -3px; }
.gd6-market-lab a:hover .gd6-symbol { text-decoration: underline; text-underline-offset: 4px; }

.gd6-market-lab .gd6-trends { --gd6-strip-height: 116px; border-block: 1px solid #dbe5e0; background: #fff; }
.gd6-market-lab .gd6-trends .gd6-row { grid-template-columns: 140px minmax(0, 1fr); gap: 14px; min-width: 1260px; height: 102px; }
.gd6-market-lab .gd6-trends .gd6-quote { justify-content: space-between; gap: 12px; height: 72px; padding-inline: 14px; border-left: 1px solid #e8eeeb; }
.gd6-market-lab .gd6-trends .gd6-price { font-size: 20px; }
.gd6-market-lab .gd6-trends .gd6-symbol { color: #617c6c; font-size: 12px; }
.gd6-market-lab .gd6-trends .gd6-arrow { font-size: 18px; }
.gd6-market-lab .gd6-spark { display: block; flex: 0 0 52px; width: 52px; height: 38px; overflow: hidden; color: var(--gd6-direction); }
.gd6-market-lab .gd6-spark path { fill: none; stroke: #e6ece8; stroke-width: 1; stroke-dasharray: 2 3; }
.gd6-market-lab .gd6-spark polyline { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }

@media (max-width: 760px) {
    .gd6-market-lab { padding-block: 18px; }
    .gd6-market-lab .gd6-wrap { width: calc(100% - 32px); }
}
@media (prefers-reduced-motion: reduce) {
    .gd6-market-lab .gd6-quote { transition: none; }
}
