/* Plain reading pages that carry the shared chrome with no inline CSS:
   privacy.html and support.html. Loads after assets/site.css. */

.info-body { max-width: 720px; margin: 0 auto; padding: 3rem 2.5rem 4.5rem; }
.info-updated { font-size: 12px; color: #8A8880; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 2rem; }
.info-body h2 { font-family: 'EB Garamond', Georgia, serif; font-size: 30px; color: #1C1C1A; line-height: 1.2; margin: 2.5rem 0 0.85rem; }
.info-body p { font-size: 17px; color: #2A2A28; line-height: 1.8; margin-bottom: 1.1rem; }
.info-body ul { font-size: 17px; color: #2A2A28; line-height: 1.75; margin: 0 0 1.25rem 1.4rem; }
.info-body li { margin-bottom: 0.55rem; }
.info-body strong { font-weight: 500; color: #1C1C1A; }
.info-body a { color: #2A6E6C; text-decoration: underline; text-underline-offset: 2px; }
.info-body a:hover { color: #1C1C1A; }
.info-note { background: #FFFFFF; border: 1px solid #D8D5CE; border-left: 3px solid #3A8E8C; border-radius: 4px; padding: 1.1rem 1.35rem; margin: 1.75rem 0; }
.info-note p:last-child { margin-bottom: 0; }

/* Phones: the same nav and footer behavior the other public pages set inline. */
@media (max-width: 768px) {
  nav { padding: 0 1.25rem; height: 64px; background: #F5F3EE !important; }
  .nav-name { font-size: 15px; }
  .nav-links { display: none !important; }
  .hamburger { display: flex !important; }
  .mobile-menu { top: 64px; }
  .mobile-menu a { padding: 1rem 1.5rem; font-size: 18px; }
  .page-hero { padding: 6rem 1.5rem 2.5rem !important; }
  .page-hero h1 { font-size: 2.5rem !important; }
  .info-body { padding: 2.25rem 1.5rem 3.5rem; }
  .info-body h2 { font-size: 26px; }
  .info-body p, .info-body ul { font-size: 16px; }
  .footer-top { grid-template-columns: 1fr !important; gap: 2rem !important; }
  footer { padding: 3rem 1.5rem 1.5rem; }
  .footer-bottom { flex-direction: column; gap: 0.5rem; }
}