/* Additions outside the TanStack bundle: EN | DA language switcher and the pricing grid.
   Colours and fonts come from the site tokens (:root in /assets/styles-*.css). See MIRROR.md. */
.dmc-lang {
  position: fixed; top: 58px; right: 16px; z-index: 45;
  display: flex; align-items: center; gap: 8px; padding: 7px 10px;
  border: 1px solid var(--rule); background: var(--paper); color: var(--muted-foreground);
  font-family: var(--font-mono); font-size: 11px; font-weight: 500; line-height: 1; letter-spacing: .14em; text-transform: uppercase;
}
.dmc-lang a { color: inherit; text-decoration: none; padding: 2px 0; border-bottom: 1px solid transparent; transition: color .15s; }
.dmc-lang a:hover, .dmc-lang a:focus-visible { color: var(--ink); }
.dmc-lang a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--accent); }
.dmc-lang span { opacity: .4; }
@media (min-width: 1024px) { .dmc-lang { right: 40px; } }
@media print { .dmc-lang { display: none; } }

.dmc-price-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
@media (min-width: 768px) { .dmc-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .dmc-price-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dmc-price-card { display: flex; flex-direction: column; min-width: 0; padding: 32px; background: var(--paper); transition: background-color .15s; }
.dmc-price-card:hover { background: var(--muted); }
.dmc-price-amount { font-size: 3rem; line-height: 1; }