/* Welcome-page presentation only. Report rendering and calculations are unchanged. */
body.landing {
  --welcome-bg: #F4F1EA;
  --welcome-card: #FFFFFF;
  --welcome-ink: #1F2A24;
  --welcome-muted: #5C6660;
  --welcome-line: #E3DED2;
  --welcome-accent: #3F6E5C;
  --welcome-tint: #E2EDE7;
  color-scheme: light;
  background: var(--welcome-bg);
  color: var(--welcome-ink);
  font-family: 'Cairo', sans-serif;
}
[data-theme="dark"] body.landing {
  --welcome-bg: #10141A;
  --welcome-card: #171C24;
  --welcome-ink: #ECEAE3;
  --welcome-muted: #A6ADA6;
  --welcome-line: #262D38;
  --welcome-accent: #6FAE97;
  --welcome-tint: #1E2E2A;
  color-scheme: dark;
}
body.landing .landing-page { max-width: 720px; padding: 32px 24px 48px; }
body.landing .viewer-welcome-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 52px; }
body.landing .viewer-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--welcome-ink); text-decoration: none; font-size: 27px; font-weight: 700; }
body.landing .brand-mark-dark { display: none; }
[data-theme="dark"] body.landing .brand-mark-light { display: none; }
[data-theme="dark"] body.landing .brand-mark-dark { display: block; }
body.landing .viewer-theme { padding: 10px 14px; min-height: 44px; border: 1px solid var(--welcome-line); border-radius: 14px; font: inherit; font-size: 13px; color: var(--welcome-muted); background: var(--welcome-card); cursor: pointer; }
body.landing :focus-visible { outline: 3px solid var(--welcome-accent); outline-offset: 4px; }
body.landing a { color: var(--welcome-accent); text-underline-offset: 4px; }
body.landing .landing-page h1 { color: var(--welcome-ink); font-size: clamp(30px, 5vw, 40px); line-height: 1.6; }
body.landing .landing-page h2 { color: var(--welcome-muted); margin-bottom: 32px; }
body.landing .landing-page p { line-height: 1.9; }
body.landing .landing-page .muted { color: var(--welcome-muted); }
body.landing .landing-page .notice { background: var(--welcome-tint); border: 1px solid var(--welcome-line); border-inline-start: 4px solid var(--welcome-accent); border-radius: 20px; padding: 24px; margin: 30px 0; }
body.landing .landing-page footer { border-color: var(--welcome-line); color: var(--welcome-muted); line-height: 2; }
@media (max-width: 400px) {
  body.landing .landing-page { padding-inline: 20px; }
  body.landing .viewer-theme { font-size: 12px; padding-inline: 10px; }
}