/* ==========================================================================
   GM CORE — Compliance module CSS.
   Seam + icon tile colour output INLINE by the widget (self-sufficient).
   Card shape + arrow-hover here, with brand fallbacks via var(--x, LITERAL).
   ========================================================================== */

.gm-compliance-widget .comps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1080px){.gm-compliance-widget .comps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gm-compliance-widget .comps{grid-template-columns:1fr}}

/* Heading (light section) */
.gm-compliance-widget .shead{text-align:center;max-width:660px;margin:0 auto 56px}
.gm-compliance-widget .shead h2::after{
  content:"";display:block;width:88px;height:4px;border-radius:4px;
  background:var(--growth,linear-gradient(90deg,#1F4FBF,#0E7CC4 34%,#0AA9AC 68%,#0FA37A));
  margin:16px auto 0;
}
.gm-compliance-widget .shead p{color:var(--muted,#63738A);font-size:1.0625rem;line-height:1.75}
.gm-compliance-widget .eyebrow{
  display:inline-block;background:rgba(217,160,43,.14);color:var(--gold-text,#8A5A0C);
  font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 16px;border-radius:var(--r-pill,100px);margin-bottom:18px;
}

/* Card — seam is inline border-top from the widget */
.gm-compliance-widget .comp{
  background:#fff;border-radius:var(--r,14px);padding:26px 22px;
  border:1px solid var(--border,#E1E7EE);box-shadow:var(--sh,0 4px 24px rgba(10,27,51,.07));
  text-decoration:none;display:block;position:relative;overflow:hidden;
  transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s;
}
.gm-compliance-widget .comp:hover{transform:translateY(-5px);box-shadow:var(--sh-lg,0 18px 48px rgba(10,27,51,.14))}

/* Icon tile — background/colour inline from the widget */
.gm-compliance-widget .comp__ic{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:15px;
}
.gm-compliance-widget .comp__ic svg{width:21px;height:21px}

.gm-compliance-widget .comp h3{font-size:1rem;margin:0 0 7px;color:var(--navy,#0A1B33)}
.gm-compliance-widget .comp p{font-size:.8125rem;color:var(--muted,#63738A);line-height:1.6;margin-bottom:14px}
.gm-compliance-widget .comp i{
  font-style:normal;font-size:.8125rem;font-weight:700;color:var(--gold-text,#8A5A0C);
  display:inline-flex;align-items:center;gap:6px;
}
.gm-compliance-widget .comp i span{transition:transform .26s cubic-bezier(.4,0,.2,1)}
.gm-compliance-widget .comp:hover i span{transform:translateX(4px)}