:where(.zsm-w,.zsm-home-news,.zsm-news-grid,.zsm-events-shell,.zsm-team-section,.zsm-program,.zsm-city) {
--zsm-text: var(--zsm-rm-text,#17252b);
--zsm-muted: var(--zsm-rm-muted,#56656d);
--zsm-line: var(--zsm-rm-line,rgba(18,45,52,.13));
--zsm-soft: var(--zsm-rm-soft,#eef3f3);
--zsm-surface: var(--zsm-rm-surface,#fffdf9);
--zsm-accent: var(--zsm-rm-red,#ef3340);
--zsm-link: var(--zsm-rm-accent,#0d8390);
--zsm-link-hover: var(--zsm-rm-accent-strong,#075f69);
--zsm-radius-sm: var(--zsm-rm-radius-sm,10px);
--zsm-radius: var(--zsm-rm-radius,16px);
--zsm-radius-lg: var(--zsm-rm-radius-lg,24px);
--zsm-shadow-sm: var(--zsm-rm-shadow-sm,0 12px 30px rgba(3,27,33,.09));
--zsm-shadow: var(--zsm-rm-shadow,0 22px 54px rgba(3,27,33,.13));
--zsm-font: var(--zsm-rm-font,Inter,Lato,"Open Sans",Roboto,"DejaVu Sans",sans-serif);
}
.zsm-home-news,
.zsm-news-grid,
.zsm-w { box-sizing:border-box; width:100%; font-family:var(--zsm-font); color:var(--zsm-text); }
.zsm-home-news *, .zsm-news-grid *, .zsm-w * { box-sizing:border-box; }
.zsm-w a, .zsm-card a { text-underline-offset:.16em; }
.zsm-w :where(a,button,[tabindex]):focus-visible,
.zsm-card a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.zsm-swipehint,
.zsm-w-swipehint { display:none; margin:-8px 0 10px; color:var(--zsm-muted); font-size:12px; font-weight:760; line-height:1.3; transition:opacity 160ms ease; }
.zsm-swipehint.is-used,
.zsm-w-swipehint.is-used { opacity:0; pointer-events:none; }
:where(.zsm-w,.zsm-home-news,.zsm-news-grid,.zsm-team-section,.zsm-program,.zsm-city,.rm-home-native,.rm-programs-page,.rm-events-shell,.zsm-toplist) [data-zsm-mobile-rail] { scroll-behavior:smooth; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; } .zsm-mobile-rail-ui { display:none; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin:6px 0 0; }
.zsm-mobile-rail-ui[hidden] { display:none; }
.zsm-mobile-rail-ui__hint { display:inline-flex; align-items:center; gap:6px; min-width:0; color:var(--zsm-rm-muted,#56656d); font-size:12px; font-weight:820; line-height:1; letter-spacing:.015em; opacity:0; transform:translateX(-3px); transition:opacity 180ms ease,transform 180ms ease; }
.zsm-mobile-rail-ui__hint.is-visible { opacity:1; transform:none; }
.zsm-mobile-rail-ui__hint.is-used { opacity:0; pointer-events:none; }
.zsm-mobile-rail-ui__hint.is-visible > span { animation:zsm-rail-nudge 620ms ease-in-out 2; }
.zsm-mobile-rail-ui__controls { display:flex; align-items:center; gap:7px; margin-left:auto; }
.zsm-mobile-rail-ui__button { display:grid; place-items:center; width:46px; height:46px; padding:0; border:1px solid rgba(12,83,92,.17); border-radius:14px; background:rgba(255,255,255,.78); box-shadow:0 7px 20px rgba(3,27,33,.06); color:var(--zsm-rm-accent,#0d8390); font:inherit; font-size:21px; font-weight:900; line-height:1; cursor:pointer; touch-action:manipulation; transition:opacity 150ms ease,transform 150ms ease,border-color 150ms ease,background-color 150ms ease; }
.zsm-mobile-rail-ui__button:active:not(:disabled) { transform:scale(.96); }
.zsm-mobile-rail-ui__button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.zsm-mobile-rail-ui__button:disabled { opacity:.26; cursor:default; box-shadow:none; }
@keyframes zsm-rail-nudge { 0%,100% { transform:translateX(0); } 50% { transform:translateX(4px); } }
@media (max-width:820px) {
.zsm-mobile-rail-ui.is-active { display:flex; }
}
.zsm-badge,
.zsm-w-chip {
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:#e2f1f2;
color:#075763;
font-size:var(--zsm-rm-micro,11px);
font-weight:860;
line-height:1;
letter-spacing:.035em;
text-transform:uppercase;
}
.zsm-badge--news,.zsm-w-chip--news { background:#fde8e9; color:#a91620; }
.zsm-badge--wiadomosc,.zsm-w-chip--wiadomosc { background:#e5f2f8; color:#17627e; }
.zsm-badge--artykul,.zsm-w-chip--artykul { background:#efe9f8; color:#5d4384; }
.zsm-badge--komunikat,.zsm-w-chip--komunikat { background:#eff1f2; color:#46545c; }
.zsm-card,
.zsm-w-card {
display:grid;
min-width:0;
overflow:hidden;
border:1px solid var(--zsm-line);
border-radius:var(--zsm-radius);
background:var(--zsm-surface);
box-shadow:var(--zsm-shadow-sm);
transition:transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease;
}
.zsm-card:hover,.zsm-card:focus-within,
.zsm-w-card:hover,.zsm-w-card:focus-within { transform:none; border-color:rgba(13,131,144,.24); box-shadow:0 18px 42px rgba(3,27,33,.13); }
.zsm-card__media,.zsm-w-card__media { position:relative; isolation:isolate; display:block; aspect-ratio:16/9; overflow:hidden; background:var(--zsm-soft); }
.zsm-card__img,.zsm-w-card__img { position:relative; z-index:1; display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:none; }
.zsm-card:hover .zsm-card__img,.zsm-card:focus-within .zsm-card__img,
.zsm-w-card:hover .zsm-w-card__img,.zsm-w-card:focus-within .zsm-w-card__img { filter:none; }
.zsm-card__placeholder,.zsm-w-card__placeholder { display:block; width:100%; height:100%; background:linear-gradient(135deg,#edf2f2,#dce4e5); }
.zsm-card__body,.zsm-w-card__body { min-width:0; padding:15px 17px 18px; }
.zsm-card__meta,.zsm-w-card__meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 9px; margin-bottom:8px; color:#4b5d64; font-size:11.5px; font-weight:740; line-height:1.35; }
.zsm-card__meta time,.zsm-w-card__meta time { margin-left:auto; }
.zsm-card__category,.zsm-w-card__category { color:#43575e; font-size:12px; font-weight:780; text-decoration:none; }
.zsm-card__category:hover,.zsm-w-card__category:hover { color:var(--zsm-link-hover); text-decoration:underline; }
.zsm-card__title,.zsm-w-card__title { margin:0; color:var(--zsm-text); font-size:19px; font-weight:830; line-height:1.22; letter-spacing:-.022em; overflow-wrap:anywhere; }
.zsm-card__title a,.zsm-w-card__title a { color:inherit; -webkit-text-fill-color:currentColor; text-decoration:none; }
.zsm-card__title a:hover,.zsm-w-card__title a:hover { color:var(--zsm-link-hover); }
.zsm-card__excerpt,.zsm-w-card__excerpt { margin:9px 0 0; color:#4e6067; font-size:14.5px; line-height:1.54; }
.zsm-card--hero .zsm-card__title,.zsm-w-card--hero .zsm-w-card__title { font-size:clamp(1.5rem,2.9vw,2.3rem); }
.zsm-card--compact,
.zsm-w-card--mini {
grid-template-columns:88px minmax(0,1fr);
align-items:center;
gap:12px;
padding:10px 0;
border:0;
border-bottom:1px solid var(--zsm-line);
border-radius:0;
background:transparent;
box-shadow:none;
}
.zsm-card--compact:last-child,.zsm-w-card--mini:last-child { border-bottom:0; }
.zsm-card--compact:hover,.zsm-card--compact:focus-within,
.zsm-w-card--mini:hover,.zsm-w-card--mini:focus-within { transform:none; border-color:var(--zsm-line); box-shadow:none; }
.zsm-card--compact .zsm-card__media,.zsm-w-card--mini .zsm-w-card__media { width:88px; aspect-ratio:1/1; border-radius:12px; }
.zsm-card--compact .zsm-card__body,.zsm-w-card--mini .zsm-w-card__body { padding:0; }
.zsm-card--compact .zsm-card__title,.zsm-w-card--mini .zsm-w-card__title { font-size:15px; line-height:1.28; }
.zsm-card--compact .zsm-card__excerpt,.zsm-w-card--mini .zsm-w-card__excerpt { display:none; }
.zsm-card--compact .zsm-card__meta,.zsm-w-card--mini .zsm-w-card__meta { margin-bottom:5px; font-size:var(--zsm-rm-micro,11px); }
.zsm-card--compact .zsm-card__meta time,.zsm-w-card--mini .zsm-w-card__meta time { margin-left:0; } .zsm-card--media-portrait .zsm-card__media,
.zsm-card--media-square .zsm-card__media,
.zsm-card--media-wide .zsm-card__media,
.zsm-w-card--media-portrait .zsm-w-card__media,
.zsm-w-card--media-square .zsm-w-card__media,
.zsm-w-card--media-wide .zsm-w-card__media {
background:linear-gradient(135deg,#edf2f1,#dce8e6);
}
.zsm-card--media-portrait .zsm-card__img,
.zsm-card--media-square .zsm-card__img,
.zsm-card--media-wide .zsm-card__img,
.zsm-w-card--media-portrait .zsm-w-card__img,
.zsm-w-card--media-square .zsm-w-card__img,
.zsm-w-card--media-wide .zsm-w-card__img {
width:100%;
height:100%;
padding:clamp(6px,1vw,12px);
object-fit:contain;
object-position:center;
filter:none;
transform:none;
box-sizing:border-box;
}
.zsm-card--compact.zsm-card--media-portrait .zsm-card__img,
.zsm-card--compact.zsm-card--media-square .zsm-card__img,
.zsm-card--compact.zsm-card--media-wide .zsm-card__img,
.zsm-w-card--mini.zsm-w-card--media-portrait .zsm-w-card__img,
.zsm-w-card--mini.zsm-w-card--media-square .zsm-w-card__img,
.zsm-w-card--mini.zsm-w-card--media-wide .zsm-w-card__img {
width:100%;
height:100%;
padding:5px;
margin:0;
border-radius:8px;
box-shadow:none;
box-sizing:border-box;
}
.zsm-card--compact:hover .zsm-card__img,
.zsm-card--compact:focus-within .zsm-card__img,
.zsm-w-card--mini:hover .zsm-w-card__img,
.zsm-w-card--mini:focus-within .zsm-w-card__img { transform:none; }
.zsm-news-grid { display:grid; grid-template-columns:repeat(var(--zsm-news-cols,3),minmax(0,1fr)); gap:18px; }
.zsm-home-news { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr); gap:22px; align-items:stretch; }
.zsm-home-news__hero,.zsm-home-news__hero > .zsm-card { height:100%; min-height:0; }
.zsm-home-news__side { min-width:0; padding:4px 16px; border:1px solid var(--zsm-line); border-radius:var(--zsm-radius); background:var(--zsm-surface); }
.zsm-home-news__side-stack { display:grid; grid-template-rows:repeat(5,minmax(0,1fr)); min-width:0; min-height:0; height:100%; gap:8px; }
.zsm-w { --zsm-w-text:var(--zsm-text); --zsm-w-muted:var(--zsm-muted); --zsm-w-line:var(--zsm-line); --zsm-w-surface:var(--zsm-surface); --zsm-w-radius:var(--zsm-radius); --zsm-w-accent:var(--zsm-accent); }
.zsm-w-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin:0 0 22px; }
.zsm-w-head__copy { min-width:0; padding-left:13px; border-left:3px solid var(--zsm-w-accent); }
.zsm-w-head__eyebrow { display:block; margin-bottom:5px; color:var(--zsm-w-accent); font-size:11.5px; font-weight:850; line-height:1.2; letter-spacing:.1em; text-transform:uppercase; }
.zsm-w-head__title { margin:0; color:var(--zsm-w-text); font-size:clamp(1.5rem,2.3vw,2.05rem); font-weight:830; line-height:1.06; letter-spacing:-.035em; text-wrap:balance; }
.zsm-w-head__more { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 12px; border:1px solid var(--zsm-w-line); border-radius:999px; color:var(--zsm-w-text); font-size:12px; font-weight:800; text-decoration:none; }
.zsm-w-head__more::after { content:"→"; margin-left:6px; }
.zsm-w-head__more:hover { border-color:rgba(13,131,144,.3); color:var(--zsm-link-hover); }
.zsm-w-empty,.zsm-empty { margin:0; padding:14px 16px; border:1px dashed var(--zsm-line); border-radius:14px; color:var(--zsm-muted); font-size:13px; }
body.rm-template-home .zsm-w-head__title { color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.16); }
body.rm-template-home .zsm-w-head__eyebrow { color:#ff7b84; }
body.rm-template-home .zsm-w-head__copy { border-left-color:#ef3340; }
body.rm-template-home .zsm-w-head__more { border-color:rgba(255,255,255,.28); color:#fff; }
@media (max-width:980px) {
.zsm-home-news { grid-template-columns:1fr; }
.zsm-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
.zsm-swipehint,.zsm-w-swipehint { display:block; }
.zsm-news-grid { grid-template-columns:1fr; }
.zsm-home-news__side { padding:0; border:0; background:transparent; overflow:visible; }
.zsm-home-news__side-stack { display:flex; gap:12px; max-width:100%; overflow-x:auto; padding:2px 16px 12px 1px; scroll-snap-type:x mandatory; scrollbar-width:none; }
.zsm-home-news__side-stack::-webkit-scrollbar { display:none; }
.zsm-home-news__side-stack > .zsm-card--compact { flex:0 0 min(84vw,340px); padding:10px; border:1px solid var(--zsm-line); border-radius:var(--zsm-radius); background:var(--zsm-surface); scroll-snap-align:start; }
.zsm-w-head { gap:10px; margin-bottom:18px; }
.zsm-w-head__title { font-size:clamp(1.45rem,7vw,1.9rem); }
.zsm-w-head__more { min-height:44px; }
body.zsm-rm .zsm-w-card,
body.zsm-rm .zsm-card { color:#1d2b31; }
body.zsm-rm .zsm-w-card__title,
body.zsm-rm .zsm-w-card__title a,
body.zsm-rm .zsm-card__title,
body.zsm-rm .zsm-card__title a { color:#17272e; }
body.zsm-rm .zsm-w-card__excerpt,
body.zsm-rm .zsm-card__excerpt { color:#4f5f67; }
body.zsm-rm .zsm-w-card__meta,
body.zsm-rm .zsm-card__meta { color:#506069; }
body.zsm-rm .zsm-w-card__category,
body.zsm-rm .zsm-card__category { color:#43545d; }
.zsm-card--compact,.zsm-w-card--mini { grid-template-columns:84px minmax(0,1fr); }
.zsm-card--compact .zsm-card__media,.zsm-w-card--mini .zsm-w-card__media { width:84px; }
body.zsm-rm .zsm-w-card--mini .zsm-w-card__meta,
body.zsm-rm .zsm-card--compact .zsm-card__meta {
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:center;
gap:5px 7px;
}
body.zsm-rm .zsm-w-card--mini .zsm-w-card__meta time,
body.zsm-rm .zsm-card--compact .zsm-card__meta time { grid-column:1/-1; margin-left:0; }
}
@media (prefers-reduced-motion:reduce) {
.zsm-card,.zsm-w-card,.zsm-card__img,.zsm-w-card__img,.zsm-swipehint,.zsm-w-swipehint { transition:none; }
.zsm-card:hover,.zsm-card:focus-within,.zsm-w-card:hover,.zsm-w-card:focus-within,
.zsm-card:hover .zsm-card__img,.zsm-card:focus-within .zsm-card__img,.zsm-w-card:hover .zsm-w-card__img,.zsm-w-card:focus-within .zsm-w-card__img { transform:none; }
}
@media (prefers-reduced-motion: reduce) {
.zsm-mobile-rail-ui__hint,
.zsm-mobile-rail-ui__button { transition:none; }
.zsm-mobile-rail-ui__hint.is-visible > span { animation:none; }
}