/* Canonical Direct Answer card — hubs and landers.
   Insights posts keep post-article.css. Tools without .page-answer-engine are untouched. */

html body:not(.post-page) #page-answer-engine,
html body:not(.post-page) #quick-answer .quick-answer,
html body:not(.post-page) .quick-answer.page-answer-engine{
  display:grid !important;
  grid-template-columns:minmax(7.75rem,10.25rem) minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:clamp(1.25rem,3vw,2.25rem) !important;
  row-gap:.65rem !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(1.2rem,2.4vw,1.7rem) clamp(1.25rem,3vw,2rem) !important;
  border:1px solid rgba(16,24,40,.14) !important;
  border-left:3px solid #ed0000 !important;
  border-radius:0 12px 12px 0 !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(7,17,31,.05) !important;
}

html body:not(.post-page) #page-answer-engine .qa-label,
html body:not(.post-page) #quick-answer .quick-answer .qa-label,
html body:not(.post-page) .quick-answer.page-answer-engine .qa-label{
  display:block !important;
  margin:0 !important;
  padding-top:.15rem !important;
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
  font-size:.6875rem !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#ed0000 !important;
  background:transparent !important;
  border:0 !important;
}

html body:not(.post-page) #page-answer-engine p,
html body:not(.post-page) #quick-answer .quick-answer p,
html body:not(.post-page) .quick-answer.page-answer-engine p{
  margin:0 !important;
  max-width:none !important;
  font-size:clamp(1.02rem,1.15vw,1.125rem) !important;
  line-height:1.65 !important;
  font-weight:500 !important;
  color:#101828 !important;
}

html body:not(.post-page) #page-answer-engine p a,
html body:not(.post-page) #quick-answer .quick-answer p a,
html body:not(.post-page) .quick-answer.page-answer-engine p a{
  color:#0b1220 !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}

@media (max-width:700px){
  html body:not(.post-page) #page-answer-engine,
  html body:not(.post-page) #quick-answer .quick-answer,
  html body:not(.post-page) .quick-answer.page-answer-engine{
    grid-template-columns:1fr !important;
    padding:1.15rem 1.15rem 1.25rem !important;
  }
}