/* Dopasowania wyłącznie do WordPressa; bazowy projekt pozostaje w styles.css. */
body.admin-bar { --kinga-admin-height: 32px; }
body.admin-bar .site-header { top: var(--kinga-admin-height); }
body.admin-bar .skip-link { top: calc(var(--kinga-admin-height) + 8px); z-index: 100001; }
html:has(body.admin-bar) { scroll-padding-top: 144px; }

.wp-entry { min-height: 60vh; max-width: 900px; }
.wp-entry h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.1; }
.wp-entry > *, .wp-entry article > * { margin-bottom: 24px; }
.wp-entry article + article { margin-top: 48px; }
.entry-content > * + * { margin-top: 24px; }
.entry-content a, .wp-entry h2 a { text-decoration: underline; text-underline-offset: 4px; }
.entry-content img, .entry-content video, .entry-content iframe { max-width: 100%; }
.entry-content img, .entry-content video { height: auto; }
.entry-content table { width: 100%; }
.wp-entry { overflow-wrap: anywhere; }

@media (max-width: 800px) {
  html:has(body.admin-bar) { scroll-padding-top: 128px; }
}
@media (max-width: 782px) {
  body.admin-bar { --kinga-admin-height: 46px; }
  html:has(body.admin-bar) { scroll-padding-top: 142px; }
}
@media (max-width: 600px) {
  /* Pasek pozostaje widoczny razem z przyklejoną nawigacją. */
  #wpadminbar { position: fixed; }
}
