/* Approved mapaSiłowni Focus layout and interactions, using mapaKortów portal colors. */
.mk-training-guide{--portal-green:#216a4a;--portal-green-dark:#154b34;--portal-ink:#17251e;--portal-hero:#edf7f0;--portal-line:#dfe8e2;--portal-gold:#ffe08a;margin-top:0;margin-bottom:50px;font-family:"Open Sans",Arial,sans-serif;line-height:1.6}
.mk-focus-navigation{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:minmax(180px,auto) minmax(180px,auto);gap:12px;padding:12px;border-radius:28px;background:var(--portal-line)}
.mk-focus-tile{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;transition:box-shadow .25s}
.mk-focus-picture{position:absolute;inset:0;z-index:-2;pointer-events:none}
.mk-focus-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .3s}
.mk-focus-tile:is(:hover,:focus-visible) .mk-focus-picture img{transform:scale(1.045);filter:brightness(1.12)}
.mk-focus-tile:focus-visible{outline:3px solid var(--portal-green);outline-offset:3px}
.mk-focus-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}
.mk-focus-arrow{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--portal-green-dark);box-shadow:inset 0 0 0 1px #216a4a26;transition:background .2s,color .2s}
.mk-focus-arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-focus-tile:is(:hover,:focus-visible) .mk-focus-arrow{background:var(--portal-gold);color:var(--portal-green-dark)}
.mk-focus-map{grid-row:span 2;min-height:380px;background:#181818;color:#fff}
.mk-focus-map::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0003,#0000 65%),linear-gradient(180deg,#0002,#0000 22%,#000b)}
.mk-focus-map .mk-focus-picture img{object-position:66% center}
.mk-focus-map .mk-focus-arrow{top:24px;bottom:auto}
.mk-focus-map>.mk-focus-kicker{max-width:calc(100% - 56px);color:var(--portal-gold)}
.mk-focus-map h2{margin:0 0 18px;color:#fff;font-size:clamp(26px,4.4vw,52px);font-weight:600;line-height:1.04;letter-spacing:-.06em}
.mk-focus-tile p{margin:8px 0 0;font-size:13px;line-height:1.65;color:inherit}
.mk-focus-map p{font-size:13px;color:var(--portal-hero)}
.mk-focus-categories{background:var(--portal-hero);color:var(--portal-green-dark)}
.mk-focus-categories .mk-focus-picture{opacity:.5}
.mk-focus-categories::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf7f0,#edf7f0b8 50%,#edf7f033)}
.mk-focus-tile h3{margin:0;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.04em}
.mk-focus-categories p,.mk-focus-cities p{max-width:260px;padding-right:35px}
.mk-focus-cities{background:radial-gradient(ellipse at 100% 0%,var(--portal-green),transparent 70%),var(--portal-green-dark);color:#fff}
.mk-focus-cities .mk-focus-picture{opacity:.84}
.mk-focus-cities .mk-focus-picture img{object-position:72% center}
.mk-focus-cities:has(.mk-focus-picture)::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#154b34fa,#154b34e6 32%,#154b3473 60%,#154b3420),linear-gradient(0deg,#0003,#0000 65%)}
.mk-focus-cities .mk-focus-kicker{color:var(--portal-gold)}
.mk-focus-cities p{color:var(--portal-hero)}
@media(max-width:760px){
  .mk-focus-navigation{grid-template-columns:1fr 1fr;grid-template-rows:280px minmax(170px,auto);gap:8px;padding:8px;border-radius:22px}
  .mk-focus-map{grid-column:1/-1;grid-row:auto;min-height:0}
  .mk-focus-tile{border-radius:15px;padding:20px;gap:20px}
  .mk-focus-map h2{font-size:38px}
  .mk-focus-tile h3{font-size:24px}
  .mk-focus-tile p{font-size:12px}
  .mk-focus-kicker{font-size:10px}
  .mk-focus-arrow{right:18px;bottom:18px;width:34px;height:34px}
  .mk-focus-map .mk-focus-arrow{top:18px}
  .mk-focus-categories p,.mk-focus-cities p{padding-right:0}
  .mk-focus-categories .mk-focus-arrow,.mk-focus-cities .mk-focus-arrow{position:static;margin-top:0;width:28px;height:28px}
  .mk-focus-categories .mk-focus-arrow svg,.mk-focus-cities .mk-focus-arrow svg{width:16px;height:16px}
}
@media(max-width:380px){.mk-focus-tile{padding:17px}.mk-focus-map h2{font-size:33px}.mk-focus-tile h3{font-size:21px}.mk-focus-navigation{grid-template-rows:270px minmax(180px,auto)}}
@media(prefers-reduced-motion:reduce){.mk-focus-tile,.mk-focus-picture img,.mk-focus-arrow{transition:none}.mk-focus-tile:is(:hover,:focus-visible) .mk-focus-picture img,.mk-focus-tile:is(:hover,:focus-visible) .mk-focus-arrow{transform:none}}
@media(forced-colors:active){.mk-focus-tile{border:1px solid CanvasText}.mk-focus-picture,.mk-focus-tile::after{display:none}.mk-focus-tile,.mk-focus-map h2,.mk-focus-tile p{background:Canvas;color:CanvasText}}