/* FAQ styles (normalized filename) - derived from help page CSS */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
  background-color: #f5f5f5;
  margin: 0;
}

header { position: sticky; top: 0; z-index: 1000; }
.top-bar { background-color: #ffffff; padding: 10px 20px; display: flex; align-items: center; border-bottom: 1px solid #ccc; justify-content: space-between; position: relative; }
.top-bar .logo { height: 50px; }
.top-buttons { display: flex; gap: 10px; }
.top-bar .help-button { background-color: #ffffff; color: #575e67; font-family: "Lato", sans-serif; font-size: 14px; font-weight: bold; padding: 5px 10px; text-decoration: none; border: none; }
.top-bar .help-button:hover { background-color: #f5f5f5; }
#menu-toggle { display: none; }
.menu-icon { display: none; cursor: pointer; position: relative; width: 30px; height: 20px; }
.menu-icon span { position: absolute; height: 3px; width: 100%; background-color: #003087; transition: all 0.3s ease; }
.menu-icon span:nth-child(1) { top: 0; }
.menu-icon span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.menu-icon span:nth-child(3) { bottom: 0; }
#menu-toggle:checked + .menu-icon span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
#menu-toggle:checked + .menu-icon span:nth-child(2) { opacity: 0; }
#menu-toggle:checked + .menu-icon span:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); }
.mobile-nav { display: none; flex-direction: column; position: absolute; top: 100%; right: 0; background-color: #f5f5f5; width: 200px; padding: 10px 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 999; }
.mobile-nav a { padding: 8px 20px; text-align: left; color: #575e67; font-family: "Lato", sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
.mobile-nav a:hover { background-color: #e5e5e5; }
.blue-banner { background-color: #3E679F; color: white; padding: 20px; text-align: center; }
.welcome-message h1 { margin: 0; font-size: 40px; font-weight: 700; font-family: "Lato", sans-serif; line-height: 1.5; }
.container { max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 0; }
.section { background: white; padding: 20px; margin-bottom: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
footer { background-color: #3E679F; color: white; text-align: center; padding: 10px; font-size: 12px; }
.faq-item { margin-bottom: 10px; }
.faq-question { background-color: #f5f5f5; color: #333; padding: 15px; width: 100%; text-align: left; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; font-family: 'Lato', Arial, Helvetica, sans-serif; }
.faq-question:hover { background-color: #e0e0e0; }
.faq-answer { display: none; padding: 15px; background: #fff; border: 1px solid #ccc; border-radius: 4px; margin-top: 5px; }
.faq-answer p { margin: 0; font-size: 14px; line-height: 1.5; font-family: 'Lato', Arial, Helvetica, sans-serif; }
.back-to-search-btn { background-color: #ffffff; color: #575e67; font-family: "Lato", sans-serif; font-size: 14px; font-weight: bold; padding: 5px 10px; text-decoration: none; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; display: inline-block; }
.back-to-search-btn:hover { background-color: #f5f5f5; }
@media (max-width: 768px) {
  .welcome-message h1 { font-size: 24px; }
  .blue-banner { padding: 15px; }
  .container { padding: 10px; }
  .top-bar { padding: 5px 10px; }
  .top-bar .logo { height: 40px; }
  .top-buttons { display: none; }
  #menu-toggle, .menu-icon, .mobile-nav, .top-buttons { display: none !important; }
  .back-to-search-btn { font-size: 13px; padding: 4px 8px; }
}