/* Shared page background. Accent colors stay inside diagrams and controls. */
body,
main > section[class],
.information-story .info-understanding,
.information-story .info-difference {
  background: var(--color-white);
}
.flow-assurance { border: 1px solid var(--flow-line); }
.for-you .recommend-list li { border-bottom: 1px solid var(--color-rule); border-radius: 0; }
.footer { border-top: 1px solid var(--color-rule); }
.search-channels { padding-bottom: 40px; }
main > section.faq {
  --faq-surface: #f4f7fb;
  background: var(--faq-surface);
}
.faq .faq-list { border-top: 0; display: grid; gap: 12px; }
.faq .faq-list details { background: var(--color-white); border: 1px solid var(--color-rule); border-radius: 10px; padding-inline: 22px; }
@media (max-width: 480px) {
  .faq .faq-list details { padding-inline: 15px; }
}
@media (max-width: 800px) {
  .search-channels { padding-bottom: 28px; }
}