/* "Connect your apps" — sits under Make life simpler, using that section's own
   cream card language so it reads as part of it rather than a new band. */
.hca-wrap{
  margin-top:44px; padding-top:34px; border-top:1px solid #EAE2D4;
  /* the section wrapper centres its content, but something resets descendants to
     text-align:start — set it here explicitly so the block matches the steps above */
  text-align:center !important;
}
.hca-wrap .hca-h,
.hca-wrap .hca-lead,
.hca-wrap .hca-note{ text-align:center !important; }
.hca-h{
  font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(1.15rem,2vw,1.45rem);
  margin:0 0 8px;
  /* the section's usual sage #7d9e77 measures 2.95 on this cream, under even the
     large-text threshold; #5E7E57 is the same family and clears AA at 4.50 */
  color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
}
.hca-lead{
  font-size:.98rem; line-height:1.6; max-width:56ch; margin:0 auto 24px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
/* held to a comfortable width and centred, rather than stretching the full 1400px */
.hca-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;
  max-width:860px; margin:0 auto;
}
.hca-tile{
  display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer;
  background:#FBF6EC; border:1px solid #EAE2D4; border-radius:18px;
  padding:20px 14px 18px; min-height:44px; font-family:'Nunito',system-ui,sans-serif;
  transition:border-color .16s, transform .16s, box-shadow .16s;
}
.hca-tile:hover{ border-color:#7d9e77; transform:translateY(-2px); box-shadow:0 8px 22px rgba(36,52,71,.07); }
.hca-tile:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
.hca-ic{
  width:44px; height:44px; border-radius:14px; display:grid; place-items:center;
  background:#EAF1E4; color:#5E7E57; margin-bottom:4px;
}
.hca-ic svg{ width:22px; height:22px; }
.hca-n{
  font-size:.95rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.hca-d{
  font-size:.79rem; line-height:1.45;
  color:#5a6a78 !important; -webkit-text-fill-color:#5a6a78 !important;
}
.hca-note{
  margin:18px 0 0; font-size:.82rem;
  color:#5a6a78 !important; -webkit-text-fill-color:#5a6a78 !important;
}
@media (max-width:820px){ .hca-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }