/* Scoped to HPAI previews so Astra's live palette is not changed. */
body.hpai-layout-preview .glossary-callout h2,
body.hpai-layout-preview .glossary-callout p { color:#fff!important; }
body.hpai-layout-preview .glossary-callout a {
  background:#e9f1eb!important; color:#173e56!important;
}
body.hpai-layout-preview .glossary-callout a:hover,
body.hpai-layout-preview .glossary-callout a:focus-visible {
  background:#fff!important; color:#104d50!important;
}
body.hpai-layout-preview .tutorial-card h2 a,
body.hpai-layout-preview .tutorial-card h3 a,
body.hpai-layout-preview .starter-step a { color:#173e56!important; }
body.hpai-layout-preview .tutorial-card h2 a:hover,
body.hpai-layout-preview .tutorial-card h2 a:focus-visible,
body.hpai-layout-preview .tutorial-card h3 a:hover,
body.hpai-layout-preview .tutorial-card h3 a:focus-visible,
body.hpai-layout-preview .starter-step a:hover,
body.hpai-layout-preview .starter-step a:focus-visible {
  color:#176e72!important; text-decoration:underline; text-underline-offset:4px;
}
body.hpai-layout-preview ::selection { background:#176e72!important; color:#fff!important; }
body.hpai-layout-preview ::-moz-selection { background:#176e72!important; color:#fff!important; }
body.hpai-layout-preview .tutorial-body pre {
  background:#173e56!important; color:#fff!important;
  border:0; line-height:1.75; overflow:auto;
}
body.hpai-layout-preview .tutorial-body pre code,
body.hpai-layout-preview .tutorial-body pre code * {
  background:transparent!important; color:inherit!important;
  padding:0!important; border:0!important; box-shadow:none!important;
}
body.hpai-layout-preview .tutorial-body :not(pre)>code {
  background:#e9f1eb!important; color:#173e56!important;
  border-radius:4px; padding:2px 5px;
}
body.hpai-layout-preview .topic-button {
  background:#fff!important; color:#173e56!important; min-width:0;
}
body.hpai-layout-preview .topic-button:hover,
body.hpai-layout-preview .topic-button:focus-visible,
body.hpai-layout-preview .topic-button[aria-pressed="true"] {
  background:#e9f1eb!important; color:#173e56!important;
  border-color:#176e72!important;
}
body.hpai-layout-preview .topic-button strong { color:#173e56!important; }
body.hpai-layout-preview .topic-button small { color:#526872!important; }
body.hpai-layout-preview .text-button,
body.hpai-layout-preview .popular button {
  background:transparent!important; color:#176e72!important; box-shadow:none!important;
}
body.hpai-layout-preview .text-button:hover,
body.hpai-layout-preview .popular button:hover { background:#e9f1eb!important; color:#104d50!important; }
body.hpai-layout-preview .main-nav a {
  color:#173e56!important; padding:8px 10px; border-radius:8px;
  transition:background-color .15s,color .15s;
}
body.hpai-layout-preview .main-nav a:hover,
body.hpai-layout-preview .main-nav a:focus-visible {
  background:#e9f1eb!important; color:#104d50!important;
}
body.hpai-layout-preview .main-nav a.nav-cta {
  background:#176e72!important; color:white!important; padding:10px 18px;
}
body.hpai-layout-preview .main-nav a.nav-cta:hover,
body.hpai-layout-preview .main-nav a.nav-cta:focus-visible {
  background:#104d50!important; color:white!important;
}
body.hpai-layout-preview .main-nav { gap:6px; }
body.hpai-layout-preview .library-controls select {
  display:block!important; width:auto!important; max-width:100%!important;
  min-width:180px; min-height:48px!important; height:auto!important;
  box-sizing:border-box!important; padding:10px 38px 10px 14px!important;
  font-size:16px!important; line-height:1.5!important; text-indent:0!important;
  color:#173e56!important; background-color:#fff!important;
}
body.hpai-layout-preview .library-controls option { background:#fff; color:#173e56; }
body.hpai-layout-preview .library-controls { align-items:center; }
body.hpai-layout-preview .library-search { flex:1 1 260px; min-width:0; }
body.hpai-layout-preview .library-controls input { min-height:46px; height:auto; color:#173e56; }
body.hpai-layout-preview .assistant-brand-icon {
  display:grid; place-items:center; width:44px; height:44px;
  margin-bottom:7px; border-radius:10px; background:#f5f7f5; color:#173e56;
}
body.hpai-layout-preview .assistant-brand-icon svg { display:block; width:30px; height:30px; }
@media(max-width:1100px) {
  body.hpai-layout-preview .topic-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:720px) {
  body.hpai-layout-preview .topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.hpai-layout-preview .library-controls select { width:100%!important; min-width:0; }
}
@media(prefers-reduced-motion:reduce) {
  body.hpai-layout-preview .main-nav a { transition:none; }
}

body.hpai-layout-preview .hpai-information{max-width:850px;margin:auto;padding-top:10px}
body.hpai-layout-preview .hpai-information details{background:#fff;border:1px solid #dce5e0;border-radius:12px;padding:18px 20px;margin:14px 0}
body.hpai-layout-preview .hpai-information summary{cursor:pointer;color:#173e56;font-weight:650;line-height:1.5}
body.hpai-layout-preview .hpai-information details p{margin:16px 0 0}
body.hpai-layout-preview .hpai-action-link{display:inline-block;text-decoration:none!important;color:#fff!important;background:#176e72!important}
body.hpai-layout-preview .hpai-action-link:hover{background:#104d50!important}
body.hpai-layout-preview .wpcf7 input:not([type=checkbox]):not([type=radio]),body.hpai-layout-preview .wpcf7 textarea,body.hpai-layout-preview .wpcf7 select{max-width:100%;width:100%;background:#fff;color:#173e56;border:1px solid #b9ceca;border-radius:8px;padding:12px;min-height:46px;box-sizing:border-box}
body.hpai-layout-preview .wpcf7 input[type=submit]{width:auto!important;background:#176e72!important;color:#fff!important;padding:12px 24px!important;cursor:pointer}
body.hpai-layout-preview .wpcf7 label{color:#173e56}
body.hpai-layout-preview .wpcf7-response-output{color:#173e56;background:#fff}
body.hpai-layout-preview .search-form{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
body.hpai-layout-preview .search-field{min-height:48px;max-width:100%;padding:10px;border:1px solid #b9ceca;background:white;color:#173e56}
body.hpai-layout-preview .search-submit{background:#176e72!important;color:#fff!important;border-radius:8px;padding:10px 20px;min-height:48px}
body.hpai-layout-preview .navigation.pagination{margin-top:28px}
body.hpai-layout-preview .footer-links{flex-wrap:wrap}