@keyframes dt-spinner-spin { to { transform: rotate(360deg); } }
@keyframes dt-progress-slide { 0% { transform: translateX(-120%); } 50% { transform: translateX(82%); } 100% { transform: translateX(265%); } }

.dt-spinner { color: var(--dt-color-brand); display: inline-grid; line-height: 0; place-items: center; vertical-align: middle; }
.dt-spinner--current { color: currentColor; }
.dt-spinner__ring { animation: dt-spinner-spin .7s linear infinite; border: 2px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 50%; border-top-color: currentColor; display: block; }
.dt-spinner--sm .dt-spinner__ring { height: .875rem; width: .875rem; }
.dt-spinner--md .dt-spinner__ring { height: 1rem; width: 1rem; }
.dt-spinner--lg .dt-spinner__ring { border-width: 3px; height: 1.5rem; width: 1.5rem; }

.dt-progress { color: var(--dt-color-text); display: grid; gap: .75rem; width: min(34rem, calc(100vw - 2rem)); }
.dt-progress__head { align-items: end; display: flex; gap: 1rem; justify-content: space-between; }
.dt-progress__head > span { display: grid; gap: .2rem; }
.dt-progress__head strong { font-size: .875rem; }
.dt-progress__head small { color: var(--dt-color-text-muted); font-size: .75rem; }
.dt-progress__head b { color: var(--dt-color-brand); font-family: var(--dt-font-compact); font-size: .75rem; }
.dt-progress__track { background: color-mix(in srgb, var(--dt-color-border) 72%, transparent); border-radius: 999px; height: .5rem; overflow: hidden; }
.dt-progress__track span { background: linear-gradient(90deg, color-mix(in srgb, var(--dt-color-brand) 78%, #fff), var(--dt-color-brand)); border-radius: inherit; display: block; height: 100%; min-width: .75rem; position: relative; transition: width .7s cubic-bezier(.22, 1, .36, 1); }
.dt-progress.is-indeterminate .dt-progress__track span { animation: dt-progress-slide 1.45s ease-in-out infinite; min-width: 0; }

.dt-field-group { border: 1px solid var(--dt-color-border); border-radius: var(--dt-radius-lg); color: var(--dt-color-text); margin: 0; padding: 1.25rem; width: min(42rem, calc(100vw - 2rem)); }
.dt-field-group legend { font-family: var(--dt-font-editorial); font-size: 1.25rem; padding: 0 .375rem; }
.dt-field-group > p { color: var(--dt-color-text-muted); font-size: .75rem; line-height: 1.5; margin: 0 0 1rem; }
.dt-field-group__fields { align-items: start; display: grid; gap: 1rem; grid-template-columns: repeat(var(--dt-field-columns), minmax(0, 1fr)); }
.dt-field-group--1 { --dt-field-columns: 1; }
.dt-field-group--2 { --dt-field-columns: 2; }
.dt-field-group--3 { --dt-field-columns: 3; }
.dt-field-group:disabled { opacity: .58; }

.dt-chart-frame { background: var(--dt-color-surface); border: 1px solid var(--dt-color-border); border-radius: 1.125rem; color: var(--dt-color-text); overflow: hidden; width: min(46rem, calc(100vw - 2rem)); }
.dt-chart-frame__head { align-items: end; display: flex; gap: 1.5rem; justify-content: space-between; padding: 1.25rem 1.375rem .875rem; }
.dt-chart-frame__kicker { color: var(--dt-color-brand); font-family: var(--dt-font-compact); font-size: .625rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.dt-chart-frame__head h3 { font-family: var(--dt-font-editorial); font-size: 1.5rem; font-weight: 400; margin: .25rem 0 0; }
.dt-chart-frame__head p { color: var(--dt-color-text-muted); font-size: .75rem; margin: .25rem 0 0; }
.dt-chart-frame__value { flex: 0 0 auto; }
.dt-chart-frame__toolbar { align-items: center; border-top: 1px solid var(--dt-color-border); display: flex; gap: 1rem; justify-content: space-between; padding: .625rem 1.375rem; }
.dt-chart-frame__timeframes { align-items: center; display: flex; gap: .25rem; }
.dt-chart-frame__timeframes button { background: transparent; border: 0; border-radius: 999px; color: var(--dt-color-text-muted); cursor: pointer; font-family: var(--dt-font-compact); font-size: .625rem; font-weight: 800; min-height: 1.875rem; padding: 0 .6875rem; }
.dt-chart-frame__timeframes button:hover { background: var(--dt-color-surface-muted); color: var(--dt-color-text); }
.dt-chart-frame__timeframes button[aria-pressed='true'] { background: var(--dt-color-brand); color: var(--dt-color-on-brand); }
.dt-chart-frame__timeframes button:focus-visible { box-shadow: 0 0 0 .1875rem var(--dt-color-focus); outline: none; }
.dt-chart-frame__plot { min-height: 14rem; padding: .625rem 1.375rem 0; }
.dt-chart-frame__legend { align-items: center; border-top: 1px solid var(--dt-color-border); display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: .75rem 1.375rem; }
.dt-chart-frame__legend li { align-items: center; color: var(--dt-color-text-muted); display: flex; font-size: .6875rem; gap: .375rem; }
.dt-chart-frame__legend i { border-radius: 50%; height: .5rem; width: .5rem; }
.dt-chart-demo { display: block; height: auto; width: 100%; }
.dt-chart-demo__grid { fill: none; stroke: var(--dt-color-border); stroke-width: 1; }
.dt-interactive-chart { min-height: 15.625rem; position: relative; }
.dt-interactive-chart svg { cursor: crosshair; display: block; height: auto; outline: none; position: relative; touch-action: none; user-select: none; width: 100%; z-index: 1; }
.dt-interactive-chart.is-dragging svg { cursor: ew-resize; }
.dt-interactive-chart__watermark { left: 50%; opacity: .045; pointer-events: none; position: absolute; top: 52%; transform: translate(-50%, -50%); width: min(13rem, 36%); z-index: 0; }
.dt-interactive-chart__watermark img { display: block; height: auto; width: 100%; }
.dt-interactive-chart__brand { align-items: center; background: color-mix(in srgb, var(--dt-color-surface) 88%, transparent); border: 1px solid color-mix(in srgb, var(--dt-color-border) 74%, transparent); border-radius: 999px; bottom: .375rem; display: inline-flex; gap: .3rem; left: 50%; padding: .1875rem .4375rem; pointer-events: none; position: absolute; transform: translateX(-50%); z-index: 2; }
.dt-interactive-chart__brand img { display: block; height: auto; width: 4.75rem; }
.dt-interactive-chart__brand b { color: var(--dt-color-text-muted); font-family: var(--dt-font-compact); font-size: .4375rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.dt-interactive-chart svg:focus-visible { border-radius: .5rem; box-shadow: inset 0 0 0 .1875rem var(--dt-color-focus); }
.dt-interactive-chart__hint { background: color-mix(in srgb, var(--dt-color-surface) 88%, transparent); border: 1px solid var(--dt-color-border); border-radius: 999px; color: var(--dt-color-text-muted); font-family: var(--dt-font-compact); font-size: .5625rem; font-weight: 750; left: .5rem; padding: .25rem .5rem; pointer-events: none; position: absolute; top: .375rem; z-index: 2; }
.dt-interactive-chart__grid line { stroke: var(--dt-color-border); stroke-width: 1; }
.dt-interactive-chart__grid text,
.dt-interactive-chart__dates text { fill: var(--dt-color-text-muted); font-family: var(--dt-font-compact); font-size: 8px; font-weight: 650; }
.dt-interactive-chart__line { fill: none; stroke: var(--dt-color-brand); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.dt-interactive-chart__line--comparison { stroke: var(--dt-chart-series-color); stroke-dasharray: 5 3; stroke-width: 1.5; }
.dt-interactive-chart__line--comparison.is-solid { stroke-dasharray: none; stroke-width: 1.75; }
.dt-interactive-chart__selection rect { fill: color-mix(in srgb, var(--dt-color-warning) 14%, transparent); stroke: color-mix(in srgb, var(--dt-color-warning) 52%, transparent); stroke-width: 1; }
.dt-interactive-chart__selection line { stroke: var(--dt-color-warning); stroke-dasharray: 4 3; stroke-width: 1; }
.dt-interactive-chart__selected-line { fill: none; stroke: var(--dt-color-warning); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.dt-interactive-chart__selected-line--comparison { stroke: color-mix(in srgb, var(--dt-chart-series-color, #59645f) 48%, var(--dt-color-warning)); stroke-width: 1.5; }
.dt-interactive-chart__crosshair line { stroke: color-mix(in srgb, var(--dt-color-text) 34%, transparent); stroke-dasharray: 3 3; stroke-width: 1; }
.dt-interactive-chart__crosshair circle { fill: var(--dt-color-surface); stroke: var(--dt-color-brand); stroke-width: 2.5; }
.dt-interactive-chart__crosshair .dt-interactive-chart__comparison-point { stroke: var(--dt-chart-series-color); }
.dt-interactive-chart__tooltip { background: var(--dt-color-surface); border: 1px solid var(--dt-color-border); border-radius: .625rem; box-shadow: 0 .625rem 1.875rem rgb(16 18 15 / 16%); left: var(--dt-chart-tooltip-x); min-width: 10rem; padding: .625rem .75rem; pointer-events: none; position: absolute; top: var(--dt-chart-tooltip-y); transform: translate(.75rem, .75rem); z-index: 3; }
.dt-interactive-chart__tooltip.is-right { transform: translate(calc(-100% - .75rem), .75rem); }
.dt-interactive-chart__tooltip.is-bottom { transform: translate(.75rem, calc(-100% - .75rem)); }
.dt-interactive-chart__tooltip.is-right.is-bottom { transform: translate(calc(-100% - .75rem), calc(-100% - .75rem)); }
.dt-interactive-chart__tooltip > strong { display: block; font-size: .6875rem; margin-bottom: .375rem; }
.dt-interactive-chart__tooltip > span { align-items: baseline; display: flex; gap: 1rem; justify-content: space-between; }
.dt-interactive-chart__tooltip small { color: var(--dt-color-text-muted); font-size: .625rem; }
.dt-interactive-chart__tooltip small { align-items: center; display: inline-flex; gap: .35rem; }
.dt-interactive-chart__series-dot { border-radius: 50%; display: inline-block; flex: 0 0 .45rem; height: .45rem; width: .45rem; }
.dt-interactive-chart__tooltip b { font-size: .6875rem; font-variant-numeric: tabular-nums; }
.dt-interactive-chart__tooltip em { color: var(--dt-color-brand); display: block; font-family: var(--dt-font-compact); font-size: .5rem; font-style: normal; font-weight: 850; letter-spacing: .09em; margin-top: .375rem; text-transform: uppercase; }
.dt-interactive-chart.is-locked .dt-interactive-chart__crosshair line { stroke: var(--dt-color-brand); }
.dt-interactive-chart__range-summary { align-items: center; background: #101611; border: 1px solid #26342d; border-radius: .75rem; box-shadow: 0 .75rem 2rem rgb(16 22 17 / 20%); color: #f7f8f4; display: flex; gap: 1rem; max-width: calc(100% - 1rem); padding: .5rem 2.25rem .5rem .75rem; position: absolute; right: .5rem; top: .375rem; z-index: 4; }
.dt-interactive-chart__range-summary > div { display: grid; gap: .0625rem; min-width: 0; }
.dt-interactive-chart__range-summary > div:first-child { border-right: 1px solid rgb(236 242 237 / 16%); padding-right: 1rem; }
.dt-interactive-chart__range-summary strong { font-size: .625rem; white-space: nowrap; }
.dt-interactive-chart__range-summary span,
.dt-interactive-chart__range-summary small { color: #91a097; font-family: var(--dt-font-compact); font-size: .5rem; font-weight: 700; }
.dt-interactive-chart__range-summary b { font-size: .6875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dt-interactive-chart__range-summary em { color: #50c98c; font-size: .5625rem; font-style: normal; font-weight: 750; }
.dt-interactive-chart__range-summary em.is-negative { color: #e5a755; }
.dt-interactive-chart__range-summary button { align-items: center; background: rgb(255 255 255 / 8%); border: 0; border-radius: 50%; color: #dce5de; cursor: pointer; display: inline-flex; font-size: .875rem; height: 1.25rem; justify-content: center; padding: 0; position: absolute; right: .5rem; top: .5rem; width: 1.25rem; }
.dt-interactive-chart__range-summary button:hover { background: rgb(255 255 255 / 16%); color: #fff; }
.dt-chart-comparison-value { align-items: flex-end; display: flex; flex-direction: column; gap: .125rem; }
.dt-chart-comparison-value > span { color: var(--dt-color-text-muted); font-family: var(--dt-font-compact); font-size: .625rem; font-weight: 750; }
.dt-chart-comparison-value--three > strong { font-family: var(--dt-font-compact); font-size: .875rem; }
.dt-chart-comparison-value--three > span:last-child { font-size: .55rem; }

.dt-timeline { color: var(--dt-color-text); display: grid; list-style: none; margin: 0; padding: 0; width: min(36rem, calc(100vw - 2rem)); }
.dt-timeline__item { display: grid; gap: .875rem; grid-template-columns: 1.75rem minmax(0, 1fr); min-height: 4.75rem; position: relative; }
.dt-timeline__item::after { background: var(--dt-color-border); content: ''; left: .84375rem; position: absolute; top: 1.75rem; bottom: 0; width: 1px; }
.dt-timeline__item:last-child::after { display: none; }
.dt-timeline__marker { align-items: center; background: var(--dt-color-surface); border: 1px solid var(--dt-color-border-strong); border-radius: 50%; color: var(--dt-color-text-muted); display: inline-flex; font-size: .6875rem; font-weight: 800; height: 1.75rem; justify-content: center; position: relative; width: 1.75rem; z-index: 1; }
.dt-timeline__item.is-complete .dt-timeline__marker { background: var(--dt-color-brand); border-color: var(--dt-color-brand); color: var(--dt-color-on-brand); }
.dt-timeline__item.is-current .dt-timeline__marker { border: .375rem solid color-mix(in srgb, var(--dt-color-brand) 18%, var(--dt-color-surface)); box-shadow: inset 0 0 0 .375rem var(--dt-color-brand); }
.dt-timeline__content { padding-bottom: 1.25rem; }
.dt-timeline__content > div { align-items: baseline; display: flex; gap: 1rem; justify-content: space-between; }
.dt-timeline__content strong { font-size: .8125rem; }
.dt-timeline__content time { color: var(--dt-color-text-muted); font-family: var(--dt-font-compact); font-size: .625rem; }
.dt-timeline__content p { color: var(--dt-color-text-muted); font-size: .75rem; line-height: 1.5; margin: .25rem 0 0; }
.dt-timeline__item.is-upcoming { opacity: .65; }

.dt-key-value-list { background: var(--dt-color-surface); border: 1px solid var(--dt-color-border); border-radius: var(--dt-radius-lg); display: grid; grid-template-columns: repeat(var(--dt-key-value-columns), minmax(0, 1fr)); margin: 0; overflow: hidden; width: min(40rem, calc(100vw - 2rem)); }
.dt-key-value-list--1 { --dt-key-value-columns: 1; }
.dt-key-value-list--2 { --dt-key-value-columns: 2; }
.dt-key-value-list--3 { --dt-key-value-columns: 3; }
.dt-key-value-list > div { border-bottom: 1px solid var(--dt-color-border); min-width: 0; padding: .875rem 1rem; }
.dt-key-value-list--2 > div:nth-child(odd), .dt-key-value-list--3 > div:not(:nth-child(3n)) { border-right: 1px solid var(--dt-color-border); }
.dt-key-value-list--1 > div:last-child,
.dt-key-value-list--2 > div:nth-last-child(-n + 2),
.dt-key-value-list--3 > div:nth-last-child(-n + 3) { border-bottom: 0; }
.dt-key-value-list dt { color: var(--dt-color-text-muted); font-family: var(--dt-font-compact); font-size: .5625rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.dt-key-value-list dd { color: var(--dt-color-text); font-size: .8125rem; margin: .375rem 0 0; overflow-wrap: anywhere; }
.dt-key-value-list .is-emphasis dd { color: var(--dt-color-brand); font-size: 1rem; font-weight: 750; }

.dt-asset-logo { align-items: center; background: color-mix(in srgb, var(--dt-color-brand) 8%, var(--dt-color-surface)); border: 1px solid color-mix(in srgb, var(--dt-color-brand) 22%, var(--dt-color-border)); color: var(--dt-color-brand); display: inline-flex; flex: 0 0 auto; font-family: var(--dt-font-compact); font-weight: 850; justify-content: center; overflow: hidden; }
.dt-asset-logo--circle { border-radius: 50%; }
.dt-asset-logo--rounded { border-radius: .75rem; }
.dt-asset-logo--xs { font-size: .5rem; height: 1.5rem; width: 1.5rem; }
.dt-asset-logo--sm { font-size: .625rem; height: 2rem; width: 2rem; }
.dt-asset-logo--md { font-size: .75rem; height: 2.75rem; width: 2.75rem; }
.dt-asset-logo--lg { font-size: .875rem; height: 3.5rem; width: 3.5rem; }
.dt-asset-logo--xl { font-size: 1rem; height: 4.5rem; width: 4.5rem; }
.dt-asset-logo--2xl { font-size: 1.25rem; height: 6rem; width: 6rem; }
.dt-asset-logo img { height: 100%; object-fit: contain; width: 100%; }
.dt-asset-logo.asset-logo img { inset: 0; object-position: center; padding: 0; }
.dt-asset-logo-size-grid { align-items: end; display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; }
.dt-asset-logo-size-grid__item { align-items: center; display: grid; gap: .375rem; justify-items: center; min-width: 6.5rem; }
.dt-asset-logo-size-grid__item strong { font-family: var(--dt-font-compact); font-size: .6875rem; text-transform: uppercase; }
.dt-asset-logo-size-grid__item span { color: var(--dt-color-text-muted); font-size: .625rem; }

.dt-page-hero { align-items: end; border-bottom: 1px solid var(--dt-color-border); color: var(--dt-color-text); display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; padding: 2rem 0 1.5rem; width: min(56rem, calc(100vw - 2rem)); }
.dt-page-hero__kicker { align-items: center; color: var(--dt-color-brand); display: inline-flex; font-family: var(--dt-font-compact); font-size: .6875rem; font-weight: 850; gap: .75rem; letter-spacing: .13em; text-transform: uppercase; }
.dt-page-hero__kicker::before { background: var(--dt-color-brand); content: ''; height: 2px; width: 2.125rem; }
.dt-page-hero h1 { font-family: var(--dt-font-editorial); font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 400; letter-spacing: -.035em; line-height: .98; margin: .625rem 0 0; max-width: 44rem; }
.dt-page-hero p { color: var(--dt-color-text-muted); font-size: .9375rem; line-height: 1.55; margin: .75rem 0 0; max-width: 42rem; }
.dt-page-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .625rem; justify-content: flex-end; }
.dt-page-hero__card { grid-column: 1 / -1; padding-top: .5rem; }
@media (min-width: 43.751rem) {
  .dt-page-hero__actions { justify-self: end; }
}
.dt-portfolio-hero-card { background: #101611; border: 1px solid #26342d; border-radius: 1.5rem; box-shadow: 0 1.5rem 3.75rem rgb(16 22 17 / 14%); color: #f7f8f4; overflow: hidden; position: relative; }
.dt-portfolio-hero-card::after { bottom: .625rem; color: rgb(236 242 237 / 20%); content: 'MARKET / MONEY / MOMENTUM'; font-family: var(--dt-font-compact); font-size: .5rem; font-weight: 750; letter-spacing: .18em; pointer-events: none; position: absolute; right: 1.5rem; }
.dt-portfolio-hero-card__head { align-items: center; border-bottom: 1px solid rgb(236 242 237 / 16%); display: flex; gap: 1.5rem; justify-content: space-between; padding: 1.5rem 1.75rem 1.25rem 2.625rem; position: relative; }
.dt-portfolio-hero-card__head::before { background: #8bd1c6; content: ''; height: calc(100% - 3rem); left: 1.75rem; position: absolute; top: 1.5rem; width: .1875rem; }
.dt-portfolio-hero-card__head span { color: #8bd1c6; font-family: var(--dt-font-compact); font-size: .5625rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.dt-portfolio-hero-card__head h2 { color: #f7f8f4; font-family: var(--dt-font-editorial); font-size: clamp(2rem, 4vw, 3rem); font-weight: 400; letter-spacing: -.035em; line-height: 1; margin: .375rem 0 0; }
.dt-portfolio-hero-card__head p { color: #aeb8b0; font-size: .8125rem; margin: .5rem 0 0; }
.dt-portfolio-hero-card__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0 1.75rem 1.625rem; }
.dt-portfolio-hero-card__metrics > div { border-right: 1px solid rgb(236 242 237 / 14%); min-width: 0; padding: 1.1875rem 1.25rem 1.125rem; }
.dt-portfolio-hero-card__metrics > div:first-child { padding-left: 0; }
.dt-portfolio-hero-card__metrics > div:last-child { border-right: 0; padding-right: 0; }
.dt-portfolio-hero-card__metrics dt { color: #7f8d83; font-family: var(--dt-font-compact); font-size: .5625rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.dt-portfolio-hero-card__metrics dd { color: #f7f8f4; font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 650; margin: .625rem 0 .375rem; }
.dt-portfolio-hero-card__metrics small { color: #8e9b91; font-size: .6875rem; }
.dt-portfolio-hero-card__metrics .is-positive { color: #50c98c; }

.dt-section-heading { align-items: end; color: var(--dt-color-text); display: flex; gap: 1.5rem; justify-content: space-between; width: min(46rem, calc(100vw - 2rem)); }
.dt-section-heading > div:first-child > span { color: var(--dt-color-brand); font-family: var(--dt-font-compact); font-size: .625rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.dt-section-heading h2 { font-family: var(--dt-font-editorial); font-size: 1.625rem; font-weight: 400; margin: .25rem 0 0; }
.dt-section-heading p { color: var(--dt-color-text-muted); font-size: .75rem; line-height: 1.5; margin: .375rem 0 0; }
.dt-section-heading__action { flex: 0 0 auto; }

.dt-filter-toolbar { align-items: end; background: var(--dt-color-surface); border: 1px solid var(--dt-color-border); border-radius: .875rem; display: grid; gap: .75rem; grid-template-columns: minmax(14rem, 1fr) auto auto; padding: .8125rem 1.125rem; width: min(60rem, calc(100vw - 2rem)); }
.dt-filter-toolbar__primary { min-width: 0; }
.dt-filter-toolbar__primary > * { width: 100%; }
.dt-filter-toolbar__filters { align-items: end; display: flex; gap: .625rem; }
.dt-filter-toolbar__filters > * { min-width: 8.5rem; }
.dt-filter-toolbar__actions { align-items: center; display: flex; gap: .5rem; }

[data-density='compact'] .dt-field-group { padding: 1rem; }
[data-density='compact'] .dt-chart-frame__head { padding: 1rem 1.125rem .75rem; }
[data-density='compact'] .dt-chart-frame__plot { min-height: 11rem; }
[data-density='compact'] .dt-page-hero { gap: 1.25rem; padding: 1.5rem 0 1.125rem; }
[data-density='compact'] .dt-page-hero h1 { font-size: clamp(2.25rem, 5vw, 3.25rem); }
[data-density='compact'] .dt-filter-toolbar { gap: .5rem; padding: .5625rem .75rem; }

@media (max-width: 48rem) {
  .dt-field-group__fields { grid-template-columns: 1fr; }
  .dt-chart-frame__head { align-items: start; }
  .dt-chart-frame__toolbar { align-items: stretch; flex-direction: column; }
  .dt-chart-frame__timeframes { overflow-x: auto; }
  .dt-page-hero { align-items: start; grid-template-columns: 1fr; }
  .dt-page-hero__actions { justify-content: flex-start; }
  .dt-portfolio-hero-card__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dt-portfolio-hero-card__metrics > div:nth-child(2) { border-right: 0; padding-right: 0; }
  .dt-portfolio-hero-card__metrics > div:nth-child(3) { border-top: 1px solid rgb(236 242 237 / 14%); padding-left: 0; }
  .dt-portfolio-hero-card__metrics > div:nth-child(4) { border-top: 1px solid rgb(236 242 237 / 14%); }
  .dt-filter-toolbar { align-items: stretch; grid-template-columns: 1fr; }
  .dt-filter-toolbar__filters { align-items: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 34rem) {
  .dt-chart-frame__head { gap: .75rem; grid-template-columns: 1fr; padding: 1rem; }
  .dt-chart-frame__summary { justify-items: start; text-align: left; }
  .dt-chart-frame__plot { min-height: 10rem; padding-inline: .5rem; }
  .dt-chart-frame__timeframes { margin-inline: -.25rem; padding: .25rem; scrollbar-width: thin; }
  .dt-interactive-chart__tooltip { max-width: calc(100% - 1rem); min-width: 8.5rem; transform: translate(.25rem, .5rem); }
  .dt-interactive-chart__range-summary { align-items: flex-start; flex-wrap: wrap; gap: .375rem .75rem; left: .5rem; right: .5rem; }
  .dt-page-hero { background: radial-gradient(circle at 90% 0, rgba(16,121,106,.38), transparent 40%), linear-gradient(135deg,#080b09,#141c17); border: 1px solid #303a33; border-radius: 1.4rem; box-shadow: 0 1.4rem 3.5rem rgba(16,22,18,.18); color: #f7faf8; gap: 1.1rem; padding: 1.2rem 1rem; width: calc(100vw - 2rem); }
  .dt-page-hero__copy { border-left: .18rem solid #8bd1c6; padding-left: .8rem; }
  .dt-page-hero__kicker { color: #8ed2c7; }
  .dt-page-hero__kicker::before { display: none; }
  .dt-page-hero h1 { font-size: clamp(2.05rem, 10.5vw, 2.75rem); line-height: .98; }
  .dt-page-hero p { color: #b9c5be; font-size: .8rem; line-height: 1.45; }
  .dt-page-hero__actions, .dt-section-heading__actions, .dt-filter-toolbar__actions { align-items: stretch; flex-direction: column; width: 100%; }
  .dt-page-hero__actions > *, .dt-section-heading__actions > *, .dt-filter-toolbar__actions > * { width: 100%; }
  .dt-page-hero__actions .dt-button { background: rgba(255,255,255,.04); border-color: #46524a; color: #f5f7f2; }
  .dt-page-hero__actions .dt-button--primary { background: #0b695e; border-color: #59c6b4; color: #fff; }
  .dt-page-hero__actions .dt-button:hover:not(:disabled) { background: #126f64; border-color: #75d7c7; color: #fff; }
  .dt-page-hero__card { padding-top: 0; }
  .dt-page-hero__card .dt-portfolio-hero-card__head { display: none; }
}

@media (max-width: 34rem) {
  .dt-progress__head { align-items: start; }
  .dt-key-value-list { grid-template-columns: 1fr; }
  .dt-key-value-list > div { border-bottom: 1px solid var(--dt-color-border); border-right: 0 !important; }
  .dt-key-value-list > div:last-child { border-bottom: 0; }
  .dt-section-heading { align-items: start; flex-direction: column; }
  .dt-filter-toolbar__filters { grid-template-columns: 1fr; }
  .dt-portfolio-hero-card__head { align-items: flex-start; flex-direction: column; }
  .dt-portfolio-hero-card { border-radius: 1.1rem; }
  .dt-portfolio-hero-card__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .15rem 1rem 1rem; }
  .dt-portfolio-hero-card__metrics > div { border-right: 0; border-top: 1px solid rgb(236 242 237 / 14%); padding: .9rem .75rem; }
  .dt-portfolio-hero-card__metrics > div:nth-child(odd) { border-right: 1px solid rgb(236 242 237 / 14%); padding-left: 0; }
  .dt-portfolio-hero-card__metrics > div:nth-child(even) { padding-right: 0; }
  .dt-portfolio-hero-card__metrics > div:nth-child(-n + 2) { border-top: 0; }
  .dt-portfolio-hero-card__metrics dd { font-size: 1.35rem; margin-block: .4rem .2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .dt-spinner__ring, .dt-progress.is-indeterminate .dt-progress__track span { animation: none; }
  .dt-progress__track span { transition: none; }
}