.amr-quicklinks {
  --amr-ql-columns: 6;
  --amr-ql-tablet: 3;
  --amr-ql-mobile: 2;
  --amr-ql-overlap: 34px;
  --amr-ql-height: 88px;
  --amr-ql-gap: 0px;
  --amr-ql-radius: 0px;
  --amr-ql-icon-size: 38px;
  --amr-ql-card: #fff;
  --amr-ql-border: #e3e9f0;
  --amr-ql-icon: #0756b3;
  --amr-ql-title: #102746;
  --amr-ql-text: #637083;
  --amr-ql-hover: #f5f9fd;
  position: relative;
  z-index: 8;
  width: 100%;
  margin-top: calc(var(--amr-ql-overlap) * -1);
  overflow: hidden;
  padding: 0;
  background: var(--amr-ql-card);
  border: 1px solid var(--amr-ql-border);
  border-radius: var(--amr-ql-radius);
  font-family: "Fira Sans", "Segoe UI", Arial, sans-serif;
}
.amr-quicklinks *, .amr-quicklinks *::before, .amr-quicklinks *::after { box-sizing: border-box; }
.amr-quicklinks__heading { margin: 0; padding: 14px 18px 10px; color: var(--amr-ql-title); border-bottom: 1px solid var(--amr-ql-border); font: 700 1.1rem/1.25 "Fira Sans", "Segoe UI", Arial, sans-serif; }
.amr-quicklinks__grid { display: grid; grid-template-columns: repeat(var(--amr-ql-columns), minmax(0, 1fr)); gap: var(--amr-ql-gap); align-items: stretch; }
.amr-quicklinks--shadow { box-shadow: 0 11px 30px rgba(15, 47, 82, .1); }
.amr-quicklinks__card { min-width: 0; min-height: var(--amr-ql-height); display: grid; grid-template-columns: 50px minmax(0,1fr) 15px; align-items: center; gap: 11px; padding: 12px 14px; color: var(--amr-ql-title); background: transparent; border: 0; border-right: 1px solid var(--amr-ql-border); border-radius: 0; text-align: left; text-decoration: none; transition: background .18s ease, color .18s ease; }
.amr-quicklinks__card:last-child { border-right: 0; }
.amr-quicklinks__card:is(a):hover { color: var(--amr-ql-title); background: var(--amr-ql-hover); }
.amr-quicklinks__icon { width: 50px; height: 50px; display: grid; place-items: center; flex: 0 0 auto; color: var(--amr-ql-icon); background: color-mix(in srgb, var(--amr-ql-icon) 9%, #fff); }
.amr-quicklinks__icon svg, .amr-quicklinks__icon img { width: var(--amr-ql-icon-size); height: var(--amr-ql-icon-size); display: block; object-fit: contain; }
.amr-quicklinks__content { min-width: 0; display: block; }
.amr-quicklinks__title { display: block; color: var(--amr-ql-title); font-size: .85rem; line-height: 1.25; }
.amr-quicklinks__description { display: -webkit-box; margin-top: 4px; overflow: hidden; color: var(--amr-ql-text); font-size: .68rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.amr-quicklinks__arrow { color: var(--amr-ql-icon); font-size: 1rem; transition: transform .18s ease; }
.amr-quicklinks__card:is(a):hover .amr-quicklinks__arrow { transform: translateX(3px); }
.amr-quicklinks :focus-visible { outline: 3px solid #f0b84b; outline-offset: 3px; }

@media (max-width: 1024px) {
  .amr-quicklinks__grid { grid-template-columns: repeat(var(--amr-ql-tablet), minmax(0, 1fr)); }
  .amr-quicklinks { margin-top: calc(min(var(--amr-ql-overlap), 22px) * -1); }
  .amr-quicklinks__card { border-bottom: 1px solid var(--amr-ql-border); }
  .amr-quicklinks__card:nth-child(3n) { border-right: 0; }
  .amr-quicklinks__card:nth-last-child(-n+3) { border-bottom: 0; }
}

@media (max-width: 620px) {
  .amr-quicklinks { margin-top: 0; }
  .amr-quicklinks__grid { grid-template-columns: repeat(var(--amr-ql-mobile), minmax(0, 1fr)); }
  .amr-quicklinks__card { min-height: 82px; grid-template-columns: 40px minmax(0,1fr); padding: 10px; border-right: 1px solid var(--amr-ql-border); border-bottom: 1px solid var(--amr-ql-border); }
  .amr-quicklinks__card:nth-child(3n) { border-right: 1px solid var(--amr-ql-border); }
  .amr-quicklinks__card:nth-child(2n) { border-right: 0; }
  .amr-quicklinks__card:nth-last-child(-n+3) { border-bottom: 1px solid var(--amr-ql-border); }
  .amr-quicklinks__card:nth-last-child(-n+2) { border-bottom: 0; }
  .amr-quicklinks__icon { width: 40px; height: 40px; }
  .amr-quicklinks__arrow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .amr-quicklinks__card { transition: none; }
}
