.dok-naglowek{
 background:var(--navy);
 color:#fff;
 padding:150px 0 72px;
}
.dok-naglowek .oko a{color:#6cc5f2;text-decoration:none;}
.dok-naglowek .oko a:hover{text-decoration:underline;}
.dok-naglowek h1{
 font-size:clamp(32px,4.4vw,54px);
 letter-spacing:-0.04em;
 margin-top:20px;
 max-width:18ch;
}
.dok-naglowek .dok-data{
 font-size:14px;
 color:rgba(255,255,255,.62);
 margin-top:18px;
}
.dok-sekcja{padding:96px 0 var(--rytm);}
.dok-sekcja .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start;}
.dok-sekcja .wrap > *{min-width:0;}

.dok-tresc{max-width:72ch;font-size:17px;line-height:1.75;color:var(--gray-1);}
.dok-tresc > *:first-child{margin-top:0;}
.dok-tresc h2{
 font-size:clamp(23px,2.2vw,30px);
 letter-spacing:-0.03em;
 line-height:1.25;
 color:var(--ink);
 margin:56px 0 20px;
}
.dok-tresc h3{
 font-size:19px;
 line-height:1.35;
 color:var(--ink);
 margin:36px 0 14px;
}
.dok-tresc h4{font-size:16px;color:var(--ink);margin:28px 0 10px;}
.dok-tresc p{margin:0 0 18px;}
.dok-tresc ul,.dok-tresc ol{margin:0 0 22px;padding-left:22px;}
.dok-tresc li{margin-bottom:9px;}
.dok-tresc li::marker{color:var(--brand);}
.dok-tresc a{color:#00618f;text-decoration:underline;text-underline-offset:3px;}
.dok-tresc a:hover{color:var(--brand);}
.dok-tresc strong,.dok-tresc b{color:var(--ink);font-weight:700;}
.dok-tresc em{font-style:normal;color:var(--gray-2);}
/* Tabela z listą ciasteczek bywa szersza od telefonu. Przewija się JAKO CAŁOŚĆ, w swoim
   kontenerze, dzięki czemu kolumny zostają wyrównane między wierszami, a tekst obok tabeli
   nie jest rozpychany poza ekran. */
.dok-tresc .tabela{
 overflow-x:auto;
 margin:0 0 26px;
 -webkit-overflow-scrolling:touch;
}
.dok-tresc table{
 width:100%;
 min-width:520px;
 border-collapse:collapse;
 margin:0;
 font-size:15px;
}
.dok-tresc th,.dok-tresc td{border-bottom:1px solid var(--steel);padding:12px 10px;text-align:left;vertical-align:top;}
.dok-tresc th{color:var(--ink);font-weight:700;}
.dok-tresc details,.dok-tresc .cmplz-accordion{
 border:1px solid var(--steel);
 border-radius:var(--radius);
 padding:18px 22px;
 margin:0 0 12px;
 background:#fff;
}
.dok-tresc summary{cursor:pointer;font-weight:600;color:var(--ink);}
.dok-tresc hr{display:none;}

.dok-pomoc{
 position:sticky;
 top:110px;
 background:#fff;
 border:1px solid var(--steel);
 border-radius:20px;
 padding:32px;
}
.dok-pomoc h2{font-size:19px;line-height:1.3;letter-spacing:-0.02em;color:var(--ink);margin:0 0 14px;}
.dok-pomoc p{font-size:15px;line-height:1.65;color:var(--gray-1);margin:0 0 14px;}
.dok-pomoc a{color:#00618f;text-decoration:underline;text-underline-offset:3px;}
.dok-pomoc-linki{display:flex;flex-direction:column;gap:8px;font-size:14.5px;margin-bottom:0;}

@media (max-width:1024px){
 .dok-naglowek{padding:130px 0 56px;}
 .dok-sekcja{padding:72px 0 var(--rytm);}
 .dok-sekcja .wrap{grid-template-columns:minmax(0,1fr);gap:44px;}
 .dok-pomoc{position:static;}
}
@media (max-width:640px){
 .dok-naglowek{padding:118px 0 44px;}
 .dok-naglowek h1{max-width:none;}
 .dok-sekcja{padding:56px 0 var(--rytm);}
 .dok-tresc{font-size:16px;line-height:1.7;}
 .dok-tresc h2{margin:40px 0 16px;}
 .dok-pomoc{padding:24px;}
}
