:root {
  /* --mda-font-sans m.m. sættes i mda-typography.css (loades før denne fil) */
  --mda-bg: #f3f6fb;
  --mda-surface: #ffffff;
  --mda-border: #dfe8f7;
  --mda-text: #17325c;
  --mda-text-soft: #3e597a;
  /* Samme som header (~1200px) + mda-layout-tt5.css */
  --mda-content-max: 1200px;
  --mda-gutter-desktop: 20px;
  --mda-gutter-mobile: 8px;
  --mda-content-outer-mobile: calc(100% - (var(--mda-gutter-mobile, 8px) * 2));
  --mda-top-desktop: 8px;
  --mda-top-mobile: -86px;
  --mda-radius-lg: 28px;
  --mda-radius-md: 20px;
}

.mda-v2-page,
.mda-help-page,
.mda-raad-page,
.mda-dashboard,
.mda-account-wrap,
.mda-report-view {
  font-family: var(--mda-font-sans);
  color: var(--mda-text);
  background: var(--mda-bg);
}

.mda-v2-page h1, .mda-v2-page h2, .mda-v2-page h3,
.mda-help-page h1, .mda-help-page h2, .mda-help-page h3,
.mda-raad-page h1, .mda-raad-page h2, .mda-raad-page h3,
.mda-dashboard h1, .mda-dashboard h2, .mda-dashboard h3,
.mda-account-wrap h1, .mda-account-wrap h2, .mda-account-wrap h3,
.mda-report-view h1, .mda-report-view h2, .mda-report-view h3 {
  color: var(--mda-text);
  letter-spacing: -0.01em;
}

.mda-v2-page p, .mda-v2-page li,
.mda-help-page p, .mda-help-page li,
.mda-raad-page p, .mda-raad-page li,
.mda-dashboard p, .mda-dashboard li,
.mda-account-wrap p, .mda-account-wrap li,
.mda-report-view p, .mda-report-view li {
  color: var(--mda-text-soft);
  line-height: 1.7;
}

.mda-v2-container,
.mda-help-container,
.mda-raad-container {
  width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop) * 2)));
  max-width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop) * 2)));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Samme visuelle "fylde" på account/guide views */
.mda-dashboard,
.mda-account-wrap,
.mda-report-view {
  width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop) * 2)));
  max-width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop) * 2)));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Guide: fuld shortcode-bredde som .mda-raad-page — topkort centreres via .mda-guide-hero-frame */
#mda-guide {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.mda-help-content,
.mda-help-card,
.mda-raad-card,
.mda-raad-price-card,
.mda-raad-addon-card,
.mda-raad-info,
.mda-raad-contact-card,
.mda-raad-form-wrap,
.mda-dashboard-card,
.mda-report-card,
.mda-report-panel {
  background: var(--mda-surface);
  border: 1px solid var(--mda-border);
  border-radius: var(--mda-radius-md);
}

@media (max-width: 980px) {
  .mda-v2-container,
  .mda-help-container,
  .mda-raad-container,
  .mda-dashboard,
  .mda-account-wrap,
  .mda-report-view {
    width: var(--mda-content-outer-mobile) !important;
    max-width: var(--mda-content-outer-mobile) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}