/* Strony tekstowe, blog, wyszukiwanie, 404 */

/* Kolumna tekstu. 720 px, bo dluzsze linie meczą oko. */
.fr-proza{max-width:720px}
.fr-proza p,.fr-proza li{font-size:18px;line-height:1.75}
.fr-proza p{margin:0 0 20px}
.fr-proza h2{margin:40px 0 14px;font-size:31px}
.fr-proza h3{margin:32px 0 10px;font-size:23px}
.fr-proza ul,.fr-proza ol{margin:0 0 20px;padding-left:24px}
.fr-proza li{margin-bottom:8px}
.fr-proza img{display:block;margin:28px 0;width:100%;height:auto}
.fr-proza blockquote{margin:28px 0;padding:22px 26px;background:var(--tint);
  border-left:3px solid var(--ink);font-size:19px;line-height:1.7}
.fr-proza blockquote p:last-child{margin-bottom:0}
.fr-proza table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
.fr-proza th,.fr-proza td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}
.fr-proza a{font-weight:600}
.fr-strony{margin:24px 0;font-size:15px}

/* Strona */
.fr-strona__head{padding-block:32px 24px;max-width:900px}
.fr-strona__title{margin:0;font-size:48px;line-height:1.08}
.fr-strona__media{margin-bottom:36px}
.fr-strona__media img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.fr-strona__tresc{padding-bottom:64px}

/* Wpis */
.fr-wpis__head{padding-block:24px 30px;max-width:820px}
.fr-wpis__title{margin:0 0 14px;font-size:50px;line-height:1.06}
.fr-wpis__lead{margin:0 0 18px;font-size:21px;line-height:1.55;color:var(--muted)}
.fr-wpis__meta{margin:0;font-size:15px;color:var(--muted)}
.fr-wpis__media{margin-bottom:40px}
.fr-wpis__media img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}
.fr-wpis__zacheta{margin-top:56px}
.fr-wpis__nawigacja{display:flex;justify-content:space-between;gap:24px;
  padding-block:32px;font-size:16px}
.fr-wpis__nawigacja a{font-weight:600}
.fr-wpis__next{margin-left:auto;text-align:right}

/* Lista wpisow */
.fr-blog__head{padding-block:32px 34px;max-width:760px}
.fr-blog__title{margin:0 0 12px;font-size:48px;line-height:1.08}
.fr-blog__lead{font-size:19px;line-height:1.6;color:var(--muted)}
.fr-blog__lista{list-style:none;margin:0 0 40px;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.fr-wpis-karta--duza{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;
  gap:40px;align-items:center;background:var(--tint);padding:30px}
.fr-wpis-karta--duza .fr-wpis-karta__link{display:contents}
.fr-wpis-karta--duza .fr-wpis-karta__title{font-size:34px}
.fr-wpis-karta__link{display:block;text-decoration:none;color:inherit}
.fr-wpis-karta__img{display:block;width:100%;height:auto;margin-bottom:16px;background:var(--stone)}
.fr-wpis-karta--duza .fr-wpis-karta__img{margin:0;order:-1}
.fr-wpis-karta__meta{margin:0 0 8px;font-size:14px;color:var(--muted)}
.fr-wpis-karta__etykieta{font-weight:700;color:var(--ink)}
.fr-wpis-karta__title{margin:0 0 8px;font-size:22px;line-height:1.2}
.fr-wpis-karta__opis{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--muted)}
.fr-wpis-karta__cta{font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:2px}

/* Paginacja WordPressa */
.navigation.pagination .nav-links{display:flex;gap:8px;margin-bottom:48px}
.navigation.pagination a,.navigation.pagination span{display:inline-flex;align-items:center;
  justify-content:center;min-width:46px;height:46px;padding-inline:14px;
  border:1px solid var(--line);text-decoration:none;font-size:16px}
.navigation.pagination .current{background:var(--ink);color:var(--ivory);border-color:var(--ink)}

/* Wyszukiwanie */
.fr-szukaj__inner{max-width:820px;padding-block:32px 56px}
.fr-szukaj__form{display:flex;gap:10px;margin-bottom:34px}
.fr-szukaj__form input{flex-grow:1;height:56px;padding-inline:16px;
  border:1px solid var(--line);background:#fff;font-family:var(--f-body);font-size:17px}
.fr-szukaj__title{margin:0 0 22px;font-size:38px;line-height:1.1}
.fr-szukaj__lista{list-style:none;margin:0 0 32px;padding:0}
.fr-szukaj__wynik{padding-block:20px;border-top:1px solid var(--line)}
.fr-szukaj__wynik a{text-decoration:none}
.fr-szukaj__wynik h2{margin:0 0 6px;font-size:23px}
.fr-szukaj__wynik p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.fr-szukaj__pomoc{font-size:18px;line-height:1.7;max-width:60ch}
.fr-szukaj__akcje{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}

/* 404 */
.fr-404__inner{max-width:720px;padding-block:72px 64px}
.fr-404__title{margin:0 0 16px;font-size:48px;line-height:1.08}
.fr-404__lead{margin:0 0 14px;font-size:20px;line-height:1.6;color:var(--muted)}
.fr-404__pomoc{margin:0 0 28px;font-size:18px;line-height:1.7}
.fr-404__akcje{display:flex;flex-wrap:wrap;gap:14px}

/* Komentarze */
.fr-komentarze{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.fr-komentarze__title{margin:0 0 22px;font-size:27px}
.fr-komentarze__lista{list-style:none;margin:0 0 32px;padding:0}
.fr-komentarze__lista .children{list-style:none;padding-left:24px}
.fr-komentarze .comment-body{padding-block:18px;border-top:1px solid var(--line)}
.fr-komentarze textarea,.fr-komentarze input[type="text"],
.fr-komentarze input[type="email"],.fr-komentarze input[type="url"]{
  width:100%;padding:12px 14px;border:1px solid var(--line);
  background:#fff;font-family:var(--f-body);font-size:16px}
.fr-komentarze .submit{height:56px;padding-inline:30px;background:var(--ink);
  color:var(--ivory);border:0;font-family:var(--f-body);font-size:17px;font-weight:700;cursor:pointer}

@media (max-width:1100px){
  .fr-blog__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .fr-proza p,.fr-proza li{font-size:17px}
  .fr-proza h2{font-size:25px;margin-top:30px}
  .fr-proza h3{font-size:20px}
  .fr-strona__title,.fr-blog__title,.fr-404__title{font-size:31px}
  .fr-wpis__title{font-size:31px}
  .fr-wpis__lead{font-size:18px}
  .fr-blog__lista{grid-template-columns:1fr;gap:26px}
  .fr-wpis-karta--duza{grid-template-columns:1fr;gap:16px;padding:18px}
  .fr-wpis-karta--duza .fr-wpis-karta__title{font-size:24px}
  .fr-wpis__nawigacja{flex-direction:column;gap:12px}
  .fr-wpis__next{margin-left:0;text-align:left}
  .fr-szukaj__form{flex-direction:column}
  .fr-404__inner{padding-block:44px 40px}
  .fr-szukaj__akcje,.fr-404__akcje{flex-direction:column;align-items:stretch}
}