/* Wygląd treści postów – używany i przez stronę, i przez edytor */

.niebo-aero {
  background: linear-gradient(180deg, #0b74c9 0%, #2fa6ee 28%, #86d6ff 60%, #d6f5ff 84%, #effff0 100%);
  background-attachment: fixed;
}

.wpis {
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.52));
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 18px;
  padding: 28px 32px;
  box-shadow: 0 10px 30px rgba(0,50,100,.20), inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(16px) saturate(1.5);
  backdrop-filter: blur(16px) saturate(1.5);
  color: #0b2a45;
  font-size: 16px;
  line-height: 1.65;
}

.wpis-tytul { margin: 0 0 14px; font-size: 30px; line-height: 1.2; color: #0a4f8f; }
.wpis-tytul a { color: inherit; text-decoration: none; -webkit-text-fill-color: inherit; }
.wpis-tytul a:hover { text-decoration: underline; }

.tresc { overflow-wrap: break-word; }
.tresc::after { content: ""; display: table; clear: both; }
.tresc p { margin: 0 0 1em; }
.tresc h1, .tresc h2, .tresc h3, .tresc h4 { line-height: 1.25; margin: 1.1em 0 .5em; }
.tresc h1 { font-size: 2em; } .tresc h2 { font-size: 1.6em; } .tresc h3 { font-size: 1.3em; } .tresc h4 { font-size: 1.1em; }
.tresc a { color: var(--akcent, #0a84ff); }
.tresc img { max-width: 100%; height: auto; }
.tresc ul, .tresc ol { padding-left: 1.6em; margin: 0 0 1em; }
.tresc pre { background: rgba(0,30,60,.08); padding: 12px 14px; border-radius: 10px; overflow-x: auto; white-space: pre-wrap; font-family: Consolas, 'Courier New', monospace; }
.tresc blockquote {
  margin: 1em 0; padding: 12px 18px; border-left: 4px solid var(--akcent, #0a84ff);
  background: rgba(255,255,255,.45); border-radius: 0 12px 12px 0; font-style: italic;
}

/* Obrazy – wyrównanie z opływaniem tekstu */
.tresc .obraz-lewo  { float: left;  clear: left;  margin: 4px 20px 10px 0; }
.tresc .obraz-prawo { float: right; clear: right; margin: 4px 0 10px 20px; }
.tresc .obraz-srodek { display: block; margin: 14px auto; }
.tresc .obraz-pelny { display: block; width: 100% !important; margin: 14px 0; }
.tresc .obraz-linia { vertical-align: middle; }

/* Ramki (bloki z własnym tłem) */
.tresc .ramka {
  display: flow-root; padding: 18px 22px; margin: 14px 0; border-radius: 16px;
  border: 1px solid rgba(255,255,255,.85);
}
.tresc .ramka > :last-child { margin-bottom: 0; }
.tresc .ramka-lewo  { float: left;  clear: left;  margin: 4px 20px 12px 0; }
.tresc .ramka-prawo { float: right; clear: right; margin: 4px 0 12px 20px; }
.tresc .ramka-srodek { margin-left: auto; margin-right: auto; }

/* Kolumny */
.tresc .kolumny { display: grid; grid-template-columns: repeat(var(--kol, 2), minmax(0, 1fr)); gap: 20px; margin: 14px 0; }
.tresc .kolumna > :last-child { margin-bottom: 0; }

/* Efekty tekstu */
.tresc .tekst-obraz, .tresc .tekst-gradient {
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}

/* Filmy */
.tresc .film { position: relative; aspect-ratio: 16 / 9; margin: 14px 0; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,40,90,.25); }
.tresc .film iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Linie oddzielające */
.tresc hr { border: 0; height: 2px; margin: 22px 0; background: rgba(0,60,120,.2); }
.tresc hr.linia-aero { height: 4px; border-radius: 4px; background: linear-gradient(90deg, rgba(0,160,255,0), #39b8ff, #8fff5a, rgba(140,255,90,0)); }
.tresc hr.linia-kropki { height: 0; background: none; border-top: 3px dotted rgba(0,90,170,.45); }
.tresc hr.linia-babelki { height: 14px; background: radial-gradient(circle, rgba(60,180,255,.7) 4px, transparent 5px) center / 22px 14px repeat-x; }

/* Znacznik „Czytaj dalej” – na stronie niewidoczny */
.tresc .przerwa { display: none; }

@media (max-width: 700px) {
  .wpis { padding: 20px 18px; }
  .tresc .kolumny { grid-template-columns: 1fr; }
  .tresc .obraz-lewo, .tresc .obraz-prawo { max-width: 50%; }
  .tresc .ramka-lewo, .tresc .ramka-prawo { float: none; width: auto !important; margin: 14px 0; }
}