.apcn--hex-first{--apcn-primary:var(--bs-primary,#f97316);color:var(--bs-body-color,#1f2937);font-family:inherit}
.apcn--hex-first *{box-sizing:border-box}
.apcn--hex-first .apcn-heading{text-align:center;margin:0 0 28px}
.apcn--hex-first .apcn-heading h2{font-size:clamp(24px,3vw,38px);margin:0 0 6px}
.apcn--hex-first .apcn-heading p{color:#64748b;margin:0}
.apcn--hex-first.apcn--related .apcn-heading{margin-bottom:16px}
.apcn--hex-first.apcn--related .apcn-heading h2{font-size:clamp(20px,2vw,28px)}
.apcn--hex-first .apcn-hex-grid{display:grid;grid-template-columns:repeat(var(--apcn-cols-desktop),minmax(0,1fr));gap:20px 16px}
.apcn--hex-first .apcn-hex-link{display:flex;align-items:center;gap:15px;min-width:0;padding:10px 14px;border:1px solid #edf0f3;border-radius:15px;background:#fff;color:#1f2937;text-decoration:none;box-shadow:0 9px 26px rgba(15,23,42,.06);transition:transform .2s,box-shadow .2s}
.apcn--hex-first .apcn-hex-link:hover,.apcn--hex-first .apcn-hex-link:focus-visible{color:var(--apcn-primary);transform:translateY(-3px);box-shadow:0 15px 34px rgba(234,88,12,.15);box-shadow:0 15px 34px color-mix(in srgb,var(--apcn-primary) 18%,transparent)}
.apcn--hex-first .apcn-hex-link strong{font-size:16px;line-height:1.25}
.apcn--hex-first .apcn-hex{position:relative;display:grid;place-items:center;flex:0 0 72px;width:72px;height:64px;background:var(--apcn-primary);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.apcn--hex-first .apcn-hex:before{content:"";position:absolute;inset:1px;background:#fff;clip-path:inherit}
.apcn--hex-first .category-icon{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;color:#111827}
.apcn--hex-first .category-icon svg,.apcn--hex-first .category-icon img{width:44px;height:44px;object-fit:contain}
@media(max-width:991px){.apcn--hex-first .apcn-hex-grid{grid-template-columns:repeat(var(--apcn-cols-tablet),minmax(0,1fr))}}
@media(max-width:575px){.apcn--hex-first .apcn-hex-grid{grid-template-columns:repeat(var(--apcn-cols-mobile),minmax(0,1fr));gap:10px}.apcn--hex-first .apcn-hex{flex-basis:60px;width:60px;height:54px}.apcn--hex-first .category-icon svg,.apcn--hex-first .category-icon img{width:36px;height:36px}}