/* UI audit F19: one visual language for the site's help and learning pages. */
:is(.faq-page,.glossary-page,.basics-page),
body.page-template-page-support-audit {
  --gi-help-navy: #14294b;
  --gi-help-blue: #0759c7;
  --gi-help-pale: #edf4ff;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #24344d;
}
body.page-template-page-faq-audit .faq-page,
body.page-template-page-glossary .glossary-page,
body.page-template-page-basics .basics-page,
body.page-template-page-support-audit {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:is(.faq-page .faq-hero,.glossary-page .glossary-hero,.basics-page .basics-hero),
body.page-template-page-support-audit .support-hero {
  background: linear-gradient(135deg, #14294b, #164477);
  color: #fff;
}
:is(.faq-page .faq-hero__title,.glossary-page .glossary-hero-title,.basics-page .basics-hero-title),
body.page-template-page-support-audit .support-hero h1 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0;
}
:is(.faq-page .faq-hero__lead,.glossary-page .glossary-hero-subtitle,.basics-page .basics-hero-lead),
body.page-template-page-support-audit .support-hero p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  opacity: 1;
}
:is(.faq-page .faq-section__title,.glossary-page .glossary-section-title,.basics-page .basics-content > section > h2),
body.page-template-page-support-audit :is(.faq-section h2,.contact-section h2,.resources-section h2) {
  color: #14294b;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.5;
}
:is(.faq-page .faq-section__title,.glossary-page .glossary-section-header,.basics-page .basics-content > section > h2) {
  border-bottom-color: #0759c7;
}
:is(.glossary-page .glossary-section-icon,.basics-page .step-number,.faq-page .faq-item summary::before) {
  background: #edf4ff;
  color: #0759c7;
}
:is(.faq-page .faq-item[open],.glossary-page .glossary-item:hover,.glossary-page .glossary-related-card:hover,.basics-page .step:hover) {
  border-color: #0759c7;
}
:is(.faq-page .faq-nav a:hover,.faq-page .faq-nav a:focus-visible,.glossary-page .glossary-nav-item:hover,.glossary-page .glossary-nav-item.active) {
  border-color: #0759c7;
  background: #edf4ff;
  color: #14294b;
}
:is(.glossary-page .glossary-search-input:focus,body.page-template-page-support-audit .search-input:focus) {
  border-color: #0759c7;
  outline: 2px solid #0759c7;
  outline-offset: 2px;
}
:is(.glossary-page .glossary-cta,.basics-page .comparison-table thead,.basics-page .size-criteria thead) {
  background: #14294b;
}
:is(.faq-page .faq-contact a,.glossary-page .glossary-cta-button,.basics-page .btn-primary),
body.page-template-page-support-audit :is(.search-button,.contact-btn) {
  background: #0759c7;
  color: #fff;
}
:is(.faq-page .faq-contact a:hover,.glossary-page .glossary-cta-button:hover,.basics-page .btn-primary:hover),
body.page-template-page-support-audit :is(.search-button:hover,.contact-btn:hover) {
  background: #14294b;
  color: #fff;
}
:is(.glossary-page .glossary-back-to-top,.basics-page .back-to-top) {
  background: #0759c7;
  color: #fff;
}
:is(.glossary-page .glossary-back-to-top:hover,.basics-page .back-to-top:hover) {
  background: #14294b;
  color: #fff;
}
.basics-page .highlight-box { background: #f5f9ff; border-color: #0759c7; }
.basics-page .example-box { border-left-color: #0759c7; }
.basics-page :is(.contents-nav a:hover,.basics-content a:hover) { color: #0759c7; }
.basics-page .basics-content a { color: #0759c7; }
body.page-template-page-support-audit :is(.quick-link-icon,.contact-method-icon) { background: #0759c7; }
body.page-template-page-support-audit :is(.faq-category-title i,.resource-card h3 i,.faq-list a:hover,.resource-link) { color: #0759c7; }
body.page-template-page-support-audit :is(.quick-link-card:hover,.resource-card:hover) { box-shadow: 0 8px 24px rgba(7,89,199,.16); }
.faq-page .faq-item summary::before,
.glossary-page .glossary-section-header .glossary-section-icon,
.basics-page .process-flow .step-number { background: #edf4ff; color: #0759c7; }
.basics-page .contents-nav h2 { border-bottom-color: #0759c7; }
/* The existing template styles are printed in the body after this stylesheet. */
.glossary-page .glossary-cta .glossary-cta-button,
.basics-page .action-buttons .btn-primary,
body.page-template-page-support-audit .support-hero .search-button,
body.page-template-page-support-audit .contact-section .contact-btn { background: #0759c7; color: #fff; }
.glossary-page .glossary-cta .glossary-cta-button,
.basics-page .action-buttons .btn-primary,
body.page-template-page-support-audit .support-hero .search-button { background-color: #0759c7; }
.glossary-page .glossary-cta .glossary-cta-button:hover,
.basics-page .action-buttons .btn-primary:hover,
body.page-template-page-support-audit .support-hero .search-button:hover,
body.page-template-page-support-audit .contact-section .contact-btn:hover { background: #14294b; color: #fff; }
.glossary-page .glossary-cta .glossary-cta-button:hover,
.basics-page .action-buttons .btn-primary:hover,
body.page-template-page-support-audit .support-hero .search-button:hover { background-color: #14294b; }
@media (max-width: 600px) {
  :is(.faq-page .faq-hero__title,.glossary-page .glossary-hero-title,.basics-page .basics-hero-title),
  body.page-template-page-support-audit .support-hero h1 { font-size: 1.75rem; }
  :is(.faq-page .faq-section__title,.glossary-page .glossary-section-title,.basics-page .basics-content > section > h2),
  body.page-template-page-support-audit :is(.faq-section h2,.contact-section h2,.resources-section h2) { font-size: 1.375rem; }
}