.market-hero { padding-block: var(--space-16); border-bottom: 1px solid var(--color-border); background: radial-gradient(circle at 76% 22%, rgba(213, 172, 88, .09), transparent 24rem), var(--color-bg-secondary); }
.market-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .55fr); gap: var(--space-12); align-items: end; }
.market-hero h1 { margin-block: var(--space-3) var(--space-4); }
.market-hero p { max-width: 48rem; margin-bottom: 0; font-size: var(--step-1); }
.market-status-panel { padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.market-status-panel p { margin: var(--space-3) 0 0; font-size: var(--step--1); }
.market-status { display: inline-flex; gap: var(--space-2); align-items: center; color: var(--color-text-secondary); font-weight: 800; }
.market-status::before { width: .65rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; content: ""; box-shadow: 0 0 .8rem currentColor; }
.market-status--ready { color: var(--color-success); }
.market-status--stale, .market-status--unknown { color: var(--color-warning); }
.market-status--error { color: var(--color-danger); }

.market-section-heading, .market-detail-heading { display: flex; gap: var(--space-8); align-items: end; justify-content: space-between; margin-bottom: var(--space-8); }
.market-section-heading h2, .market-detail-heading h2 { margin-bottom: 0; }
.market-section-heading > p { margin-bottom: .35rem; color: var(--color-text-subtle); font-size: var(--step--1); }
.market-controls { display: grid; grid-template-columns: minmax(15rem, 1fr) minmax(13rem, .4fr) auto; gap: var(--space-4); align-items: end; margin-bottom: var(--space-6); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.market-controls .button { min-height: 3rem; }
.market-message { margin-bottom: var(--space-6); }
.market-list { display: grid; gap: var(--space-3); }
.market-item { display: grid; grid-template-columns: minmax(14rem, 1.3fr) repeat(4, minmax(7rem, .55fr)) auto; gap: var(--space-4); align-items: center; padding: var(--space-4) var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: inherit; text-decoration: none; transition: border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast); }
.market-item:hover { border-color: var(--color-border-strong); background: var(--color-surface-hover); transform: translateY(-1px); }
.market-item-name strong { display: block; color: var(--color-text-primary); }
.market-item-name span { color: var(--color-text-subtle); font-family: var(--font-mono); font-size: .72rem; }
.market-metric { display: grid; gap: .1rem; }
.market-metric span { color: var(--color-text-subtle); font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.market-metric strong { color: var(--color-text-primary); font-size: var(--step--1); }
.market-trend--positive { color: var(--color-success) !important; }
.market-trend--negative { color: var(--color-danger) !important; }
.market-item-arrow { color: var(--color-gold); font-weight: 900; }
.market-pagination { display: flex; gap: var(--space-4); align-items: center; justify-content: center; margin-top: var(--space-8); }
.market-pagination span { color: var(--color-text-secondary); font-size: var(--step--1); font-weight: 750; }

.market-back-link { display: inline-block; margin-bottom: var(--space-6); color: var(--color-gold); font-size: var(--step--1); font-weight: 800; }
.market-quality { padding: .4rem .7rem; border: 1px solid var(--color-border-strong); border-radius: 999px; color: var(--color-text-secondary); font-size: var(--step--1); font-weight: 800; }
.market-quality[data-level="hoch"] { border-color: rgba(95, 203, 148, .55); color: var(--color-success); }
.market-quality[data-level="mittel"] { border-color: rgba(142, 167, 239, .55); color: var(--color-info); }
.market-quality[data-level="niedrig"], .market-quality[data-level="veraltet"] { border-color: rgba(225, 173, 84, .55); color: var(--color-warning); }
.market-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-bottom: var(--space-8); }
.market-summary-card { padding: var(--space-6); border-top: 2px solid var(--color-border-strong); background: linear-gradient(180deg, rgba(155, 93, 229, .05), transparent); }
.market-summary-card span { display: block; margin-bottom: var(--space-2); color: var(--color-text-subtle); font-size: var(--step--1); }
.market-summary-card strong { color: var(--color-text-primary); font-family: var(--font-display); font-size: var(--step-2); }
.market-detail-grid { display: grid; gap: var(--space-6); }
.market-panel { min-width: 0; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.market-panel-heading { display: flex; gap: var(--space-4); align-items: baseline; justify-content: space-between; margin-bottom: var(--space-6); }
.market-panel-heading h3 { margin-bottom: 0; }
.market-panel-heading span { color: var(--color-text-subtle); font-size: var(--step--1); }
.market-chart svg { width: 100%; height: auto; min-height: 13rem; overflow: visible; }
.market-chart-line { fill: none; stroke: var(--color-purple-primary); stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.market-chart-area { fill: url(#market-chart-fill); }
.market-chart-grid { stroke: var(--color-border); stroke-width: 1; }
.market-chart-label { fill: var(--color-text-subtle); font-family: var(--font-mono); font-size: 10px; }
.market-history-data { margin-top: var(--space-4); color: var(--color-text-secondary); font-size: var(--step--1); }
.market-history-data summary { color: var(--color-gold); font-weight: 800; }
.market-history-data table { width: 100%; margin-top: var(--space-3); border-collapse: collapse; }
.market-history-data caption { padding-bottom: var(--space-2); color: var(--color-text-subtle); text-align: left; }
.market-history-data :is(th, td) { padding: var(--space-2); border-bottom: 1px solid var(--color-border); text-align: left; }
.market-chart-empty, .market-offers-empty { margin: 0; padding: var(--space-8); border: 1px dashed var(--color-border); border-radius: var(--radius-sm); text-align: center; }
.market-offers { display: grid; gap: var(--space-3); }
.market-offer { display: grid; grid-template-columns: minmax(9rem, .7fr) minmax(9rem, .5fr) minmax(13rem, 1fr) minmax(6rem, .35fr); gap: var(--space-4); align-items: center; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg-secondary); }
.market-offer strong, .market-offer span { display: block; }
.market-offer span { color: var(--color-text-subtle); font-size: .72rem; }
.market-offer--stale { opacity: .68; }
.market-offer-direction { color: var(--color-gold); }

.market-method-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(28rem, 1.2fr); gap: var(--space-12); align-items: start; }
.market-method-grid h2 { margin-block: var(--space-3) var(--space-4); }
.market-method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.market-method-list article { padding: var(--space-4) var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.market-method-list strong { display: block; margin-bottom: var(--space-2); }
.market-method-list p { margin-bottom: 0; font-size: var(--step--1); }

@media (max-width: 62rem) {
  .market-item { grid-template-columns: minmax(12rem, 1fr) repeat(2, minmax(7rem, .5fr)) auto; }
  .market-item .market-metric:nth-of-type(3), .market-item .market-metric:nth-of-type(4) { display: none; }
  .market-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .market-offer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 48rem) {
  .market-hero-grid, .market-method-grid { grid-template-columns: 1fr; }
  .market-section-heading, .market-detail-heading { align-items: flex-start; flex-direction: column; }
  .market-controls { grid-template-columns: 1fr; }
  .market-method-list { grid-template-columns: 1fr; }
  .market-panel-heading { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 38rem) {
  .market-item { grid-template-columns: 1fr 1fr; }
  .market-item-name { grid-column: 1 / -1; }
  .market-item .market-metric:nth-of-type(2) { display: none; }
  .market-item-arrow { align-self: end; justify-self: end; }
  .market-summary-grid, .market-offer { grid-template-columns: 1fr; }
  .market-pagination { justify-content: space-between; }
}

.market-history-controls { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; margin-bottom: var(--space-3); }
.market-history-controls label { color: var(--color-text-secondary); font-weight: 750; }
.market-history-controls select { flex: 1 1 13rem; min-width: 0; max-width: 22rem; min-height: 3rem; padding: .65rem .8rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-bg-secondary); color: var(--color-text-primary); font: inherit; }
.market-history-availability { margin-bottom: var(--space-4); color: var(--color-text-subtle); font-size: var(--step--1); }
.market-item > *, .market-offer > * { min-width: 0; overflow-wrap: anywhere; }