/* Shared styling for content / legal sub-pages — matches the homepage brand. */
:root {
  --navy:      #1F2E43;
  --brand:     #50839E;
  --brand-dark:#3D6880;
  --brand-lt:  #CFDCE2;
  --gray-50:   #F8FAFC;
  --gray-200:  #E2E8F0;
  --gray-600:  #475569;
  --text:      #1A202C;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text);
  background: var(--gray-50);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* Nav */
nav {
  position: sticky; top: 0; z-index: 100;
  background: var(--navy);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.logo img { height: 38px; width: auto; object-fit: contain; filter: brightness(1.05); }
.nav-back { color: rgba(255,255,255,0.8); font-size: 14px; font-weight: 500; transition: color 0.2s; }
.nav-back:hover { color: #fff; }

/* Page content */
main { padding: 64px 0 80px; }
.doc {
  max-width: 820px; margin: 0 auto;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: 16px;
  padding: 48px 56px;
  box-shadow: 0 4px 24px rgba(31,46,67,0.05);
}
.doc .eyebrow {
  display: inline-block;
  font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  color: var(--brand); margin-bottom: 12px;
}
.doc h1 { font-size: clamp(26px, 4vw, 36px); font-weight: 800; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 8px; }
.doc h2 { font-size: 20px; font-weight: 700; color: var(--navy); margin: 32px 0 12px; }
.doc h3 { font-size: 17px; font-weight: 700; color: var(--navy); margin: 24px 0 8px; }
.doc p { margin-bottom: 14px; color: var(--gray-600); }
.doc ul { margin: 0 0 16px 22px; color: var(--gray-600); }
.doc li { margin-bottom: 6px; }
.doc a { color: var(--brand); }
.doc a:hover { color: var(--brand-dark); }
.doc hr { border: none; border-top: 1px solid var(--gray-200); margin: 24px 0; }
.doc .meta { font-size: 14px; color: #94A3B8; margin-top: 28px; }
.doc .contact-block { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 10px; padding: 18px 22px; margin: 16px 0; }
.doc .contact-block p { margin-bottom: 4px; }
.btn-visit {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--brand); color: #fff;
  padding: 12px 24px; border-radius: 10px; font-weight: 600; font-size: 15px;
  margin-top: 8px; transition: background 0.2s;
}
.btn-visit:hover { background: var(--brand-dark); }

/* Footer */
footer { background: var(--navy); color: rgba(255,255,255,0.6); padding: 40px 0; }
.footer-inner { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; justify-content: space-between; }
.footer-inner p { font-size: 13px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 20px; }
.footer-links a { font-size: 13px; color: rgba(255,255,255,0.6); transition: color 0.2s; }
.footer-links a:hover { color: var(--brand-lt); }

@media (max-width: 640px) {
  .doc { padding: 32px 24px; }
}