@media screen{
  html.scale-150{
    --fs-display:54px; --fs-lucky:96px; --fs-title-1:66px; --fs-title-2:42px; --fs-title-3:33px; --fs-content-h2:38px;
    --fs-title-4:27px; --fs-body:24px; --fs-nav:23px; --fs-meta:21px; --fs-label:20px; --fs-micro:18px;
  }
  html.scale-200{
    --fs-display:72px; --fs-lucky:128px; --fs-title-1:88px; --fs-title-2:56px; --fs-title-3:44px; --fs-content-h2:50px;
    --fs-title-4:36px; --fs-body:32px; --fs-nav:30px; --fs-meta:28px; --fs-label:26px; --fs-micro:24px;
  }
  @media (max-width:768px){ html.scale-150{--fs-title-1:40px; --fs-title-2:34px; --fs-display:44px; --fs-lucky:80px}
    html.scale-200{--fs-title-1:46px; --fs-title-2:40px; --fs-title-3:38px; --fs-content-h2:40px; --fs-display:52px; --fs-lucky:96px; --fs-title-4:28px}
    html.scale-200 .brand-name{font-size:var(--fs-label)}
    :is(html.scale-150, html.scale-200) .topbar{display:flex; flex-direction:column-reverse; align-items:stretch; gap:10px}
    :is(html.scale-150, html.scale-200) .top-actions{position:static; justify-content:flex-end; margin-left:0}
    :is(html.scale-150, html.scale-200) .topbar .brand{padding-right:0}
    :is(html.scale-150, html.scale-200) .topbar .brand-text{margin-right:0} }
  html.scale-150 body, html.scale-200 body{font-size:var(--fs-body)}
  :is(html.scale-150, html.scale-200) :is(p, li, dd, dt, td, th, h1, h2, h3, h4, figcaption, blockquote, b, strong, span, a){overflow-wrap:break-word}
  :is(html.scale-150, html.scale-200) :is(button, label, nav, .foot-langs__item, .chips a, .crumbs--pills a, .lang-pick__btn, .search-btn, .archive-btn,
    .tabs-bar a, .tabs-bar button, .wybor-roku__item, .pager a, .pager span, .sample-badge, .access-bar){overflow-wrap:normal; word-break:normal}
  :is(html.scale-150, html.scale-200) .foot-langs__item{white-space:nowrap}
  :is(html.scale-150, html.scale-200) .search-form input[type="search"]{font-size:var(--fs-body)}
  :is(html.scale-150, html.scale-200) :is(.hero-controls button, .crumbs--pills a, .crumbs--pills .cur, .lb-bar button, .lb-download, .chips a,
    .archive-btn, .archive-dialog .newest, .listen button, .search-btn, .lang-pick__btn, .foot-langs__item, .search-form input[type="search"],
    .search-form button, .wybor-roku__item, .wybor-roku--klasa .wybor-roku__item, .wybor-roku--maly .wybor-roku__item){height:auto; min-height:40px; padding-top:6px; padding-bottom:6px}
  :is(html.scale-150, html.scale-200) :is(.crumbs--pills a, .crumbs--pills .cur, .more){white-space:normal}
  :is(html.scale-150, html.scale-200) .sample-badge{max-width:calc(100% - 24px); white-space:normal}
  :is(html.scale-150, html.scale-200) :is(.crumbs--pills .cur, .block.sitemap li a, .block.sitemap .az-letter, .sitemap-jump a, .toc li a,
    .block-quote, .block-quote footer, .lb-tip, .zdjecia figcaption, .osoba b, .osoba .txt > span, .grono-lista .klasa, .grono-lista .uczy,
    .content .block-menu .dzien > h2, .content .block-menu .danie h3, .content .block-menu .danie .tekst, .content .block-menu .danie .tekst p,
    .content .block-menu .danie .alerg, .loga .nazwa, .logo-zaslepka, .partner b, .partner .opis, .side-galleries b, .side-galleries small,
    .block-hero .slide .cap p, .wybor-roku__rok, .wybor-roku__klasa, .album b, .alert p, .alert-box li, .alert-popup p, .form__error::before){line-height:1.35}
  :is(html.scale-150, html.scale-200) .opinion__text::before{height:auto; line-height:1}
  :is(html.scale-150, html.scale-200) .poziom-nr{line-height:1.2}
  html.scale-150 body *::before, html.scale-200 body *::before{flex-shrink:0; overflow-wrap:normal}
  :is(html.scale-150, html.scale-200) :is(.skroty, .news, .news-lista, .liczby, .block-mt, .block-tiles, .block-steps .steps, .block-opinions, .cal-row,
    .grono, .nauczyciele, .content .partnerzy, .foot-main, .wpis-nawigacja, .klasa-przyciski, .layout){grid-template-columns:minmax(0, 1fr) !important}
  :is(html.scale-150, html.scale-200) :is(.block-mt--right) > *{order:initial}
  :is(html.scale-150, html.scale-200) .children--many ul{display:block}
  :is(html.scale-150, html.scale-200) .foot-col:first-child{grid-column:auto}
  :is(html.scale-150, html.scale-200) .foot-langs ul{display:flex}
  :is(html.scale-150, html.scale-200) .foot-langs ul .foot-langs__item{width:auto}
  :is(html.scale-150, html.scale-200) .topbar{flex-wrap:wrap; row-gap:12px}
  :is(html.scale-150, html.scale-200) .top-actions{flex-wrap:wrap; margin-left:auto}
  :is(html.scale-150, html.scale-200) .search-btn svg, :is(html.scale-150, html.scale-200) .lang-pick__btn svg{width:24px; height:24px}
  @media (min-width:769px) and (max-width:1199px){
    :is(html.scale-150, html.scale-200) :is(.search-btn, .lang-pick__btn){width:auto; padding:6px 16px 6px 12px; border-radius:999px}
    :is(html.scale-150, html.scale-200) .search-btn .txt{position:static; width:auto; height:auto; overflow:visible; clip:auto}
    :is(html.scale-150, html.scale-200) .lang-pick__current{display:inline}
  }
  :is(html.scale-150, html.scale-200) :is(.topcall .ic, .skrot .ic, .children li a .ic, .block li a .ic, .block-link .ic, .foot-data .ic, .alert .ic, .callbtn){
    width:auto; height:auto; min-width:34px; aspect-ratio:1 / 1; padding:8px; line-height:1}
  html.scale-150 .ic .icon-phone{width:27px; height:27px} html.scale-200 .ic .icon-phone{width:36px; height:36px}
  html.scale-150 .callbtn .icon-phone{width:30px; height:30px} html.scale-200 .callbtn .icon-phone{width:36px; height:36px}
  :is(html.scale-150, html.scale-200) nav.main > ul{flex-wrap:wrap; justify-content:flex-start}
  :is(html.scale-150, html.scale-200) nav.main{background-image:none}
  html.scale-150 nav.main > ul{gap:6px} html.scale-150 nav.main > ul > li > a{padding-left:27px; padding-right:27px}
  html.scale-200 nav.main > ul{gap:8px} html.scale-200 nav.main > ul > li > a{padding-left:36px; padding-right:36px}
  :is(html.scale-150, html.scale-200) .lang-pick__menu, :is(html.scale-150, html.scale-200) .lang-pick__menu:has(> li:nth-child(7)){columns:auto; width:max-content;
    left:auto; right:0; max-width:calc(100vw - 32px); max-height:calc(100vh - 140px); overflow-y:auto}
  :is(html.scale-150, html.scale-200) nav.main .sub{max-width:calc(100vw - 32px)}
  html.scale-150 .search-dialog{width:min(1000px, calc(100vw - 32px))} html.scale-200 .search-dialog{width:min(1240px, calc(100vw - 32px))}
  :is(html.scale-150, html.scale-200) .search-form input[type="search"]{text-overflow:ellipsis}
  :is(html.scale-150, html.scale-200) .search-dialog :is(.search-info, .results):empty{display:none}
  @media (max-width:640px){ html.scale-200 .search-form input[type="search"]{font-size:var(--fs-meta); padding:0 10px} }
  @media (min-width:641px){ :is(html.scale-150, html.scale-200) .mobile-panel{max-width:600px} }
  :root.contrast{
    --hc-bg:#000000; --hc-fg:#FFFF00; --hc-hover:#7FBFFF;
    --navy:var(--hc-fg); --navy-deep:var(--hc-bg); --orange:var(--hc-fg); --orange-deep:var(--hc-fg); --orange-2:var(--hc-fg);
    --peach:var(--hc-bg); --peach-deep:var(--hc-fg); --cream:var(--hc-bg); --ink:var(--hc-fg); --muted:var(--hc-fg); --line:var(--hc-fg); --card:var(--hc-bg);
    --bar1:var(--hc-bg); --bar2:var(--hc-bg); --bar-solid:var(--hc-bg); --act-bg:var(--hc-bg); --shadow:none;
    --page-bg:var(--hc-bg); --header-bg:var(--hc-bg); --hover-bg:var(--hc-bg); --tint:var(--hc-bg); --theme-color:var(--hc-bg);
    --dark:var(--hc-bg); --dark-deep:var(--hc-bg); --on-dark:var(--hc-fg); --on-dark-soft:var(--hc-fg); --on-dark-muted:var(--hc-fg); --on-dark-light:var(--hc-fg);
  }
  html.contrast, html.contrast.mourning-full{filter:none; background:var(--hc-bg)}
  html.contrast body, html.contrast body *:not(img, video, iframe, object, canvas){background-color:var(--hc-bg) !important; background-image:none !important;
    color:var(--hc-fg) !important; border-color:var(--hc-fg) !important; box-shadow:none !important; text-shadow:none !important}
  html.contrast body *::before, html.contrast body *::after{background-image:none !important; box-shadow:none !important; color:var(--hc-fg) !important}
  html.contrast .foot-langs__item[data-tip]::after{background-color:var(--hc-hover) !important; color:var(--hc-bg) !important; border:2px solid var(--hc-hover)}
  html.contrast .foot-langs__item[data-tip]::before{border-top-color:var(--hc-hover) !important}
  html.contrast .foot-langs ul:has(> li:nth-child(11)) li:nth-child(n+11) .foot-langs__item[data-tip]::before{border-top-color:transparent !important; border-bottom-color:var(--hc-hover) !important}
  html.contrast .lang-tipbox{background-color:var(--hc-hover) !important; color:var(--hc-bg) !important; border:2px solid var(--hc-hover)}
  html.contrast .lang-tipbox::after{border-left-color:var(--hc-hover) !important}
  html.contrast .slide .go{background-color:transparent !important}
  html.contrast a{text-decoration:underline !important}
  html.contrast .faq__q::after{content:"\25BE"; display:grid; place-items:center; font-size:var(--fs-title-4); line-height:1; background:var(--hc-bg) !important; border:2px solid var(--hc-fg)}
  html.contrast :is(button, .skip, [role="button"], input, select, textarea){border:2px solid var(--hc-fg) !important}
  html.contrast :is(.skrot, .post, .liczby > div, .block-lucky, .not-found, .children, .block, .block-link, .band--card, .tile, .opinion, .osoba,
    .klasa-opis, .os-czasu, .block-menu .dzien, .partner, .side-box, .mapa-sekcja, .banner, .spis, .klasa-poz, .klasy-lista, .album, .toc,
    .block-info, .contact, .step, .tl__item, .faq__item, .cal-event, .alert-box, .demo-box-in, .wpis-nawigacja a, fieldset){border:3px solid var(--hc-fg) !important}
  html.contrast :is(.foot-langs__item, .chips a, .crumbs--pills a, .lang-pick__btn, .lang-pick__menu a, .lang-dialog__list a, .search-btn, .archive-btn, .archive-dialog .newest,
    .wybor-roku__item, .tabs-bar a, .pager a, .sitemap-jump a){text-decoration:none !important; border:2px solid var(--hc-fg) !important}
  html.contrast :is([aria-current]:not([aria-current="false"]), [aria-selected="true"], [aria-pressed="true"], a.is-active, a.is-on, .wybor-roku__item.is-on),
  html.contrast :is([aria-current]:not([aria-current="false"]), [aria-selected="true"], [aria-pressed="true"], a.is-active, a.is-on, .wybor-roku__item.is-on) *{background-color:var(--hc-fg) !important; color:var(--hc-bg) !important; text-decoration:none !important}
  html.contrast .hero{height:auto !important; overflow:visible; border-radius:0; display:flex; flex-direction:column; gap:16px; touch-action:auto}
  html.contrast .hero .slide{position:relative !important; inset:auto !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    border:3px solid var(--hc-fg) !important; border-radius:var(--radius); overflow:hidden}
  html.contrast .hero .slide::after{content:none}
  html.contrast .hero .slide > img, html.contrast .hero .slide picture, html.contrast .hero .slide .slide__side{position:static !important; display:block; width:100% !important; height:220px !important}
  html.contrast .hero .slide img{width:100%; height:220px !important; object-fit:cover}
  html.contrast .hero .slide .cap{position:static !important; max-width:none !important; padding:20px !important}
  html.contrast .hero .slide .cap :is(h2, p){display:block !important; -webkit-line-clamp:unset !important; overflow:visible !important}
  html.contrast :is(.hero .dots, .hero .arrows, .hero-controls){display:none !important}
  html.contrast, html.contrast *, html.contrast *::before, html.contrast *::after{animation:none !important; transition:none !important; scroll-behavior:auto !important}
  html.contrast svg [fill]:not([fill="none"]){fill:currentColor}
  html.contrast svg [stroke]:not([stroke="none"]){stroke:currentColor}
  html.contrast ::selection{background:var(--hc-fg); color:var(--hc-bg)}
  html.contrast, html.contrast *{scrollbar-color:var(--hc-fg) var(--hc-bg)}
  html.contrast :is(.lang-dialog__in, .search-dialog){border:3px solid var(--hc-fg) !important}
  html.contrast :is(nav.main > ul > li > a, nav.main .sub a, .mobile-panel .mlink, .mobile-panel .msub a, .vmenu a, .foot-col li a, .foot-short-links a, .foot-min-links a){border:2px solid var(--hc-fg) !important; border-radius:8px; text-decoration:none !important}
  html.contrast :is(.foot-col li a, .foot-short-links a, .foot-min-links a){display:inline-flex; padding:4px 10px}
  html.contrast nav.main > ul{padding-top:12px; padding-bottom:12px}
  html.contrast.scale-150 nav.main > ul{padding-top:18px; padding-bottom:18px}
  html.contrast.scale-200 nav.main > ul{padding-top:24px; padding-bottom:24px}
  html.contrast :is(nav.main > ul, .foot-langs ul, .chips, .wybor-roku ul, .top-actions, .foot-short-links, .foot-min-links, .tabs-bar, .pager, .sitemap-jump){gap:10px !important}
  html.contrast.scale-150 :is(nav.main > ul, .foot-langs ul, .chips, .wybor-roku ul, .top-actions, .foot-short-links, .foot-min-links, .tabs-bar, .pager, .sitemap-jump){gap:15px !important}
  html.contrast.scale-200 :is(nav.main > ul, .foot-langs ul, .chips, .wybor-roku ul, .top-actions, .foot-short-links, .foot-min-links, .tabs-bar, .pager, .sitemap-jump){gap:20px !important}
  html.contrast .foot-col li{margin-bottom:10px}
  html.contrast .mobile-panel > ul > li + li{margin-top:6px}
  html.contrast :is(a:not(.go), button, summary, [role="button"]):is(:hover, :focus-visible),
  html.contrast :is(a:not(.go), button, summary, [role="button"]):is(:hover, :focus-visible) *{background-color:var(--hc-hover) !important; color:var(--hc-bg) !important;
    border-color:var(--hc-hover) !important}
  html.contrast .slide:has(.go:is(:hover, :focus-visible)) .cap, html.contrast .slide:has(.go:is(:hover, :focus-visible)) .cap *{background-color:var(--hc-hover) !important; color:var(--hc-bg) !important}
  html.contrast :focus-visible{outline:3px solid var(--hc-hover) !important; outline-offset:2px}
  html.contrast :is(nav.main, .mobile-panel, .vmenu, .lang-pick__menu, .lang-dialog__list) :focus-visible{outline-offset:-3px !important}
}
.access-bar{position:fixed; z-index:85; display:flex; flex-direction:column; gap:4px}
.access-bar--right-middle, .access-bar--right-bottom{right:0}
.access-bar--left-middle, .access-bar--left-bottom{left:0}
.access-bar--right-middle, .access-bar--left-middle{top:50%; transform:translateY(-50%)}
.access-bar--right-bottom{bottom:72px}
.access-bar--left-bottom{bottom:16px}
html{--ab-bg:var(--navy); --ab-fg:#FFFFFF; --ab-border:transparent}
html.night{--ab-bg:#E6E6E6; --ab-fg:#121212; --ab-border:#FFFFFF}
html.cream{--ab-bg:#2B2620; --ab-fg:#FBF6EA; --ab-border:transparent}
html.contrast{--ab-bg:var(--hc-bg); --ab-fg:var(--hc-fg); --ab-border:var(--hc-fg)}
.access-bar__btn{display:grid; place-items:center; width:48px; height:48px; padding:0; border:2px solid var(--ab-border); border-radius:10px 0 0 10px; background:var(--ab-bg); color:var(--ab-fg); cursor:pointer; box-shadow:var(--shadow)}
.access-bar--left-middle .access-bar__btn, .access-bar--left-bottom .access-bar__btn{border-radius:0 10px 10px 0}
.access-bar__btn:hover{box-shadow:inset 0 0 0 3px var(--ab-fg)}
.access-bar__btn:focus-visible{outline:3px solid var(--ab-bg); outline-offset:2px; box-shadow:inset 0 0 0 3px var(--ab-fg)}
.access-bar__btn svg{width:24px; height:24px}
.access-bar__aa{font-size:var(--fs-tool); font-weight:800; line-height:1; letter-spacing:0}
.access-bar__aa b{font-size:var(--fs-tool-big); font-weight:900}
@media (max-width:640px){
  .access-bar__btn{width:40px; height:40px}
  .access-bar__aa{font-size:var(--fs-micro)} .access-bar__aa b{font-size:var(--fs-title-4)}
  .access-bar__btn svg{width:20px; height:20px}
}
.lang-dialog{width:100vw; height:100vh; max-width:none; max-height:none; margin:0; padding:16px; border:0; background:transparent; overflow-y:auto}
.lang-dialog::backdrop{background:#2B2B2B}
.lang-dialog__in{max-width:900px; margin:5vh auto; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--card); color:var(--ink); box-shadow:var(--shadow)}
.lang-dialog__head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; margin:0 0 20px}
.lang-dialog__head h2{margin:0; font-size:var(--fs-title-2)}
.lang-dialog__close{display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:6px 18px; border:2px solid var(--navy); border-radius:12px; background:var(--card); color:var(--navy); font:inherit; font-size:var(--fs-title-4); font-weight:800; cursor:pointer}
.lang-dialog__close svg{width:22px; height:22px}
.lang-dialog__list{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; margin:0; padding:0; list-style:none}
.lang-dialog__list a{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:10px 18px; border:2px solid var(--line); border-radius:12px; color:var(--navy); font-size:var(--fs-title-4); font-weight:700; text-decoration:none}
.lang-dialog__list a:hover{background:var(--peach)}
.lang-dialog__list a[aria-current]{background:var(--peach); border-color:var(--orange-deep); font-weight:800}
.lang-dialog__list [data-tip]::after{content:none}
.lang-dialog__names{display:flex; flex-direction:column; gap:2px}
.lang-dialog__sub{font-size:var(--fs-meta); font-weight:600; color:var(--muted)}
.access-big{display:none}
:is(html.scale-150, html.scale-200, html.contrast) .access-big{display:inline}
:is(html.scale-150, html.scale-200, html.contrast) .access-small{display:none}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog{position:fixed; width:min(900px, calc(100vw - 32px)); max-height:calc(100vh - 32px); margin:5vh auto 0; padding:24px; border-radius:18px; overflow-y:auto}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog::backdrop{background:#2B2B2B; backdrop-filter:none}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog__title{display:block; margin:0 0 16px; padding-right:200px; font-size:var(--fs-title-2)}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form{flex-wrap:wrap; gap:12px; padding:0 0 16px}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form label.sr{position:static; order:-1; flex:1 1 100%; width:auto; height:auto; margin:0; overflow:visible;
  clip:auto; clip-path:none; white-space:normal; font-size:var(--fs-title-4); font-weight:700; color:var(--navy)}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form input[type="search"]{flex:1 1 280px; order:0; height:auto; min-height:56px}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form button[type="submit"]{display:inline-flex; align-items:center; order:1; flex:none; width:auto; height:auto; min-height:56px; padding:6px 24px; font-size:var(--fs-title-4)}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form .close{position:absolute; top:24px; right:24px; display:inline-flex; align-items:center; gap:8px; width:auto; height:auto;
  min-height:48px; margin:0; padding:6px 18px; border:2px solid var(--navy); border-radius:12px; background:var(--card); color:var(--navy); font-size:var(--fs-title-4); font-weight:800}
@media (max-width:640px){ :is(html.scale-150, html.scale-200, html.contrast) .search-dialog__title{padding-right:0}
  :is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form .close{position:static; order:2} }
html.contrast :is(.search-dialog, .lang-dialog)::backdrop{background:var(--hc-bg, #000)}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog :is(.search-info, .results):empty{display:none}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog .search-form{border-bottom:0}
@media screen{
  :root.night{
    --navy:#E6E6E6; --navy-deep:#FFFFFF; --ink:#E6E6E6; --muted:#B0B0B0;
    --orange:#9E9E9E; --orange-deep:#FFFFFF; --orange-2:#C8C8C8;
    --peach:#262626; --peach-deep:#4A4A4A; --cream:#121212; --line:#3A3A3A; --card:#1E1E1E;
    --bar1:#303030; --bar2:#2A2A2A; --bar-solid:#303030; --act-bg:rgba(255,255,255,.14);
    --page-bg:#121212; --header-bg:#181818; --hover-bg:#2A2A2A; --tint:#1E1E1E; --theme-color:#121212;
    --dark:#303030; --dark-deep:#2A2A2A; --on-dark:#E6E6E6; --on-dark-soft:#B0B0B0; --on-dark-muted:#A0A0A0; --on-dark-light:#C8C8C8;
    --warm-rgb:0,0,0; --shade-rgb:0,0,0; --accent-rgb:160,160,160;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.35);
    color-scheme:dark;
  }
  html.night, html.night.mourning-full{filter:none}
  :root.night{--night-photo:grayscale(1) brightness(.9)}
  html.night img:not(.brand-mark){filter:var(--night-photo)}
  html.night a{text-decoration-color:currentColor}
  html.night :is(.content, .page-body) a:not([class]){color:#FFFFFF; text-decoration:underline}
  html.night :is(nav.main .sub, .mobile-panel, .cal-event, .lang-pick__menu, .search-dialog, .osoba-dialog, .archive-dialog){background:var(--card)}
  html.night .arrows button{background:rgba(30,30,30,.92)}
  html.night .band--accent .tl__item::before{background:var(--card)}
  html.night .lang-hint__go, html.night .foot-langs__item[aria-current]{background:#E6E6E6; border-color:#E6E6E6; color:#121212}
  html.night .demo-box-in{background:var(--card)}
  html.night .dots button::before{background:rgba(255,255,255,.4)}
  html.night :is(.search-form button, .hero-controls button, .listen button){background:#E6E6E6; color:#121212; border-color:#E6E6E6}
  html.night :is(.skip, nav.main .sub a.is-active, .mrow .mlink.is-active, .msub a.is-active, .not-found__btn, .block.sitemap .az-index a:hover, .cta__btn, .embed-load,
    .chips a[aria-current], .chips-more:hover, .pager span[aria-current], .archive-title .back:hover, .osoba-dialog .zamknij:hover, .archive-btn:hover, .archive-dialog .newest:hover,
    .archive-dialog .zamknij:hover, .archive-dialog a[aria-current], a.kwadrat:hover, a.kwadrat:focus-visible, .kwadrat .hover, .os-czasu .teraz .kwadrat.mini, .side-box li a.is-active,
    .side-box.tree li a.is-active, .month-nav a:hover, .month-nav a.is-on, .tag.ev, .tag.exam, body.menu-vertical .vmenu .msub a.is-active, .search-form button, .lata .rok.is-active,
    .droga-lista li.teraz, .wybor-roku__item.is-on, .alert .ic, .alert-popup button, .dzien .dzis-lbl, .lang-tipbox, .kwadrat:hover, .kwadrat:focus-visible,
    .step::before, .tl__item::before){color:#121212}
  html.night :is(.skip, .wybor-roku__item.is-on) *{color:inherit}
  html.night :is(.monogram, .klasy .monogram.etykieta, .lang-hint){background:#333333; color:#FFFFFF}
  html.night .z0{background:#2E2E2E} html.night .z1{background:#3A3A3A} html.night .z2{background:#353535} html.night .z3{background:#404040}
  html.night .z4{background:#383838} html.night .z5{background:#434343} html.night .z6{background:#3D3D3D} html.night .z7{background:#313131}
  html.night :is(.sep, .arr, .crumbs .sep){color:#8A8A8A}
  html.night .slide .cap small{color:#C8C8C8}
  html.night :is(.slide--dark, .slide--accent, .slide--warm, .band--dark, .band--accent, .band--warm, .block-cta){background:#303030; color:#E6E6E6}
  html.night :is(.slide--dark, .slide--accent, .slide--warm, .band--accent, .block-cta) :is(h2, h3, p, small){color:#E6E6E6}
  html.night .wybor-roku--maly .wybor-roku__item.is-on{background:#E6E6E6; border-color:#E6E6E6; color:#121212}
  html.night .wybor-roku--maly .is-on .wybor-roku__rok{color:#121212}
  html.night .callbtn{color:#E6E6E6}
  html.night .kir path{fill:#E6E6E6}
  html.night :focus-visible{outline:2px solid #FFFFFF; outline-offset:2px}
  html.night :is(a, button, summary):hover{outline:2px solid #C8C8C8; outline-offset:2px}
  html.night ::selection{background:#4A4A4A; color:#FFFFFF}
}
@media screen{
  :root.cream{
    --navy:#2B2620; --navy-deep:#1C1813; --ink:#2B2620; --muted:#5A5247;
    --orange:#8A7756; --orange-deep:#3D3428; --orange-2:#B5A27F;
    --peach:#F4ECD8; --peach-deep:#D9CDB4; --cream:#FBF6EA; --line:#E4D9C2; --card:#FFFCF4;
    --bar1:#3D3428; --bar2:#2B2620; --bar-solid:#3D3428; --act-bg:rgba(255,255,255,.16);
    --page-bg:#FBF6EA; --header-bg:#FBF6EA; --hover-bg:#F4ECD8; --tint:#F4ECD8; --theme-color:#FBF6EA;
    --dark:#2B2620; --dark-deep:#1F1B16; --on-dark:#F4ECD8; --on-dark-soft:#D9CDB4; --on-dark-muted:#C9BC9F; --on-dark-light:#E4D9C2;
    --warm-rgb:43,38,32; --shade-rgb:31,27,22; --accent-rgb:138,119,86;
    --shadow:0 1px 2px rgba(43,38,32,.06), 0 12px 30px rgba(43,38,32,.10);
  }
  html.cream :is(.content, .page-body) a:not([class]){color:#2B2620; text-decoration:underline}
  html.cream .demo-box-in{background:#F4ECD8}
}
.access-dialog .lang-dialog__in{max-width:1400px; container-type:inline-size}
.access-dialog .access-dialog__list--colors{grid-template-columns:repeat(3, minmax(0, 1fr)); grid-auto-rows:minmax(88px, 1fr)}
.access-dialog :is(.access-dialog__list--sizes, .access-dialog__list--modes){grid-template-columns:repeat(3, minmax(0, 1fr)); grid-auto-rows:minmax(88px, 1fr)}
.access-dialog__list > li{display:flex; min-width:0}
.access-dialog__list .access-dialog__opt{height:auto; min-width:0}
.access-dialog__name{min-width:0; white-space:normal; overflow-wrap:break-word}
.access-dialog__check{flex:none}
.access-dialog__list .access-dialog__opt--size{justify-content:center; text-align:center}
html.scale-150 .access-dialog__list{grid-auto-rows:minmax(112px, 1fr)} html.scale-200 .access-dialog__list{grid-auto-rows:minmax(140px, 1fr)}
.access-dialog__section{margin:0 0 32px; padding:0}
.access-dialog__section + .access-dialog__section, .access-dialog__done{border-top:2px solid currentColor; padding-top:32px}
.access-dialog .lang-dialog__in{padding:40px}
.access-dialog .lang-dialog__head{margin-bottom:32px}
.lang-dialog__head{padding-bottom:32px; border-bottom:2px solid currentColor}
.lang-dialog__in > .lang-dialog__head{margin-bottom:32px}
:is(html.scale-150, html.scale-200, html.contrast) .search-dialog__title{padding-bottom:32px; margin-bottom:32px; border-bottom:2px solid currentColor}
@media (max-width:640px){ .access-dialog .lang-dialog__in{padding:24px} }
.access-dialog .lang-dialog__in{color:var(--ink)}
.access-dialog .lang-dialog__head h2{font-size:var(--fs-title-2)}
.access-dialog__done{display:flex; justify-content:center; margin-top:0}
.access-dialog__ok{width:min(100%, 480px); min-height:60px; padding:10px 24px; border:2px solid var(--navy); border-radius:12px; background:var(--navy); color:#fff;
  font:inherit; font-size:var(--fs-title-4); font-weight:800; cursor:pointer}
.access-dialog__ok:is(:hover, :focus-visible){outline:4px solid var(--orange-2); outline-offset:3px}
html.night .access-dialog__ok{background:#E6E6E6; border-color:#E6E6E6; color:#121212}
.access-dialog__section:last-child{margin-bottom:0}
.access-dialog h3{margin:0 0 16px; font-size:var(--fs-title-4); color:var(--navy)}
.access-dialog__list{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; margin:0; padding:0; list-style:none}
.access-dialog__opt{display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:64px; padding:10px 18px; border:3px solid var(--o-fg); border-radius:12px;
  background:var(--o-bg); color:var(--o-fg); font:inherit; font-size:var(--fs-title-4); font-weight:800; text-align:left; cursor:pointer}
.access-dialog__opt--size{--o-bg:var(--card); --o-fg:var(--navy)}
.access-dialog__check{visibility:hidden}
.access-dialog__opt[aria-pressed="true"] .access-dialog__check{visibility:visible}
.access-dialog__opt[aria-pressed="true"]{outline:4px solid var(--orange-deep); outline-offset:3px}
.access-dialog__opt:is(:hover, :focus-visible){outline:4px solid var(--orange-2); outline-offset:3px}
.access-dialog__name{display:inline-flex; align-items:baseline; gap:10px}
.access-dialog__sample{font-weight:900; line-height:1}
.access-dialog__sample--100{font-size:var(--fs-sample-1)} .access-dialog__sample--150{font-size:var(--fs-sample-2)} .access-dialog__sample--200{font-size:var(--fs-sample-3)}
html.contrast .access-dialog__opt[data-variant], html.contrast .access-dialog__opt[data-variant] *{background-color:var(--o-bg) !important; color:var(--o-fg) !important; border-color:var(--o-fg) !important}
html.contrast .access-dialog__opt[data-variant]:is(:hover, :focus-visible), html.contrast .access-dialog__opt[data-variant]:is(:hover, :focus-visible) *{background-color:var(--o-bg) !important;
  color:var(--o-fg) !important}
html.contrast .access-dialog__opt[data-variant]:is(:hover, :focus-visible){outline:4px solid var(--hc-hover) !important; outline-offset:3px}
html.contrast .access-dialog__opt[data-variant][aria-pressed="true"]{outline:4px solid var(--hc-fg) !important; outline-offset:3px}
@media (forced-colors:active){
  .access-bar__btn{border:2px solid ButtonText; background:ButtonFace; color:ButtonText}
  .access-bar__btn[aria-pressed="true"]{background:Highlight; color:HighlightText; forced-color-adjust:none}
  .access-bar__btn:focus-visible{outline:3px solid Highlight}
}
.access-foot{display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:none; color:inherit; font:inherit; font-size:var(--fs-meta); font-weight:700;
  text-decoration:underline; text-underline-offset:3px; cursor:pointer}
.access-foot svg{flex:none; width:20px; height:20px}
.foot-bar-in .access-foot{margin-right:auto; align-self:flex-start; text-align:left}
.foot-bar-in > span:empty{display:none}
.access-foot:hover{color:var(--orange-2)}
html.access-bar-off .access-bar{display:none}
.access-dialog__section--bar h3{display:flex; align-items:center; gap:12px}
.access-dialog__note{margin:16px 0 0; color:var(--muted); font-size:var(--fs-meta)}
.access-dialog .access-dialog__list--bar{grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-rows:minmax(88px, 1fr)}
.access-dialog__preview{flex:none; display:grid; place-items:center; width:32px; height:32px; border:2px solid var(--ab-border); border-radius:8px; background:var(--ab-bg); color:var(--ab-fg)}
.access-dialog__preview svg{width:20px; height:20px}
@media print{ .access-foot{display:none} }
button.skip{font-family:inherit; border:0; cursor:pointer}
@media print{ .access-bar{display:none} }
@container (max-width:803px){ .access-dialog :is(.access-dialog__list--sizes, .access-dialog__list--modes, .access-dialog__list--colors){grid-template-columns:minmax(0, 1fr)} }
@container (max-width:1193px){ html.scale-150 .access-dialog :is(.access-dialog__list--sizes, .access-dialog__list--modes, .access-dialog__list--colors){grid-template-columns:minmax(0, 1fr)} }
@container (max-width:1583px){ html.scale-200 .access-dialog :is(.access-dialog__list--sizes, .access-dialog__list--modes, .access-dialog__list--colors){grid-template-columns:minmax(0, 1fr)} }
@container (max-width:531px){ .access-dialog .access-dialog__list--bar{grid-template-columns:minmax(0, 1fr)} }
@container (max-width:791px){ html.scale-150 .access-dialog .access-dialog__list--bar{grid-template-columns:minmax(0, 1fr)} }
@container (max-width:1051px){ html.scale-200 .access-dialog .access-dialog__list--bar{grid-template-columns:minmax(0, 1fr)} }