/* Wspólna oprawa strony głównej i wszystkich podstron. */
.sg .znak .brand-logo{display:block;width:270px;height:auto;max-width:100%}
.sg .hd__in{gap:22px}.sg .nav{gap:24px}.sg .nav a{white-space:nowrap;font-size:1rem}
.sg .nav a[aria-current=page]{color:#7c2639;text-decoration:underline;text-underline-offset:8px}
.sg .ft .znak .brand-logo{width:230px}.sg .ft__in{grid-template-columns:230px minmax(220px,1fr) minmax(260px,1fr)}
.sg .ft__linki{flex-wrap:wrap}.sg .ft__linki a{font-size:.85rem}
.sg .hero--pod{background:#edf2f4;padding:64px 0;border-bottom:1px solid #d8e0e4}
.sg .hero--pod h1{max-width:1050px;font-size:3.5rem;line-height:1.12;overflow-wrap:anywhere}
.sg .hero--pod p{max-width:820px;color:#41576b;line-height:1.6}.sg .hero--pod .oczko{color:#7c2639;font-size:.8rem}
.sg.subpage .document-body .sek{padding:48px 0 64px}
.sg.subpage .document-body .wrap.tresc{max-width:1252px}
.sg.subpage .document-body .wrap.tresc>p,.sg.subpage .document-body .wrap.tresc>ul,.sg.subpage .document-body .wrap.tresc>ol{max-width:900px}
.sg.subpage .document-body p,.sg.subpage .document-body li{font-size:1.13rem;line-height:1.7;color:#41576b}
.sg.subpage .document-body h2{font-size:2.15rem;line-height:1.2;margin:40px 0 20px;color:#122d45}
.sg.subpage .document-body h3{font-size:1.5rem;line-height:1.3;color:#122d45}
.sg.subpage .document-body .meta{font-size:1rem}.sg.subpage .document-body a:not(.btn){color:#7c2639;text-underline-offset:4px;overflow-wrap:anywhere}
.sg.subpage .document-body .ramka{border:1px solid #d8e0e4;border-left:4px solid #7c2639;background:#f7f9fa;padding:26px 30px;margin:24px 0}
.sg.subpage .document-body .ramka h3{margin-top:0}
.sg.subpage .document-body .uwaga{background:#edf2f4;border-left:4px solid #7c2639;padding:26px 30px;margin:24px 0}
.sg.subpage .document-body .siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.sg.subpage .document-body .karta{background:white;padding:28px;border:1px solid #d8e0e4}
.sg.subpage .document-body .tel a{font-size:1.7rem;color:#122d45}
.sg .story{padding:60px 0 72px}.sg .story-grid{display:grid;grid-template-columns:230px minmax(0,820px);gap:65px;justify-content:space-between}
.sg .story-index{align-self:start;position:sticky;top:30px;border-top:3px solid #7c2639;padding-top:22px;font-family:var(--sans)}
.sg .story-index a{display:block;padding:11px 0;color:#41576b;min-height:44px}
.sg .reading section{margin:0 0 55px;scroll-margin-top:30px}
.sg .reading h2{font-size:2.4rem;line-height:1.18;margin:0 0 22px}.sg .reading h3{font-size:1.65rem;line-height:1.3;margin:32px 0 16px}
.sg .reading p{font-size:1.15rem;line-height:1.75;color:#41576b;margin:0 0 20px}.sg .reading .oczko{font-size:.8rem;color:#7c2639}
.sg .closing{background:#1f394c;color:white;padding:48px 0}.sg .closing>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.sg .closing h2{color:white;font-size:2.4rem}.sg .closing p{color:#edf2f4;max-width:750px;line-height:1.6}.sg .closing .oczko{color:#d8b98b}.sg .closing .btn{flex-shrink:0;background:white;color:#122d45}
.sg [id]{scroll-margin-top:24px}
@media(max-width:1100px){.sg .nav{gap:16px}.sg .nav a{font-size:.9rem}.sg .znak .brand-logo{width:230px}.sg .story-grid{gap:35px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:900px){.sg .hd__in{gap:10px}.sg .nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 22px;flex-direction:column;align-items:stretch;z-index:50}.sg .nav[data-otwarte=tak]{display:flex}.sg .nav a{font-size:1rem;padding:12px 6px;min-height:44px}.sg .burger{display:block;order:3}.sg .dost{order:2}.sg .znak{margin-right:auto}.sg .ft__in{grid-template-columns:1fr;gap:24px}.sg .story-grid{grid-template-columns:1fr;gap:25px}.sg .story-index{position:static;display:flex;flex-wrap:wrap;gap:4px 20px}.sg .story-index .oczko{width:100%;margin:0}.sg .closing>.wrap{display:block}}
@media(max-width:600px){.sg .znak .brand-logo{width:210px}.sg .hero--pod{padding:34px 0}.sg .hero--pod h1{font-size:2.35rem}.sg .hero--pod p{font-size:1.05rem}.sg .hero--pod .oczko{font-size:.7rem}.sg .story{padding:28px 0}.sg .reading h2,.sg .closing h2{font-size:1.9rem}.sg .reading h3{font-size:1.4rem}.sg .reading p{font-size:1.05rem}.sg .reading section{margin-bottom:36px}.sg.subpage .document-body .sek{padding:26px 0 40px}.sg.subpage .document-body .siatka{grid-template-columns:1fr}.sg.subpage .document-body h2{font-size:1.85rem}.sg.subpage .document-body p,.sg.subpage .document-body li{font-size:1.05rem}.sg.subpage .document-body .ramka,.sg.subpage .document-body .uwaga,.sg.subpage .document-body .karta{padding:20px}.sg .closing .btn{margin-top:16px}}
@media(max-width:370px){.sg .hd__in{gap:6px}.sg .znak .brand-logo{width:170px}.sg .hd__in .znak{min-width:0}.sg .dost__start{width:40px;min-width:40px}.sg .burger{width:44px;min-width:44px}}
/* Wysoki kontrast: zamiast filtra podmieniamy plik logo na bialy.
   Filtr odwracal takze czarne tlo obrazka i robil z niego bialy prostokat. */
.sg .znak .brand-logo--kontrast{display:none}
html[data-k-kontrast="1"] .sg .znak .brand-logo--zwykle{display:none}
html[data-k-kontrast="1"] .sg .znak .brand-logo--kontrast{display:block}
html[data-k-tekst="2"] .sg .nav{gap:10px}