/* Euro Zonar – markedskurser og krypto på forsiden.
   SKAL bruge tokens fra css/site.css. Aldrig hvid/lyseblå baggrund. */
.market-strip {
  margin: 0 0 1.15rem;
  padding: 0 0 1.15rem;
  border-bottom: 1px solid var(--line);
}
.market-strip h2 {
  margin: 0 0 .85rem;
  font-family: var(--display);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted-2);
}
.market-quotes {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  padding: 0 0 .35rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: rgba(255,255,255,.18) transparent;
}
.market-quote {
  flex: 0 0 176px;
  background: var(--glass);
  border: var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--radius);
  padding: .9rem 1rem;
  color: var(--ink);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
}
.market-quote.crypto-quote {
  border-top: 2px solid rgba(200,255,61,.35);
}
.quote-name {
  display: block;
  font-family: var(--mono);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.quote-content {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  font-size: .82rem;
  color: var(--ink-soft);
}
.quote-price {
  display: block;
  font-family: var(--mono);
  font-size: 1.28rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #F2F6FA;
  margin: .25rem 0 .1rem;
}
.quote-up { color: var(--up); font-weight: 600; font-variant-numeric: tabular-nums; }
.quote-down { color: var(--down); font-weight: 600; font-variant-numeric: tabular-nums; }
.quote-warning { color: var(--warn); }
.quote-content a,
.crypto-table a,
.crypto-section > p a {
  color: var(--link);
  text-underline-offset: 3px;
}
.quote-content a:hover,
.crypto-table a:hover,
.crypto-section > p a:hover { color: #A9CFFF; }
.quote-content small,
.market-note,
.crypto-table small {
  font-size: .72rem;
  color: var(--muted);
  line-height: 1.45;
}
.market-note { margin: .7rem 0 0; }

.crypto-section {
  background: var(--glass);
  border: var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--radius);
  padding: 1rem 1.15rem;
  margin: 0 0 1.6rem;
  color: var(--ink);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
}
.crypto-section summary {
  cursor: pointer;
  font-family: var(--display);
  font-weight: 700;
  font-size: 1.05rem;
  color: #F2F6FA;
}
.crypto-section > p {
  font-size: .9rem;
  line-height: 1.55;
  color: var(--ink-soft);
}
.crypto-section button { cursor: pointer; }
.crypto-section button.chip[aria-pressed="true"] {
  background: var(--lime);
  border-color: var(--lime);
  color: var(--lime-ink);
  font-weight: 700;
  box-shadow: 0 0 18px rgba(200,255,61,.28);
}
.crypto-table-scroll {
  overflow-x: auto;
  margin-top: .75rem;
  -webkit-overflow-scrolling: touch;
}
.crypto-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: .9rem;
  min-width: 650px;
  color: var(--ink);
}
.crypto-table caption {
  text-align: left;
  font-size: .78rem;
  color: var(--muted);
  margin: 0 0 .65rem;
}
.crypto-table th,
.crypto-table td {
  padding: .75rem .65rem;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.crypto-table th {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.crypto-table small { display: block; max-width: 220px; }
.crypto-kind { font-weight: 700; color: var(--muted); }
.crypto-table .quote-price { font-size: 1rem; margin: 0; }

.market-strip a:focus-visible,
.crypto-section a:focus-visible,
.crypto-section button:focus-visible,
.crypto-section summary:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 2px;
}

@media (max-width: 600px) {
  .market-strip { padding-bottom: .9rem; }
  .market-quote { flex-basis: 160px; padding: .8rem .85rem; }
}

/* Datagrafik i artikler: vis hele kortet, beskær ikke kilde-linjen */
.article-hero.article-hero-chart img,
.article-hero.article-inline img {
  max-height: none;
  height: auto;
  object-fit: contain;
}
.article-inline {
  margin: 1.15rem 0 1.6rem;
}