/* Shared, quiet footer for every public page. */
html body .cjj-footer {
  display: block; width: 100%; max-width: none; box-sizing: border-box;
  margin: 0; padding: 28px 24px; background: #f6f0e5; color: #25363b;
  border: 0; border-top: 1px solid #25363b26; text-align: center;
  font: 400 15px/1.5 Lato, system-ui, sans-serif;
}
html body .cjj-footer nav {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 4px 24px; margin: 0 auto; padding: 0; max-width: 1200px;
}
html body .cjj-footer a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: #344c53; font: inherit; text-decoration: none; border: 0;
}
html body .cjj-footer a:hover { color: #12667a; text-decoration: underline; text-underline-offset: 4px; }
html body .cjj-footer a:focus-visible { outline: 2px solid #12667a; outline-offset: 4px; }
.cjj-info { max-width: 850px; margin: 0 auto; padding: 52px 24px 64px; }
.cjj-info h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.15; }
.cjj-info h2 { font-size: 26px; line-height: 1.3; margin: 36px 0 16px; }
.cjj-info h3 { font-size: 21px; line-height: 1.4; margin: 28px 0 12px; }
.cjj-info p, .cjj-info li { font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.cjj-info a { color: #12667a; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { html body .cjj-footer { padding: 20px 16px; } html body .cjj-footer nav { gap: 0 20px; } }