/* Shared Visiting Systems document styling — matches the blog design.
   Loaded after each doc's own <style> so these rules take precedence. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600&display=swap');

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background: #f4f6f9 !important;
  color: #1e293b !important;
  line-height: 1.75 !important;
}

/* Header band */
header {
  background: #1f4e79 !important;
  color: #fff !important;
  padding: 30px 40px !important;
  text-align: left !important;
}
header h1 {
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0 !important;
}
header p { color: rgba(255,255,255,.72) !important; opacity: 1 !important; font-size: .95rem !important; margin-top: 6px !important; }

/* Content card — covers both .container (legal docs) and .page (guides) */
.container, .page, main {
  max-width: 820px !important;
  margin: 40px auto !important;
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.05) !important;
  padding: 44px 52px !important;
}

/* Headings inside content */
.container h1, .page h1, main h1 { font-family: "Fraunces", Georgia, serif !important; color: #0f172a !important; }
h2 { font-family: "Fraunces", Georgia, serif !important; color: #1f4e79 !important; font-weight: 600 !important; }
h3 { font-family: "Fraunces", Georgia, serif !important; color: #1f4e79 !important; font-weight: 600 !important; }

a { color: #1d4ed8 !important; }

/* Footer */
footer {
  max-width: 820px !important;
  margin: 0 auto 48px !important;
  padding: 18px 8px !important;
  text-align: center !important;
  font-size: .82rem !important;
  color: #94a3b8 !important;
  background: transparent !important;
  border: 0 !important;
}
footer a { color: #64748b !important; text-decoration: none !important; }
footer a:hover { color: #1f4e79 !important; }

@media (max-width: 640px) {
  header { padding: 22px 20px !important; }
  .container, .page, main { margin: 16px !important; padding: 28px 22px !important; }
}