.portal {
--tlo:#f1f6f3;
--karta:#fff;
--powierzchnia:#e5f0e9;
--tekst:#16352c;
--wtorny:#40584d;
--akcent:#205e49;
--linia:#ccdcd2;
--ciemny:#133a2e;
--jasny:#edf8f0;
--sygnal:#f3ca65;
--cien:0 12px 28px -20px #183c3359;
--naglowki:'Figtree',system-ui,sans-serif;
--pismo:'Source Sans 3',system-ui,sans-serif;
--promien:20px;
margin:0;
background:var(--tlo);
color:var(--tekst);
font:17px/1.6 var(--pismo);
color-scheme:light;
-webkit-font-smoothing:antialiased
}
.portal * {
box-sizing:border-box
}
.portal img {
display:block;
max-width:100%;
height:auto
}
.portal svg {
flex-shrink:0
}
.portal figure, .portal p, .portal h1, .portal h2, .portal h3 {
margin:0
}
.portal a {
color:inherit;
text-underline-offset:4px
}
.portal a:hover {
text-decoration:underline
}
.portal button, .portal input {
font:inherit;
color:inherit
}
.portal button, .portal summary {
cursor:pointer
}
.portal h1, .portal h2, .portal h3 {
font-family:var(--naglowki);
line-height:1.2;
letter-spacing:-.025em;
font-weight:700
}
.portal a:focus-visible, .portal button:focus-visible, .portal input:focus-visible, .portal summary:focus-visible {
outline:3px solid var(--akcent);
outline-offset:4px
}
.ramka {
width:min(1264px,calc(100% - 80px));
margin-inline:auto
}
.sr-only {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip-path:inset(50%);
white-space:nowrap
}
.pomin {
position:fixed;
left:16px;
top:-100px;
z-index:100;
background:var(--karta);
padding:16px
}
.pomin:focus {
top:16px
}
.naglowek {
background:var(--karta);
border-bottom:1px solid var(--linia)
}
.naglowek-gora {
display:flex;
align-items:center;
justify-content:space-between;
min-height:88px;
gap:32px
}
.logotyp {
display:flex;
align-items:center;
gap:12px;
min-height:44px;
text-decoration:none;
font:750 21px/1.2 var(--naglowki);
white-space:nowrap;
flex-shrink:0
}
.logotyp>span>span {
color:var(--akcent)
}
.menu {
display:flex;
align-items:center;
justify-content:space-between;
gap:32px;
flex:1
}
.menu nav {
display:flex;
align-items:center;
justify-content:center;
gap:24px;
flex:1
}
.menu nav a {
font:600 15px/1.4 var(--naglowki);
display:flex;
align-items:center;
min-height:48px;
min-width:44px;
text-decoration:none
}
.menu nav a:hover {
color:var(--akcent)
}
.szukaj {
display:flex;
align-items:stretch;
border:1px solid var(--linia);
height:48px;
width:184px;
background:var(--tlo);
border-radius:24px;
flex-shrink:0
}
.szukaj input {
min-width:0;
width:100%;
border:0;
background:transparent;
padding:8px 0 8px 16px;
font-size:15px
}
.szukaj input::placeholder {
color:var(--wtorny);
opacity:1
}
.szukaj button {
display:grid;
place-items:center;
min-width:44px;
border:0;
background:transparent
}
.menu-przycisk {
display:none;
min-height:44px;
padding:8px 12px;
border:1px solid var(--linia);
border-radius:8px;
background:var(--karta);
align-items:center;
gap:8px
}
.strona-glowna {
padding-top:32px
}
.etykieta {
display:block;
font-size:12px;
font-weight:750;
line-height:1.45;
letter-spacing:.05em;
text-transform:uppercase;
color:var(--akcent)
}
.otwarcie {
display:grid;
grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
gap:28px;
align-items:stretch
}
.karta {
min-width:0
}
.karta a {
display:block;
text-decoration:none;
height:100%
}
.karta a:hover h2 {
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:4px
}
.karta h2 {
overflow-wrap:anywhere
}
.karta-obraz {
overflow:hidden;
background:var(--powierzchnia)
}
.karta-obraz img {
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:3/2
}
.karta-tekst p {
color:var(--wtorny);
font-size:16px;
line-height:1.55;
margin-top:12px
}
.karta-tekst h2 {
font-size:23px;
line-height:1.3;
margin-top:8px
}
.czytaj {
display:none
}
.numer {
display:none
}
.wiodacy {
position:relative;
border-radius:var(--promien);
overflow:hidden;
box-shadow:var(--cien)
}
.wiodacy a {
display:flex;
flex-direction:column;
justify-content:end;
min-height:432px
}
.wiodacy .karta-obraz {
position:absolute;
inset:0
}
.wiodacy .karta-obraz img {
height:100%;
aspect-ratio:auto
}
.wiodacy .karta-tekst {
position:relative;
padding:24px 28px;
background:rgba(12,40,31,.95);
color:#fff;
border-top:1px solid #92b7a340
}
.wiodacy .etykieta {
color:#f5d67f;
font-size:12px
}
.wiodacy h2 {
font-size:34px;
line-height:1.17;
margin-top:12px
}
.wiodacy p {
color:#edf6f0;
max-width:680px;
font-size:16px;
line-height:1.6;
margin-top:12px
}
.wiodacy .czytaj {
display:none
}
.pole-poradniki, .pole-powiazane {
background:var(--karta);
border:1px solid var(--linia);
border-radius:var(--promien);
padding:20px;
box-shadow:var(--cien);
display:flex;
flex-direction:column
}
.tytul-modulu {
font:750 14px/1.4 var(--naglowki)!important;
text-transform:uppercase;
letter-spacing:.04em!important;
display:flex;
align-items:center;
gap:8px;
margin-bottom:16px!important
}
.tytul-modulu>span {
width:8px;
height:8px;
border-radius:50%;
background:#bf702b
}
.poradniki-lista {
display:flex;
flex-direction:column;
gap:16px;
flex:1
}
.mini {
display:block;
background:var(--karta);
border:1px solid var(--linia);
border-radius:16px;
padding:12px;
box-shadow:var(--cien)
}
.mini a {
display:grid;
grid-template-columns:104px minmax(0,1fr);
gap:16px;
align-items:center;
min-height:80px;
text-decoration:none
}
.mini-obraz {
overflow:hidden;
border-radius:12px;
background:var(--powierzchnia)
}
.mini-obraz img {
width:100%;
height:88px;
object-fit:cover
}
.mini .etykieta {
font-size:12px;
letter-spacing:.025em;
margin-bottom:4px
}
.mini-tytul {
display:block;
font:650 16px/1.35 var(--naglowki);
letter-spacing:-.015em
}
.mini a:hover .mini-tytul {
text-decoration:underline
}
.wszystkie-poradniki {
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
min-height:48px;
margin-top:16px;
border-top:1px solid var(--linia);
font-size:15px;
font-weight:700;
text-decoration:none;
color:var(--akcent)!important
}
.dzialy {
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:16px;
margin:28px 0 32px
}
.dzialy a {
display:flex;
align-items:center;
gap:12px;
min-height:76px;
padding:16px;
background:var(--karta);
border:1px solid var(--linia);
box-shadow:var(--cien);
border-radius:12px;
text-decoration:none;
font:650 15px/1.3 var(--naglowki)
}
.dzialy svg {
width:28px;
height:28px;
color:var(--akcent)
}
.dzialy a>span:last-child {
display:none
}
.dzialy a:hover {
background:var(--powierzchnia)
}
.tytul-sekcji {
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
margin:0 0 20px;
padding-bottom:12px;
border-bottom:1px solid var(--linia)
}
.tytul-sekcji h2 {
display:flex;
align-items:center;
gap:12px;
font-size:30px
}
.tytul-sekcji h2>span {
width:8px;
height:8px;
flex-shrink:0;
border-radius:50%;
background:#bf702b
}
.tytul-sekcji>a {
display:flex;
align-items:center;
gap:16px;
min-height:44px;
color:var(--akcent);
font-size:15px;
font-weight:700;
text-decoration:none
}
.lista-kart {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px
}
.zwykla {
background:var(--karta);
border:1px solid var(--linia);
border-radius:var(--promien);
overflow:hidden;
box-shadow:var(--cien)
}
.zwykla .karta-obraz img {
aspect-ratio:2.1;
height:auto
}
.zwykla .karta-tekst {
padding:24px
}
.zwykla h2 {
font-size:22px
}
.zwykla p {
font-size:16px
}
.zaufanie {
display:grid;
grid-template-columns:.85fr 1.4fr;
gap:48px;
background:var(--karta);
border:1px solid var(--linia);
border-radius:var(--promien);
padding:40px;
margin:48px 0;
box-shadow:var(--cien)
}
.zaufanie h2 {
font-size:32px;
margin:12px 0 16px
}
.zaufanie p {
font-size:16px;
color:var(--wtorny)
}
.zaufanie a {
display:inline-flex;
align-items:center;
gap:16px;
min-height:48px;
margin-top:24px;
padding:12px 20px;
border-radius:24px;
background:var(--akcent);
color:var(--karta);
font-size:15px;
font-weight:700;
text-decoration:none
}
.zasady-karty {
display:grid;
grid-template-columns:1fr 1fr;
gap:28px
}
.zasady-karty>div {
position:relative;
padding-left:48px
}
.numer-zasady {
position:absolute;
left:0;
top:0;
display:grid;
place-items:center;
width:32px;
height:32px;
background:var(--powierzchnia);
color:var(--akcent);
border-radius:50%;
font-weight:700
}
.zasady-karty h3 {
font-size:18px;
margin-bottom:8px
}
.zasady-karty p {
font-size:15px;
line-height:1.6
}
.stopka {
margin-top:48px;
padding:40px 0 96px;
border-top:1px solid var(--linia);
background:var(--karta)
}
.stopka-siatka {
display:grid;
grid-template-columns:1fr 1fr;
gap:96px
}
.stopka .logotyp {
margin-bottom:20px
}
.stopka p {
font-size:16px;
color:var(--wtorny);
margin:12px 0
}
.stopka nav {
display:grid;
grid-template-columns:1fr 1fr;
gap:0 24px;
align-content:start
}
.stopka nav a {
min-height:44px;
display:flex;
align-items:center;
font-size:15px
}
.stopka-dol {
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
border-top:1px solid var(--linia);
margin-top:24px;
padding-top:20px;
font-size:14px;
color:var(--wtorny)
}
.stopka-dol a {
display:flex;
align-items:center;
min-height:44px
}
.zastrzezenie {
font-size:14px!important;
color:var(--wtorny)
}
.okruszki {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
min-height:64px;
font-size:14px;
color:var(--wtorny)
}
.okruszki a {
display:flex;
align-items:center;
min-height:44px;
text-decoration:none
}
.art-strona {
display:grid;
grid-template-columns:minmax(0,1fr) 304px;
gap:28px;
align-items:start
}
.art-korpus {
min-width:0
}
.art-otwarcie {
margin-bottom:24px
}
.art-naglowek h1 {
font-size:42px;
line-height:1.14;
margin:12px 0 20px
}
.wstep {
font-size:17px;
color:var(--wtorny);
line-height:1.65;
margin-bottom:20px!important
}
.metryka {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px 16px;
border-block:1px solid var(--linia);
padding:16px 0;
margin:20px 0 24px;
font-size:14px;
color:var(--wtorny)
}
.metryka a {
display:flex;
align-items:center;
min-height:44px;
font:700 15px/1.35 var(--naglowki);
color:var(--tekst);
text-decoration:none;
max-width:280px
}
.avatar {
display:grid;
place-items:center;
flex-shrink:0;
width:44px;
height:44px;
border-radius:50%;
background:var(--akcent);
color:var(--karta);
font-weight:750;
font-size:14px
}
.art-zdjecie img {
width:100%;
aspect-ratio:2.55;
object-fit:cover;
border-radius:var(--promien)
}
.art-redakcja {
display:flex;
flex-direction:column;
gap:20px
}
.art-spis {
padding:20px;
background:var(--karta);
border:1px solid var(--linia);
border-radius:var(--promien);
box-shadow:var(--cien)
}
.art-spis summary {
font:700 17px/1.4 var(--naglowki);
min-height:44px;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
.art-spis summary:after {
content:'−';
font-size:20px;
color:var(--akcent)
}
.art-spis details:not([open]) summary:after {
content:'+'
}
.art-spis ol {
list-style:none;
counter-reset:spis;
padding:0;
margin:12px 0 0
}
.art-spis li {
counter-increment:spis;
border-top:1px solid var(--linia)
}
.art-spis a {
display:flex;
align-items:center;
min-height:44px;
padding:12px 0;
font-size:15px;
line-height:1.4;
text-decoration:none;
color:var(--tekst)
}
.art-spis a:before {
content:counter(spis,decimal-leading-zero);
font-size:12px;
font-weight:700;
min-width:28px;
align-self:start;
padding-top:2px;
color:var(--akcent)
}
.proces {
padding:24px;
background:var(--ciemny);
color:#f4faf7;
border-radius:var(--promien);
box-shadow:var(--cien)
}
.proces-znak {
display:grid;
place-items:center;
width:44px;
height:44px;
background:#ffffff18;
border-radius:12px;
margin-bottom:16px
}
.proces h2 {
font-size:20px;
line-height:1.3;
margin:0 0 12px
}
.proces p {
font-size:15px;
line-height:1.6;
color:#deeee4
}
.proces a {
display:flex;
align-items:center;
justify-content:space-between;
min-height:48px;
margin-top:20px;
padding:12px 16px;
border-radius:24px;
background:var(--sygnal);
color:#2c260c;
font-weight:750;
font-size:14px;
text-decoration:none
}
.pole-powiazane .mini+.mini {
margin-top:20px
}
.pole-powiazane .mini a {
grid-template-columns:72px 1fr;
gap:12px
}
.pole-powiazane .mini-obraz img {
height:72px
}
.pole-powiazane .mini .etykieta {
display:none
}
.pole-powiazane .mini-tytul {
font-size:15px
}
.fakty {
background:var(--karta);
border:1px solid var(--linia);
border-left:4px solid var(--akcent);
border-radius:16px;
padding:24px 28px;
margin-bottom:28px;
box-shadow:var(--cien)
}
.fakty h2 {
font-size:21px;
margin-bottom:16px
}
.fakty ul {
margin:0;
padding-left:20px
}
.fakty li {
padding-left:4px
}
.fakty li+li {
margin-top:12px
}
.fakty li::marker {
color:var(--akcent)
}
.art-tresc {
font-size:17px;
line-height:1.8;
background:var(--karta);
padding:32px;
border:1px solid var(--linia);
border-radius:var(--promien)
}
.art-tresc h2, .faq>h2, .zrodla h2 {
font-size:28px;
line-height:1.25;
margin:36px 0 20px
}
.art-tresc h3 {
font-size:22px;
margin:28px 0 16px
}
.art-tresc p {
margin-bottom:24px
}
.art-tresc p:last-child {
margin-bottom:0
}
.art-tresc ul, .art-tresc ol {
padding-left:24px;
margin:24px 0
}
.art-tresc li {
margin-bottom:12px
}
.art-tresc a, .zrodla a {
color:var(--akcent);
overflow-wrap:anywhere;
text-decoration:underline;
display:inline-block;
min-width:44px;
min-height:44px
}
.art-tresc img {
border-radius:12px
}
.art-tresc blockquote, .art-tresc .answer-box {
margin:24px 0;
padding:24px;
border-left:4px solid var(--akcent);
background:var(--powierzchnia)
}
.art-tresc table {
width:100%;
border-collapse:collapse;
table-layout:fixed;
font-size:15px;
margin:24px 0;
overflow-wrap:anywhere
}
.art-tresc td, .art-tresc th {
padding:12px;
border:1px solid var(--linia);
vertical-align:top
}
.art-tresc th {
background:var(--powierzchnia)
}
.tabela {
max-width:100%
}
.faq {
background:var(--karta);
border:1px solid var(--linia);
padding:28px;
border-radius:var(--promien);
margin:28px 0
}
.faq>h2 {
margin:0 0 16px
}
.faq details {
border-top:1px solid var(--linia)
}
.faq summary {
font-weight:700;
min-height:56px;
padding:16px 0
}
.faq details>div {
padding:0 0 24px
}
.faq a {
display:inline-block;
min-width:44px;
min-height:44px;
color:var(--akcent)
}
.art-zastrzezenie {
padding:24px;
margin:28px 0!important;
background:var(--powierzchnia);
border-radius:12px
}
.zrodla {
overflow-wrap:anywhere;
background:var(--karta);
border:1px solid var(--linia);
padding:28px;
border-radius:var(--promien)
}
.zrodla h2 {
margin-top:0
}
.zrodla li {
padding:12px 0;
font-size:15px
}
.zrodla ol {
padding-left:24px
}
.autor {
padding:28px;
background:var(--powierzchnia);
border:1px solid var(--linia);
border-radius:var(--promien);
margin:28px 0
}
.autor h2 {
font-size:22px;
margin-bottom:16px
}
.autor a {
display:inline-flex;
align-items:center;
min-height:44px;
margin-top:16px;
font-weight:700
}
.powiazane {
margin:40px 0
}
.portal [id] {
scroll-margin-top:24px
}
.portal .wp-block-image {
margin:24px 0
}
.portal figcaption {
font-size:14px;
color:var(--wtorny);
margin-top:8px
}
@media(prefers-color-scheme:dark) {
.portal {
--tlo:#10251e;
--karta:#1b332b;
--powierzchnia:#29473a;
--tekst:#f0f7f1;
--wtorny:#c9ddcf;
--akcent:#b6e4c8;
--linia:#4b6a58;
--ciemny:#163b2b;
--cien:0 12px 28px -20px #0008;
color-scheme:dark
}
}
@media(max-width:1200px) {
.ramka {
width:calc(100% - 64px)
}
.naglowek-gora {
gap:24px
}
.menu {
gap:20px
}
.menu nav {
gap:16px
}
.menu nav a {
font-size:14px
}
.szukaj {
width:160px
}
.otwarcie {
gap:24px;
grid-template-columns:1.45fr 1fr
}
.wiodacy h2 {
font-size:30px
}
.mini a {
grid-template-columns:88px 1fr;
gap:12px
}
.mini-obraz img {
height:88px
}
.mini-tytul {
font-size:15px
}
.dzialy {
gap:12px
}
.dzialy a {
padding:12px;
gap:8px;
font-size:14px
}
.dzialy svg {
width:24px;
height:24px
}
.art-strona {
grid-template-columns:minmax(0,1fr) 280px;
gap:24px
}
.art-naglowek h1 {
font-size:36px
}
.metryka {
gap:8px 12px
}
.art-tresc {
padding:24px
}
.zaufanie {
gap:32px;
padding:32px
}
.zasady-karty {
gap:24px
}
}
@media(max-width:1050px) {
.naglowek-gora {
flex-wrap:wrap;
gap:0;
padding-top:16px
}
.logotyp {
margin-bottom:12px
}
.menu {
flex:0 0 100%;
border-top:1px solid var(--linia);
padding:8px 0;
min-height:64px
}
.menu nav {
justify-content:start;
gap:24px
}
.szukaj {
width:200px
}
.wiodacy h2 {
font-size:28px
}
.wiodacy .karta-tekst {
padding:24px
}
.wiodacy a {
min-height:416px
}
.pole-poradniki {
padding:16px
}
.mini-tytul {
font-size:14px
}
.mini .etykieta {
font-size:12px
}
.mini a {
grid-template-columns:80px 1fr
}
.mini-obraz img {
height:80px
}
.dzialy {
grid-template-columns:repeat(3,1fr)
}
.dzialy a {
min-height:64px
}
.lista-kart {
gap:20px
}
.zwykla .karta-tekst {
padding:20px
}
.zwykla h2 {
font-size:20px
}
.zaufanie {
grid-template-columns:1fr;
gap:32px
}
.zasady-karty {
gap:24px 40px
}
.stopka-siatka {
gap:48px
}
.art-strona {
grid-template-columns:minmax(0,1fr) 248px;
gap:20px
}
.art-redakcja {
gap:16px
}
.art-spis {
padding:16px
}
.art-spis a {
font-size:14px
}
.proces {
padding:20px
}
.proces a {
padding:12px;
font-size:13px
}
.pole-powiazane {
padding:16px
}
.pole-powiazane .mini a {
grid-template-columns:56px 1fr
}
.pole-powiazane .mini-obraz img {
height:64px
}
.pole-powiazane .mini-tytul {
font-size:14px
}
.art-naglowek h1 {
font-size:34px
}
.fakty {
padding:20px
}
}
@media(max-width:800px) {
.ramka {
width:calc(100% - 40px)
}
.otwarcie {
grid-template-columns:1fr;
gap:20px
}
.wiodacy a {
min-height:432px
}
.wiodacy h2 {
font-size:34px
}
.pole-poradniki {
padding:20px
}
.poradniki-lista {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px
}
.mini a {
display:flex;
flex-direction:column;
align-items:stretch;
gap:12px
}
.mini-obraz img {
height:112px
}
.mini-tytul {
font-size:15px
}
.pole-poradniki .wszystkie-poradniki {
margin-top:20px
}
.dzialy {
gap:12px;
margin:24px 0 28px
}
.lista-kart {
grid-template-columns:1fr 1fr
}
.zwykla h2 {
font-size:21px
}
.art-strona {
display:flex;
flex-direction:column;
gap:24px
}
.art-redakcja {
width:100%;
display:grid;
grid-template-columns:1fr 1fr;
gap:20px
}
.art-spis {
grid-column:1/-1
}
.art-uklad>.art-spis {
margin-bottom:24px
}
.art-spis ol {
columns:2;
column-gap:24px
}
.art-spis li {
break-inside:avoid
}
.art-spis a {
font-size:15px
}
.art-tresc {
padding:28px
}
.art-naglowek h1 {
font-size:38px
}
.art-zdjecie img {
aspect-ratio:2.3
}
.pole-powiazane .mini a {
display:grid;
grid-template-columns:72px 1fr
}
.stopka-siatka {
gap:32px
}
}
@media(max-width:600px) {
.ramka {
width:calc(100% - 32px)
}
.naglowek-gora {
padding:0;
min-height:80px;
gap:0 12px;
justify-content:space-between
}
.logotyp {
margin:0
}
.z-js .menu-przycisk {
display:flex;
font-size:14px
}
.z-js .menu {
display:none
}
.z-js .menu.otwarte {
display:flex
}
.menu {
flex-direction:column;
align-items:stretch;
gap:16px;
padding:12px 0 16px
}
.menu nav {
flex-direction:column;
align-items:stretch;
gap:0
}
.menu nav a {
min-height:48px;
font-size:15px;
border-bottom:1px solid var(--linia)
}
.szukaj {
width:100%;
border-radius:8px
}
.strona-glowna {
padding-top:20px
}
.otwarcie {
gap:20px
}
.wiodacy a {
min-height:448px
}
.wiodacy .karta-tekst {
padding:20px
}
.wiodacy h2 {
font-size:28px;
line-height:1.2
}
.wiodacy p {
font-size:16px;
line-height:1.55;
margin-top:12px
}
.pole-poradniki {
padding:20px
}
.poradniki-lista {
display:flex;
flex-direction:column;
gap:16px
}
.mini a {
display:grid;
grid-template-columns:88px minmax(0,1fr);
gap:12px;
align-items:center
}
.mini-obraz img {
height:88px
}
.mini-tytul {
font-size:15px
}
.tytul-modulu {
font-size:13px!important;
margin-bottom:16px!important
}
.wszystkie-poradniki {
font-size:14px
}
.dzialy {
grid-template-columns:1fr 1fr;
gap:12px;
margin:24px 0 28px
}
.dzialy a {
font-size:14px;
min-height:76px;
padding:12px;
gap:8px
}
.dzialy svg {
width:24px;
height:24px
}
.tytul-sekcji {
flex-direction:column;
align-items:start;
gap:4px;
margin-bottom:16px;
padding-bottom:8px
}
.tytul-sekcji h2 {
font-size:26px
}
.tytul-sekcji>a {
font-size:14px
}
.lista-kart {
grid-template-columns:1fr;
gap:20px
}
.zwykla .karta-tekst {
padding:20px
}
.zwykla h2 {
font-size:22px
}
.zwykla .karta-obraz img {
aspect-ratio:1.9
}
.zaufanie {
padding:24px;
gap:32px;
margin:32px 0
}
.zaufanie h2 {
font-size:28px
}
.zasady-karty {
grid-template-columns:1fr;
gap:24px
}
.zasady-karty h3 {
font-size:18px
}
.stopka {
margin-top:32px;
padding-top:32px;
padding-bottom:104px
}
.stopka-siatka {
grid-template-columns:1fr;
gap:24px
}
.stopka nav {
gap:0 16px
}
.stopka-dol {
align-items:start;
flex-direction:column;
gap:8px
}
.okruszki {
font-size:13px;
gap:8px;
min-height:64px;
padding-block:8px
}
.art-strona {
gap:24px
}
.art-naglowek h1 {
font-size:32px;
line-height:1.18;
margin:12px 0 20px
}
.wstep {
font-size:17px;
line-height:1.65
}
.metryka {
padding:16px 0;
gap:8px 12px;
margin:20px 0
}
.metryka a {
max-width:240px;
font-size:14px
}
.metryka>span:not(.avatar) {
font-size:14px
}
.art-zdjecie img {
aspect-ratio:1.8;
border-radius:12px
}
.art-redakcja {
display:flex;
flex-direction:column
}
.art-spis {
padding:20px
}
.art-spis ol {
columns:1
}
.art-spis a {
font-size:15px
}
.art-tresc {
padding:20px
}
.art-tresc h2, .faq>h2, .zrodla h2 {
font-size:26px
}
.art-tresc h3 {
font-size:22px
}
.art-tresc td, .art-tresc th {
padding:8px;
font-size:14px
}
.fakty {
padding:20px
}
.fakty h2 {
font-size:21px
}
.faq, .zrodla, .autor {
padding:20px
}
.autor h2 {
font-size:21px
}
.pole-powiazane .mini a {
grid-template-columns:88px 1fr
}
.pole-powiazane .mini-obraz img {
height:88px
}
.pole-powiazane .mini-tytul {
font-size:15px
}
.proces {
padding:24px
}
.proces a {
font-size:15px
}
.powiazane {
margin:32px 0
}
}
@media(max-width:374px) {
.naglowek-gora {
gap:8px
}
.menu-przycisk {
padding:8px;
font-size:14px
}
.dzialy a {
font-size:13px
}
.dzialy svg {
width:20px;
height:20px
}
}
.portal .lista-naglowek { margin: 0 0 32px; }
.portal .lista-naglowek h1 { font-size: 40px; line-height: 1.2; margin: 8px 0 16px; overflow-wrap: anywhere; }
.portal .lista-naglowek p, .portal .opis-dzialu { color: var(--wtorny); max-width: 840px; }
.portal .lista-uklad { display: grid; grid-template-columns: minmax(0,1fr) 304px; gap: 28px; align-items: start; margin-bottom: 48px; }
.portal .lista-wpisow { grid-template-columns: repeat(2,minmax(0,1fr)); }
.portal .lista-bok { display: grid; gap: 24px; }
.portal .boczne-dzialy { background: var(--karta); border: 1px solid var(--linia); border-radius: var(--promien); padding: 24px; }
.portal .boczne-dzialy h2 { font-size: 20px; margin-bottom: 16px; }
.portal .boczne-dzialy a { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 0; border-top: 1px solid var(--linia); font-size: 15px; font-weight: 600; text-decoration: none; }
.portal .boczne-dzialy svg { width: 24px; height: 24px; color: var(--akcent); }
.portal .boczne-dzialy [aria-current] { color: var(--akcent); text-decoration: underline; }
.portal .liczba-wpisow { margin-left: auto; font-size: 14px; }
.portal .formularz-szukania { padding: 24px; background: var(--karta); border: 1px solid var(--linia); border-radius: var(--promien); margin-bottom: 28px; }
.portal .formularz-szukania label { display: block; font-weight: 700; margin-bottom: 12px; }
.portal .formularz-szukania>div { display: flex; gap: 12px; }
.portal .formularz-szukania input { min-width: 0; width: 100%; min-height: 48px; padding: 8px 12px; border: 1px solid var(--linia); background: var(--tlo); border-radius: 8px; }
.portal .formularz-szukania button { border: 0; padding: 12px 24px; background: var(--akcent); color: var(--karta); border-radius: 8px; font-weight: 700; }
.portal .pusty-wynik { background: var(--karta); border: 1px solid var(--linia); padding: 32px; border-radius: var(--promien); }
.portal .pusty-wynik h2 { font-size: 26px; margin-bottom: 16px; }
.portal .pusty-wynik a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: var(--akcent); }
.portal .nav-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.portal .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; background: var(--karta); border: 1px solid var(--linia); border-radius: 8px; text-decoration: none; }
.portal .page-numbers.current { background: var(--akcent); color: var(--karta); }
.portal .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.portal .strona-kolumna { max-width: 928px; margin: 0 auto 48px; }
.portal .tresc-strony>h2:first-child { margin-top: 0; }
.portal .tresc-strony p, .portal .tresc-strony li { overflow-wrap: anywhere; }
.portal .tresc-strony svg { width: 24px; height: 24px; }
.portal .tresc-strony .disclaimer { display: flex; gap: 16px; background: var(--powierzchnia); padding: 24px; border-radius: 12px; margin-block: 28px; font-size: 15px; }
.portal .tresc-strony .sources { border-top: 1px solid var(--linia); margin-top: 28px; }
.portal .bmi-pola, .portal .kalk-pola, .portal .kalk-pary { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.portal .bmi-pola label, .portal .kalk-pola label { font-weight: 700; font-size: 16px; }
.portal .bmi-wej, .portal .kalk-wej { display: flex; align-items: center; gap: 12px; margin-top: 8px; padding: 8px 16px; background: var(--tlo); border: 1px solid var(--linia); border-radius: 8px; }
.portal .bmi-wej input, .portal .kalk-wej input { width: 100%; min-width: 0; min-height: 44px; background: transparent; border: 0; font-size: 20px; }
.portal .bmi-wej b, .portal .kalk-wej b { font-size: 15px; white-space: nowrap; }
.portal .kalk-podpis { display: block; margin-top: 8px; font-size: 14px; font-weight: 400; color: var(--wtorny); }
.portal .bmi-nota, .portal .kalk-nota { font-size: 14px; margin: 20px 0; color: var(--wtorny); }
.portal .bmi-wynik, .portal .kalk-wynik { display: block; margin: 24px 0; }
.portal .bmi-pusto, .portal .kalk-pusto { padding: 24px; border-radius: 12px; background: var(--powierzchnia); font-size: 16px; }
.portal .bmi-karta, .portal .kalk-karta, .portal .kalk-wniosek { padding: 24px; border: 1px solid var(--linia); border-radius: 12px; background: var(--powierzchnia); }
.portal .kalk-wniosek { margin-top: 24px; }
.portal .bmi-etykieta, .portal .kalk-etykieta { display: block; font-size: 14px; font-weight: 600; }
.portal .bmi-liczba, .portal .kalk-liczba { display: block; font: 700 36px/1.3 var(--naglowki); margin: 12px 0; }
.portal .bmi-zakres, .portal .kalk-naglowek { display: block; font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.portal .bmi-zastrzezenie, .portal .kalk-zastrzezenie, .portal .kalk-jednostka { font-size: 14px; color: var(--wtorny); }
.portal .kalk-skladniki { list-style: none; padding: 0; font-size: 15px; }
.portal .kalk-skladniki li { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; border-top: 1px solid var(--linia); padding-top: 12px; }
.portal .kalk-plakietka { display: inline-block; padding: 4px 12px; border-radius: 4px; color: var(--karta); background: var(--akcent); font-size: 14px; font-weight: 700; }
.portal .bmi-skala caption { text-align: left; margin-bottom: 12px; font-size: 15px; }
.portal .bmi-skala tbody tr.on { background: var(--powierzchnia); font-weight: 700; }
@media (max-width: 1050px) { .portal .lista-uklad { grid-template-columns: minmax(0,1fr) 248px; gap: 20px; } .portal .boczne-dzialy { padding: 20px; } }
@media (max-width: 800px) { .portal .lista-uklad { grid-template-columns: 1fr; } .portal .lista-bok { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
.portal .lista-naglowek h1 { font-size: 30px; }
.portal .lista-wpisow, .portal .lista-bok, .portal .bmi-pola, .portal .kalk-pola, .portal .kalk-pary { grid-template-columns: 1fr; }
.portal .formularz-szukania { padding: 20px; }
.portal .formularz-szukania button { padding: 12px 16px; }
.portal .pusty-wynik, .portal .bmi-karta, .portal .kalk-karta, .portal .kalk-wniosek { padding: 20px; }
.portal .tresc-strony .disclaimer { padding: 20px; }
}
.portal input::placeholder { color: var(--wtorny); opacity: 1; }