/* APG Category Page Polish v86 */
:root{
  --apg-category-blue:#2563EB;
  --apg-category-blue-strong:#1D4ED8;
  --apg-category-blue-soft:#EFF6FF;
  --apg-category-blue-border:#BFDBFE;
}

/* Keep primary category actions visually distinct from priority pills. */
html body .category-hero .actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px 12px!important;
  margin:20px 0 0!important;
}
html body .category-hero .actions .button{
  margin:0!important;
  min-height:44px;
}
html body .category-hero .actions + .pills{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  row-gap:8px!important;
  margin-top:14px!important;
}
html body .category-hero .actions + .pills .pill{
  margin:0!important;
}

/* What Matters: use APG blue rather than the remaining legacy green/gold accent. */
html body .soft-section.full-bleed .feature-card > .step-number{
  background:var(--apg-category-blue-soft)!important;
  color:var(--apg-category-blue-strong)!important;
  border:1px solid var(--apg-category-blue-border)!important;
  box-shadow:0 1px 2px rgba(37,99,235,.04)!important;
}

@media(max-width:720px){
  html body .category-hero .actions{
    gap:10px!important;
    margin-top:18px!important;
  }
  html body .category-hero .actions .button{
    flex:1 1 145px;
    min-width:0;
  }
  html body .category-hero .actions + .pills{
    margin-top:16px!important;
    gap:8px!important;
    row-gap:8px!important;
  }
}

@media(max-width:480px){
  html body .category-hero .actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  html body .category-hero .actions .button{
    width:100%;
    min-width:0;
    padding-inline:12px!important;
  }
}