/* Słownik pojęć — styl spójny ze stroną kancelarii */
* { box-sizing: border-box; }
html { overflow-y: scroll; }
body {
  background:#fff; margin:8px; padding:0;
  font-family:"Times New Roman", Times, serif;
  color:#1e1e1e;
}
a { text-decoration:none; }

.kontener { width:1000px; box-sizing:content-box; margin:0 auto; background:#eff0f4; border:2px solid #451628; }

/* ---------- nagłówek ---------- */
.naglowek { display:flex; background-image:url(../img/bk1.jpg); background-size:cover; min-height:260px; }
.naglowek-lewy { flex:0 0 620px; padding:15px; }
.naglowek-prawy { flex:1; padding:15px; text-align:right; }
.marka { color:#fff; font-size:150%; font-weight:bold; line-height:1.25; margin:10px 0 12px 0; }
.godlo { float:left; margin:0 15px 5px 0; }
.kontakt { color:#cbcbcb; font-size:105%; line-height:1.55; clear:both; }
.kontakt a { color:#cbcbcb; }
.kontakt a:hover { color:#fff; }
.menu { line-height:2.2; font-size:120%; }
.menu a { color:#cbcbcb; display:inline-block; }
.menu a:hover { color:#fff; }
.menu a.aktywny { color:#fff; font-weight:bold; }

/* ---------- treść ---------- */
.tresc { background-image:url(../img/bkg1.jpg); padding:28px 50px 46px 50px; }
.tresc h1 { color:#451628; font-size:175%; margin:0 0 .55em 0; }
.tresc h2 { color:#000; font-size:150%; margin:.2em 0 .6em 0; }
.tresc h3 { color:#a72e34; font-size:118%; margin:1.35em 0 .35em 0; }
.tresc p  { text-align:justify; line-height:1.65; margin:.45em 0; }
.tresc a  { color:#451628; border-bottom:1px solid transparent; }
.tresc a:hover { color:#a72e34; border-bottom-color:#a72e34; }

.okruszki { font-size:88%; color:#6b6b6b; margin:0 0 14px 0; }
.okruszki a { color:#451628; }
.powrot { display:inline-block; margin:0 0 18px 0; font-size:95%; }
.powrot::before { content:"« "; }

.naglowek-hasla { border-bottom:2px solid #451628; padding-bottom:10px; margin-bottom:4px; }
.kategoria-ety { display:inline-block; font-size:80%; letter-spacing:.05em; text-transform:uppercase;
  color:#a72e34; margin:2px 0 6px 0; }

/* box „Prostym językiem” */
.prostym { background:#f6efe1; border-left:4px solid #a72e34; padding:14px 18px;
  margin:16px 0 24px 0; border-radius:0 4px 4px 0; }
.prostym h2 { margin:0 0 .3em 0; font-size:116%; color:#451628; }
.prostym p { margin:0; text-align:left; }

.podstawa { margin:22px 0 0 0; font-size:90%; color:#4a4a4a; }
.podstawa strong { color:#451628; }

/* FAQ */
.faq { margin-top:30px; }
.faq h2 { border-bottom:2px solid #451628; padding-bottom:8px; }
.faq-pytanie { color:#451628; font-size:112%; font-weight:bold; margin:1.15em 0 .2em 0; }

/* pojęcia powiązane */
.powiazane { margin-top:30px; }
.powiazane h2 { font-size:122%; color:#451628; }
.powiazane ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; }
.powiazane li a { display:inline-block; border:1px solid #451628; border-radius:3px;
  padding:4px 11px; color:#451628; font-size:92%; }
.powiazane li a:hover { background:#451628; color:#fff; border-bottom-color:#451628; }

.zastrzezenie { margin-top:34px; padding-top:14px; border-top:1px solid #c9b8bd;
  font-size:82%; color:#6b6b6b; text-align:left; }
.aktualizacja { font-size:82%; color:#6b6b6b; margin-top:6px; }

/* ---------- indeks ---------- */
.szukaj { width:100%; padding:10px 12px; font-family:inherit; font-size:100%;
  border:1px solid #451628; border-radius:3px; margin:0 0 20px 0; }
.litery-nav { margin:6px 0 22px 0; line-height:2; }
.litery-nav a { display:inline-block; min-width:30px; text-align:center; padding:3px 6px;
  margin:2px; color:#451628; border:1px solid #451628; border-radius:3px; font-weight:bold; }
.litery-nav a:hover { background:#451628; color:#fff; border-bottom-color:#451628; }
.grupa { margin:0 0 20px 0; }
.grupa-litera { color:#451628; font-size:150%; font-weight:bold;
  border-bottom:1px solid #a72e34; margin:18px 0 8px 0; padding-bottom:3px; }
.lista-pojec { list-style:none; margin:0; padding:0; columns:2; column-gap:40px; }
.lista-pojec li { margin:0 0 7px 0; break-inside:avoid; }
.brak-wynikow { color:#6b6b6b; font-style:italic; display:none; }

/* ---------- stopka ---------- */
.stopka { width:1000px; margin:0 auto; background:#999; color:#cbcbcb; }
.stopka-wiersz { display:flex; min-height:67px; align-items:center; padding:8px 0; }
.stopka-kol { flex:1; padding:0 14px; }
.stopka-kol.srodek { text-align:center; }
.stopka-kol.prawo { text-align:right; }
.stopka a { color:#cbcbcb; }
.stopka a:hover { color:#fff; }
.stopka small { font-size:80%; }

/* ---------- wersja mobilna ---------- */
@media only screen and (max-width:1000px) {
  body { margin:0; }
  .kontener { width:100%; box-sizing:border-box; border:0; }
  .naglowek { display:block; }
  .naglowek { min-height:0; }
  .naglowek-lewy, .naglowek-prawy { flex:none; width:100%; text-align:left; }
  .marka { font-size:125%; }
  .tresc { padding:20px 16px 30px 16px; }
  .lista-pojec { columns:1; }
  .stopka { width:100%; }
  .stopka-wiersz { display:block; }
  .stopka-kol, .stopka-kol.srodek, .stopka-kol.prawo { text-align:left; width:100%; }
}