/* Styl podstron informacyjnych ED MOST — polityka prywatnosci, deklaracja dostepnosci.
   Kolory i typografia zgodne z ksiega znaku NSP MOST. */
:root{
  --zielen:#7FAD58; --zielen-ciemna:#5F8C3C;
  --granat:#2E4A6D; --zolty:#F2B74D; --blekit:#D7E6F2; --krem:#F4F1E6;
  --biel:#FFFFFF; --tekst:#2E4A6D; --tekst-drugi:#55677C;
  --naglowki:"Montserrat","Nunito Sans",Segoe UI,sans-serif;
  --tresc:"Lato","Nunito Sans","Open Sans",Segoe UI,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--krem); color:var(--tekst);
  font-family:var(--tresc); font-size:18px; line-height:1.7;
}
h1,h2,h3{font-family:var(--naglowki); color:var(--granat); line-height:1.25; margin:0}
h1{font-size:40px; font-weight:800; letter-spacing:-.01em; margin-bottom:8px}
h2{font-size:26px; font-weight:700; margin:34px 0 13px}
h3{font-size:20px; font-weight:700; margin:21px 0 8px}
p,ul,ol{margin:0 0 13px}
ul,ol{padding-left:26px}
li{margin-bottom:5px}
a{color:var(--zielen-ciemna)}
strong{color:var(--granat)}
img{max-width:100%; height:auto; display:block}

.belka{background:rgba(244,241,230,.96); border-bottom:1px solid rgba(46,74,109,.10)}
.belka__srodek{max-width:860px; margin:0 auto; padding:8px 21px; display:flex; align-items:center; gap:21px}
.belka__srodek img{height:76px; width:auto}
.wroc{
  margin-left:auto; font-family:var(--naglowki); font-weight:700; font-size:15px; text-decoration:none;
  color:var(--granat); border:2px solid var(--granat); border-radius:999px; padding:8px 18px;
}
.wroc:hover{background:var(--granat); color:#fff}

main{max-width:860px; margin:0 auto; padding:34px 21px 55px}
.wstep{font-size:19px; color:var(--tekst-drugi); margin-bottom:34px}
.karta{background:var(--biel); border:1px solid rgba(46,74,109,.12); border-radius:13px; padding:26px; margin-bottom:21px}
.uwaga{background:var(--blekit); border-radius:13px; padding:21px 26px; margin:21px 0}
.uwaga p:last-child{margin-bottom:0}
.dopisac{
  background:#FDF5E6; border-left:5px solid var(--zolty); border-radius:8px;
  padding:16px 21px; margin:21px 0; font-size:17px;
}
.dopisac strong{color:#A6710F}
table{width:100%; border-collapse:collapse; margin:13px 0 21px; font-size:17px}
th,td{text-align:left; padding:10px 13px; border-bottom:1px solid rgba(46,74,109,.14); vertical-align:top}
th{font-family:var(--naglowki); font-size:15px; text-transform:uppercase; letter-spacing:.04em; color:var(--tekst-drugi)}

.stopka{background:var(--granat); color:#EAF1F7; padding:34px 0; font-size:16px}
.stopka__srodek{max-width:860px; margin:0 auto; padding:0 21px}
.stopka a{color:#EAF1F7}
a:focus-visible{outline:3px solid var(--zolty); outline-offset:3px}

@media (max-width:640px){
  body{font-size:17px}
  h1{font-size:29px}
  h2{font-size:21px}
  .belka__srodek{gap:13px}
  .belka__srodek img{height:63px}
  .wroc{padding:6px 13px; font-size:14px}
  .karta{padding:21px}
}