.oi-wrap{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffeb,#eaf6ffeb);margin-top:32px;padding:18px 14px 22px}.oi-wrap-head{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:14px;display:flex}.oi-wrap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:640px){.oi-wrap-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.oi-wrap-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.oi-island{border-radius:22px;flex-direction:column;align-items:center;width:100%;display:flex}.oi-island:focus-visible{outline-offset:3px;outline:4px solid #123a72}.oi-island-art{aspect-ratio:1;width:88%;transition:transform .2s ease-out;display:block}.oi-island-art img{object-fit:contain;filter:drop-shadow(0 10px 10px #1e5fbf33);width:100%;height:100%}.oi-island-label{width:100%;min-height:64px;color:var(--color-ink);box-shadow:0 4px 0 #d1e2ec, var(--shadow-soft);text-align:left;background:#fff;border:2px solid #d3e3ed;border-radius:18px;align-items:center;gap:6px;margin-top:-14px;padding:6px 10px 6px 14px;transition:box-shadow .2s ease-out;display:flex}.oi-island-chev{background:var(--color-sky-pale);width:30px;height:30px;color:var(--color-brand-blue);border-radius:999px;flex-shrink:0;padding:6px}@media (hover:hover){.oi-island:hover .oi-island-label{box-shadow:0 5px 0 #d1e2ec, var(--shadow-float)}}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.oi-island:hover .oi-island-art{transform:translateY(-4px)scale(1.03)}}.oi-island:active .oi-island-art{transition-duration:75ms;transform:scale(.98)}}