@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,550;9..144,650;9..144,700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

/* Shared foundation with Mijn ZorgTools. RekenZorg keeps its own turquoise accent. */
:root {
  --surface: #f7f8f5;
  --teal-dark: #082d38;
  --text-1: #082d38;
  --ink: #082d38;
  --text-2: #415f64;
  --muted: #415f64;
  --border: rgba(8, 45, 56, .13);
  --line: rgba(8, 45, 56, .13);
}

body { font-family: 'Source Sans 3', sans-serif; }
h1, h2, h3, .nav-logo, .brand, .footer-brand { font-family: Fraunces, Georgia, serif !important; }
.footer-copy a { font-weight: 650; }

.mzt-header-link {
  margin-right: auto;
  padding-left: 18px;
  color: var(--text-2);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
}

.mzt-header-link:hover, .mzt-context-card a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }

.mzt-context-card {
  max-width: 1100px;
  margin: 56px auto 0;
  padding: 24px 28px;
  border-left: 3px solid var(--teal);
  background: var(--teal-pale, #e8f3fc);
  color: var(--text-1);
}

.mzt-context-card p { margin: 5px 0 8px; }

.rz-menu-toggle { display: none; }
@media (max-width: 1000px) {
  nav.rz-with-menu { min-height: 68px; height: auto; }
  .rz-with-menu .mzt-header-link { display: none; }
  .rz-with-menu .nav-logo, .rz-with-menu .brand { flex-shrink: 0; }
  .rz-with-menu .nav-links { display: none; }
  .rz-with-menu .rz-menu-toggle { display: inline-flex; align-items: center; min-height: 44px; margin: 8px 0; padding: 8px 16px; border: 1px solid #779b9c; border-radius: 7px; background: #fff; color: #164e56; font: 700 1rem 'Source Sans 3', sans-serif; cursor: pointer; }
  .rz-with-menu.rz-menu-open .nav-links { display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 6vw 20px; background: #fffefb; border-bottom: 1px solid #ccdcd4; box-shadow: 0 12px 18px rgba(20,60,60,.08); }
  .rz-with-menu.rz-menu-open .nav-links a { display: block; padding: 12px; }
  .rz-menu-toggle:focus-visible { outline: 3px solid #087e87; outline-offset: 3px; }
}