@layer components{.markets-explorer{background:var(--color-surface-light);--mkt-fill:color-mix(in oklab, var(--color-text-on-light) 4%, transparent);--mkt-border:var(--color-border-hairline-on-light);--mkt-row-border:color-mix(in oklab, var(--color-text-on-light) 6%, transparent);--mkt-head-fill:color-mix(in oklab, var(--color-text-on-light) 3%, transparent);--mkt-positive:var(--color-success-strong);--mkt-negative:var(--color-danger-strong);--mkt-risk-accent:var(--color-decorative-purple);padding-block:80px 24px}@media (max-width:768px){.markets-explorer{padding-block:56px 24px}}.markets-explorer__anchors>span{scroll-margin-block-start:var(--header-height);display:block}.markets-explorer__head{text-align:center;margin-block-end:32px}.markets-explorer__title{color:var(--color-text-on-light)}.markets-explorer__subline{color:var(--color-text-muted-on-light);margin-block-start:8px}.markets-toggle__item{appearance:none;align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-body-sm);line-height:1.4286;font-weight:var(--font-weight-semibold);color:var(--color-text-muted-on-light);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-duration-fast) var(--motion-easing), color var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing);background:0 0;border:0;display:inline-flex}.markets-toggle__item:focus-visible{outline:2px solid var(--color-text-on-light);outline-offset:3px}.markets-tier-row{justify-content:center;margin-block-end:24px;display:flex}.markets-tier.segmented-control .segmented-control-option[data-state=on]{background:var(--color-brand);color:var(--color-text-on-light)}.markets-toggle--class{flex-wrap:wrap;gap:8px;display:flex}.markets-toggle--class .markets-toggle__item{border:1px solid var(--mkt-border);border-radius:var(--radius-full);background:var(--color-surface-light);color:var(--color-text-on-light);min-block-size:40px;padding-block:8px;padding-inline:16px}@media (max-width:768px){.markets-toggle--class .markets-toggle__item{min-block-size:44px}}.markets-toggle--class .markets-toggle__item[data-state=on]{background:var(--color-text-on-light);color:var(--color-text-on-dark);border-color:var(--color-text-on-light)}.markets-toggle__count{border-radius:var(--radius-full);min-block-size:18px;min-inline-size:20px;font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:var(--font-weight-medium);background:var(--mkt-fill);color:var(--color-text-muted-on-light);justify-content:center;align-items:center;padding-inline:8px;display:inline-flex}.markets-toggle--class .markets-toggle__item[data-state=on] .markets-toggle__count{background:color-mix(in oklab, var(--color-brand) 18%, transparent);color:var(--color-brand)}.markets-explorer__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-block-end:16px;display:flex}.markets-search{flex:none;inline-size:240px;position:relative}@media (max-width:768px){.markets-search{flex:100%;inline-size:100%}}.markets-search .form-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.markets-search__input{border-radius:var(--radius-full);padding-inline-start:40px}.markets-search:before{content:"";background-color:var(--color-text-muted-on-light);pointer-events:none;block-size:16px;inline-size:16px;position:absolute;inset-block-start:50%;inset-inline-start:14px;transform:translateY(-50%);-webkit-mask:url(/icons/search.svg) 50%/contain no-repeat;mask:url(/icons/search.svg) 50%/contain no-repeat}.markets-table{border:1px solid var(--mkt-border);border-radius:var(--radius-lg);background:var(--color-surface-light);display:none;overflow:hidden}@media (min-width:1024px){.markets-table{display:block}}.markets-table table{border-collapse:collapse;inline-size:100%}.markets-table th{text-align:end;font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted-on-light);background:var(--mkt-head-fill);border-block-end:1px solid var(--mkt-row-border);white-space:nowrap;padding:16px}.markets-table th.markets-table__th--start{text-align:start}.markets-table th.markets-table__th--accent{color:var(--color-brand-deep)}.markets-table__row{border-block-end:1px solid var(--mkt-row-border)}.markets-table td{padding:16px}.markets-table__num{text-align:end;font-family:var(--font-ui);font-weight:var(--font-weight-semibold);font-size:var(--text-body-md);font-variant-numeric:tabular-nums;color:var(--color-text-on-light);white-space:nowrap}.markets-table__num--accent{color:var(--color-brand-deep)}.markets-table__num.is-positive{color:var(--mkt-positive)}.markets-table__num.is-negative{color:var(--mkt-negative)}.markets-table__sym{text-align:start}.markets-table__sym-code{font-family:var(--font-ui);font-weight:var(--font-weight-semibold);font-size:var(--text-title-md);color:var(--color-text-on-light);display:block}.markets-table__sym-name{font-family:var(--font-ui);font-size:var(--text-label-md);color:var(--color-text-muted-on-light);display:block}.markets-closed{margin-block-start:4px}.markets-table__empty{text-align:center;font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--color-text-muted-on-light);padding:32px}.markets-cards{border:1px solid var(--mkt-border);border-radius:var(--radius-lg);background:var(--color-surface-light);padding-inline:16px;display:block}@media (min-width:1024px){.markets-cards{display:none}}.markets-cards__empty{text-align:center;font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--color-text-muted-on-light);padding:32px}.markets-card{border-block-end:1px solid var(--mkt-row-border)}.markets-card:last-child{border-block-end:none}.markets-card__head{cursor:pointer;text-align:start;inline-size:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding-block:16px;display:flex}.markets-card__id{flex-direction:column;align-items:flex-start;display:flex}.markets-card__sym{font-family:var(--font-ui);font-weight:var(--font-weight-semibold);font-size:var(--text-title-md);color:var(--color-text-on-light)}.markets-card__name{font-family:var(--font-ui);font-size:var(--text-label-md);color:var(--color-text-muted-on-light)}.markets-card__spread{text-align:end;flex-direction:column;margin-inline-start:auto;display:flex}.markets-card__spread-k{font-family:var(--font-ui);font-size:var(--text-label-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted-on-light)}.markets-card__spread-v{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--text-headline-sm);font-variant-numeric:tabular-nums;color:var(--color-brand-deep)}.markets-card__chev{background-color:var(--color-text-muted-on-light);block-size:16px;inline-size:16px;transition:transform var(--motion-duration-fast) var(--motion-easing);flex-shrink:0;-webkit-mask:url(/icons/chevron-down.svg) 50%/contain no-repeat;mask:url(/icons/chevron-down.svg) 50%/contain no-repeat}.markets-card__chev[data-open=true]{transform:rotate(180deg)}.markets-card__tiles{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding-block-end:16px;display:grid}.markets-card__tile{border-radius:var(--radius-sm);background:var(--mkt-fill);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.markets-card__tile dt{font-family:var(--font-ui);font-size:var(--text-label-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted-on-light)}.markets-card__tile dd{font-family:var(--font-ui);font-weight:var(--font-weight-semibold);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--color-text-on-light);margin:0}.markets-card__tile dd.is-positive{color:var(--mkt-positive)}.markets-card__tile dd.is-negative{color:var(--mkt-negative)}.markets-risk{background:var(--color-surface-light);border:1px solid var(--mkt-border);border-radius:var(--radius-lg);align-items:flex-start;gap:16px;margin-block-start:16px;padding:24px;display:flex}.markets-risk__icon{border-radius:var(--radius-full);background:color-mix(in oklab, var(--mkt-risk-accent) 12%, transparent);block-size:32px;inline-size:32px;color:var(--mkt-risk-accent);font-family:var(--font-ui);font-size:var(--text-body-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;place-items:center;line-height:1;display:grid}.markets-risk__body{flex-direction:column;gap:4px;display:flex}.markets-risk__eyebrow{font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted-on-light)}.markets-risk__text{color:var(--color-text-on-light)}.markets-risk--notice{align-items:center;margin-block:0 16px}.markets-explorer__asof{color:var(--color-text-muted-on-light);margin-block-end:16px}.markets-explorer__empty{text-align:center;font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--color-text-muted-on-light);border:1px solid var(--mkt-border);border-radius:var(--radius-lg);padding:32px}.markets-explorer__notes{flex-direction:column;gap:4px;margin-block-start:16px;display:flex}.markets-explorer__note{color:var(--color-text-muted-on-light)}.markets-diagnostics{border:1px dashed var(--mkt-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-label-md);color:var(--color-text-muted-on-light);margin-block-start:24px;padding:16px}.markets-diagnostics__title{font-weight:var(--font-weight-semibold);margin-block-end:8px}.markets-diagnostics__lines{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:4px 16px;margin:0;display:grid}.markets-diagnostics__line{gap:8px;display:flex}.markets-diagnostics__line dt{font-weight:var(--font-weight-medium)}.markets-diagnostics__line dd{font-variant-numeric:tabular-nums;margin:0}@media (prefers-reduced-motion:reduce){.markets-card__chev{transition:none}}}