.zsci-grid,.zsci-grid *{box-sizing:border-box}
.zsci-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:12px 0}
.zsci-grid.zsci-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zsci-grid a.zsci-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;min-height:110px;padding:18px 15px 14px;overflow:hidden;border:3px solid var(--sp-ink,#09234a);border-radius:14px;box-shadow:4px 4px 0 var(--sp-shadow,#09234a);background:#09234a;color:#fff;text-decoration:none}
.zsci-grid .zsci-card__image,.zsci-grid .zsci-card__placeholder{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;margin:0;padding:0;transition:transform .25s ease}
.zsci-card__placeholder{background:radial-gradient(circle at 90% 0,#24e5c5,transparent 65%),linear-gradient(135deg,#0dadf0,#0759b5)}
.zsci-card::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,rgba(0,8,24,.08),rgba(0,8,24,.35) 30%,rgba(0,8,24,.85));pointer-events:none}
.zsci-grid .zsci-card__name{position:relative;z-index:2;color:#fff;font:800 21px/1.25 Arial,sans-serif;text-align:center;overflow-wrap:anywhere;text-shadow:0 2px 5px rgba(0,0,0,.65)}
.zsci-grid.zsci-columns-2 .zsci-card__name{font-size:17px}
.zsci-grid a.zsci-card:hover{background:#09234a;color:#fff;text-decoration:none}
.zsci-card:hover .zsci-card__image{transform:scale(1.04)}
.zsci-grid a.zsci-card:focus-visible{outline:3px solid var(--sp-blue,#0759b5);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.zsci-grid .zsci-card__image{transition:none}.zsci-card:hover .zsci-card__image{transform:none}}