.section--hub-grid{background-image:url('./patterns/bg-pattern.png');background-repeat:repeat;background-size:256px 256px;padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg)}@supports (background-image:image-set(url('./patterns/bg-pattern.webp') type('image/webp'))){.section--hub-grid{background-image:image-set(url('./patterns/bg-pattern.webp') type('image/webp') 1x,url('./patterns/bg-pattern.png') type('image/png') 1x)}}.hub-icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}@media (min-width:641px){.hub-icon-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media (min-width:1025px){.hub-icon-grid{grid-template-columns:repeat(8,1fr);gap:16px}}.hub-icon-grid .hub-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;border-radius:var(--radius-lg);background:var(--bg-white);border:1px solid var(--border-default);text-decoration:none;color:var(--text-primary);text-align:center;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.hub-icon-grid .hub-card:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.08)}.hub-icon-grid .hub-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.25)}.hub-icon-grid .hub-card img{width:64px;height:64px;object-fit:contain}.hub-icon-grid .hub-card__title{font:600 13px/1.3 var(--font-sans);color:var(--text-primary)}@media (max-width:640px){.hub-icon-grid .hub-card img{width:56px;height:56px}.hub-icon-grid .hub-card__title{font-size:12px}}@media (prefers-reduced-motion:reduce){.hub-icon-grid .hub-card{transition:none}.hub-icon-grid .hub-card:hover{transform:none}}.welfare-spotlight__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none;padding:0;margin:0}@media (min-width:641px){.welfare-spotlight__grid{grid-template-columns:repeat(4,1fr);gap:12px}}