.hub{gap:20px;padding-top:32px;display:grid}@media (min-width:900px){.hub{grid-template-columns:1fr 1fr}}.hub__g{border-radius:var(--r-xl);background:var(--blue-mist);align-content:start;gap:8px;padding:8px;display:grid}.hub__head{border-radius:var(--r-lg);background:var(--blue);color:#fff;transition:transform .3s var(--spring);gap:6px;padding:22px 64px 22px 22px;text-decoration:none;display:grid;position:relative}.hub__head:hover{color:#fff;transform:translateY(-2px)}.hub__head.is-1{background:var(--sun)}.hub__head.is-1,.hub__head.is-1:hover,.hub__head.is-3,.hub__list a{color:var(--blue-ink)}.hub__head.is-2{background:var(--blue-ink)}.hub__head.is-3{box-shadow:inset 0 0 0 2px var(--blue);background:#fff}.hub__name{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.15}.hub__desc{opacity:.88;font-size:.9375rem;line-height:1.4}.hub__go{width:40px;height:40px;transition:transform .3s var(--spring);background:#fff3;border-radius:50%;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:18px;right:18px}.hub__head:hover .hub__go{transform:rotate(45deg)}.hub__list{margin:0;padding:0 4px 4px;list-style:none}.hub__list a{border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 14px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.hub__list a:hover,.hub__list b{color:var(--blue);background:#fff}.hub__list b{white-space:nowrap;border-radius:999px;flex:none;padding:.2em .6em;font-size:.875rem}