/* hub: vygenerované z návrhu nástrojom tools/split_css.py */
.hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hub a{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:var(--r-lg);background:#fff;color:var(--ink);border:1px solid var(--line);min-height:230px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s}
.hub a:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(106,31,163,.14);border-color:rgba(145,55,205,.35)}
.hub .gl{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:radial-gradient(80% 90% at 100% 0%,var(--c2,#E9D6F8),transparent 60%),radial-gradient(100% 120% at 0% 100%,var(--c1,#6A1FA3),#9137CD 60%,#C99BEA);margin-bottom:auto}
.hub .gl .i{width:28px;height:28px}
.hub h3{font-family:var(--display);font-weight:500;font-size:clamp(1.3rem,1.8vw,1.7rem);letter-spacing:-.02em;line-height:1.12;margin-top:22px}
.hub p{color:var(--ink-2);font-size:.96rem;line-height:1.62}
.hub small{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--violet-deep);margin-top:6px}
.hub small .i{width:16px;height:16px;transition:transform .3s}
.hub a:hover small .i{transform:translateX(5px)}
.hub a.soon{background:transparent;border-style:dashed}
.hub a.soon .gl{background:var(--mist);color:var(--violet-deep)}
.hub a.soon small{color:var(--fg3)}
.hub a.soon{color:var(--fg)}
.hub a.soon p{color:var(--fg2)}
@media (max-width:1080px){
  .hub{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hub{grid-template-columns:minmax(0,1fr)}
  .hub a{min-height:0}
}
/* poznámka pod mestami, keď filter nič nenájde (doplnené po migrácii) */
.hub+.note{margin-top:20px;font-size:1rem;color:var(--fg2)}
/* mestá: štyri stĺpce a kompaktnejšie karty, miest je veľa (doplnené po migrácii) */
@media (min-width:1081px){
  .hub.hub-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
}
.hub.hub-4 a{padding:22px;min-height:0;gap:8px}
.hub.hub-4 .gl{width:48px;height:48px;border-radius:15px}
.hub.hub-4 .gl .i{width:22px;height:22px}
.hub.hub-4 h3{font-size:clamp(1.15rem,1.4vw,1.4rem);margin-top:14px}
.hub.hub-4 p{font-size:.9rem;line-height:1.55}
.hub.hub-4 small{margin-top:auto;padding-top:6px}