/* KJ Elegancki Dziennik — scope strictly limited to the detected existing archive. */
.wr.main > .inner.kjd3-active {
  --kjd3-ink: #183347;
  --kjd3-blue: #4f778b;
  --kjd3-muted: #879ca9;
  --kjd3-line: #e4e9ed;
  --kjd3-soft: #f8fafb;
  color: var(--kjd3-ink);
  background: #fff;
  max-width: 1420px;
  margin-inline: auto;
  padding: 16px clamp(16px, 2.9vw, 44px) 50px !important;
  box-sizing: border-box;
}

/* Preserve the original Diary banner artwork and the month selection. */
.wr.main > .inner.kjd3-active > .h1_wrap {
  /* Do not erase the theme's existing background image or its height. */
  background-size: cover !important;
  background-position: center !important;
  margin-bottom: 30px !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap .h1_inner { position: relative; }
.wr.main > .inner.kjd3-active #select_miesiac { max-width: 260px; }

.wr.main > .inner.kjd3-active .kjd3-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 282px);
  gap: clamp(22px, 3.3vw, 48px);
  align-items: start;
}
.wr.main > .inner.kjd3-active .kjd3-feed { min-width: 0; }
.wr.main > .inner.kjd3-active .kjd3-entry {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0 0 52px !important;
  padding: 0 0 44px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--kjd3-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .sub_dziennik_item {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--kjd3-ink) !important;
}
.wr.main > .inner.kjd3-active .kjd3-original-date { display: none !important; }

/* Date + name days: automatically created from each entry date and its greeting. */
.wr.main > .inner.kjd3-active .kjd3-meta {
  display: grid !important;
  grid-template-columns: auto minmax(126px, auto) 1px minmax(0, 1fr);
  align-items: center;
  justify-content: start;
  column-gap: clamp(11px, 1.5vw, 21px);
  row-gap: 7px;
  width: 100%;
  padding: 2px 0 27px;
  margin: 0 !important;
  box-sizing: border-box;
}
.wr.main > .inner.kjd3-active .kjd3-day-number {
  font: 400 clamp(46px, 5.2vw, 70px)/.98 Georgia, 'Times New Roman', serif !important;
  letter-spacing: -0.055em;
  color: #183449;
  white-space: nowrap;
}
.wr.main > .inner.kjd3-active .kjd3-date-details {
  min-width: 0;
  font-family: Georgia, 'Times New Roman', serif !important;
  white-space: nowrap;
}
.wr.main > .inner.kjd3-active .kjd3-month-year {
  color: #385b7b;
  font-size: clamp(16px, 1.55vw, 21px);
  line-height: 1.38;
}
.wr.main > .inner.kjd3-active .kjd3-week-time {
  color: #8a9eb1;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.45;
}
.wr.main > .inner.kjd3-active .kjd3-meta-divider {
  display: block;
  width: 1px;
  height: 52px;
  background: #c5d4dd;
}
.wr.main > .inner.kjd3-active .kjd3-celebration {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  font-family: Georgia, 'Times New Roman', serif !important;
  line-height: 1.35;
}
.wr.main > .inner.kjd3-active .kjd3-flower {
  color: #a8c3d3;
  font: 400 27px/1 Georgia, serif;
  flex: 0 0 auto;
}
.wr.main > .inner.kjd3-active .kjd3-celebration-text { min-width: 0; }
.wr.main > .inner.kjd3-active .kjd3-celebration-main {
  font-size: clamp(15px, 1.42vw, 19px);
  color: #385e80;
}
.wr.main > .inner.kjd3-active .kjd3-celebration-sub {
  font-size: 13px;
  color: #879bac;
  padding-top: 2px;
}
.wr.main > .inner.kjd3-active .kjd3-edit-link {
  font: 11px/1.2 Arial, sans-serif;
  color: #7d9aad;
  text-decoration: underline;
  margin-left: auto;
}

/* Float the photo so all of the actual post text can flow beside and below it. */
.wr.main > .inner.kjd3-active .kjd3-entry .bd {
  display: flow-root !important;
  box-sizing: border-box !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #31475b !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(17px, 1.42vw, 19px) !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere;
}
.wr.main > .inner.kjd3-active .kjd3-entry .bd > p,
.wr.main > .inner.kjd3-active .kjd3-entry .bd > div:not(.kjd3-photo):not(.kjd3-signature) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 0 21px !important;
  text-align: left !important;
  text-indent: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .bd p[style*="text-indent"] {
  text-indent: 0 !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .bd p a {
  color: #4d7893;
  text-decoration: underline;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo {
  box-sizing: border-box !important;
  display: block !important;
  float: left !important;
  position: relative;
  width: 54% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 3px 26px 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #f5f3f0;
  overflow: hidden;
  text-indent: 0 !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo.kjd3-portrait {
  width: 43% !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 490px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo .opis_zdjecia {
  font: 13px/1.4 Georgia, serif !important;
  color: #8093a1;
  text-align: left;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo .opis_zdjecia p:empty { display: none; }
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo > a.btn {
  display: inline-block !important;
  margin: 8px 0 0 !important;
  padding: 4px 2px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #64869a !important;
  font: 12px/1.4 Arial, sans-serif !important;
  text-decoration: underline !important;
  height: auto !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature {
  display: block;
  clear: both;
  text-indent: 0 !important;
  padding-top: 6px;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature img {
  display: block;
  max-width: 240px;
  width: 48%;
  height: auto;
  object-fit: contain;
  object-position: left;
}

/* Only desktop gets the "Ostatnie wpisy" column. */
.wr.main > .inner.kjd3-active .kjd3-sidebar {
  box-sizing: border-box;
  background: linear-gradient(125deg,#f8fafb,#ffffff);
  padding: 30px 23px;
  border: 1px solid #edf1f3;
  min-width: 0;
}
.wr.main > .inner.kjd3-active .kjd3-side-heading {
  margin: 0 0 22px !important;
  color: #436a83 !important;
  font: italic 32px/1.3 Georgia, serif !important;
  text-transform: none !important;
  letter-spacing: .01em;
}
.wr.main > .inner.kjd3-active .kjd3-side-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.wr.main > .inner.kjd3-active .kjd3-side-item {
  display: block;
  list-style: none;
  border-bottom: 1px solid #e4eaed;
  margin: 0 !important;
  padding: 0 !important;
}
.wr.main > .inner.kjd3-active .kjd3-side-link {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  color: #243e50 !important;
  text-decoration: none !important;
  background: transparent !important;
}
.wr.main > .inner.kjd3-active .kjd3-side-link:hover .kjd3-side-title,
.wr.main > .inner.kjd3-active .kjd3-side-link:focus .kjd3-side-title {
  text-decoration: underline;
}
.wr.main > .inner.kjd3-active .kjd3-side-cover {
  display: block;
  width: 76px !important;
  height: 78px !important;
  flex: 0 0 76px;
  border-radius: 2px;
  object-fit: cover !important;
  background: #dfe9ed;
}
.wr.main > .inner.kjd3-active .kjd3-side-placeholder {
  display: grid;
  place-items: center;
  color: #648fa4;
  font-size: 32px;
}
.wr.main > .inner.kjd3-active .kjd3-side-copy {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.wr.main > .inner.kjd3-active .kjd3-side-date {
  color: #8c9ead;
  font: 13px/1.3 Arial, sans-serif !important;
}
.wr.main > .inner.kjd3-active .kjd3-side-title {
  color: #203b50;
  font: 16px/1.35 Georgia, 'Times New Roman', serif !important;
  overflow-wrap: anywhere;
}
.wr.main > .inner.kjd3-active .kjd3-side-footer {
  margin: 22px 0 0 !important;
  font: 12px/1.55 Arial, sans-serif !important;
  color: #7893a2 !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry { scroll-margin-top: 130px; }

@media (max-width: 1099px) {
  .wr.main > .inner.kjd3-active .kjd3-layout { display: block !important; }
  .wr.main > .inner.kjd3-active .kjd3-sidebar { display: none !important; }
}
@media (max-width: 690px) {
  .wr.main > .inner.kjd3-active { padding: 12px 16px 30px !important; }
  .wr.main > .inner.kjd3-active .kjd3-meta {
    grid-template-columns: auto minmax(0,1fr);
    column-gap: 15px;
    row-gap: 16px;
    padding-bottom: 23px;
  }
  .wr.main > .inner.kjd3-active .kjd3-day-number {
    font-size: 58px !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-month-year { font-size: 19px; }
  .wr.main > .inner.kjd3-active .kjd3-week-time { font-size: 14px; }
  .wr.main > .inner.kjd3-active .kjd3-meta-divider { display: none; }
  .wr.main > .inner.kjd3-active .kjd3-celebration {
    grid-column: 1 / -1;
    padding: 11px 0 0;
    border-top: 1px solid #e8edf0;
  }
  .wr.main > .inner.kjd3-active .kjd3-celebration-main { font-size: 17px; }
  .wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo,
  .wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo.kjd3-portrait {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 21px !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo img {
    max-height: 580px !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .bd {
    font-size: 18px !important;
    line-height: 1.67 !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry {
    margin-bottom: 32px !important;
    padding-bottom: 34px !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature img {
    width: 62%;
    max-width: 218px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  html:has(.kjd3-active) { scroll-behavior: smooth; }
}

.wr.main > .inner.kjd3-active .kjd3-layout.kjd3-single-layout {
  display: block !important;
  max-width: 900px;
  margin-inline: auto;
}

/* Restore the original full-width diary hero even within the new content padding. */
.wr.main > .inner.kjd3-active > .h1_wrap {
  margin-left: calc(-1 * clamp(16px, 2.9vw, 44px)) !important;
  margin-right: calc(-1 * clamp(16px, 2.9vw, 44px)) !important;
}
@media (max-width:690px) {
 .wr.main > .inner.kjd3-active > .h1_wrap { margin-left:-16px !important; margin-right:-16px !important; }
}

/* v3.3: constrain the theme's fixed-width diary elements on phones. */
.wr.main > .inner.kjd3-active .kjd3-entry .kjd33-gallery-ready > img {
  cursor: zoom-in !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd33-gallery-ready > img:focus-visible {
  outline: 3px solid #527f96 !important;
  outline-offset: -3px;
}
@media (max-width: 1099px) {
  .wr.main > .inner.kjd3-active,
  .wr.main > .inner.kjd3-active .kjd3-layout,
  .wr.main > .inner.kjd3-active .kjd3-feed,
  .wr.main > .inner.kjd3-active .kjd3-entry,
  .wr.main > .inner.kjd3-active .kjd3-entry .sub_dziennik_item,
  .wr.main > .inner.kjd3-active .kjd3-entry .bd {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 690px) {
  /* WordPress theme .wr/.inner may have fixed widths; reset only inside diary. */
  .wr.main:has(> .inner.kjd3-active) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  .wr.main > .inner.kjd3-active {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    padding-inline: 16px !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-layout,
  .wr.main > .inner.kjd3-active .kjd3-feed,
  .wr.main > .inner.kjd3-active .kjd3-entry,
  .wr.main > .inner.kjd3-active .kjd3-entry .sub_dziennik_item,
  .wr.main > .inner.kjd3-active .kjd3-entry .bd {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .bd {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .bd :is(p, a, blockquote, div, figure, iframe, video, table, pre) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .bd :is(img, video, iframe) {
    max-width: 100% !important;
    height: auto !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .bd :is(pre, table) {
    overflow-x: auto !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-meta {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-date-details {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-month-year,
  .wr.main > .inner.kjd3-active .kjd3-celebration-main {
    overflow-wrap: anywhere !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo,
  .wr.main > .inner.kjd3-active .kjd3-entry .kjd3-photo.kjd3-portrait {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
  }
}

/* KJ 3.4 – vector snowflake and a single name-day label. */
.wr.main > .inner.kjd3-active .kjd3-flower {display:block !important;width:29px !important;height:29px !important;flex:0 0 29px !important;color:#a8c3d3 !important;}
.wr.main > .inner.kjd3-active .kjd3-celebration-main {font-size:clamp(15px,1.42vw,19px) !important;line-height:1.4 !important;}
.wr.main > .inner.kjd3-active .kjd3-celebration-sub {display:none !important;}

/* v3.8 — mobile diary hero spans the DEVICE viewport, not the padded content.
   Keep the theme's original background-image and the month/year selector. */
@media (max-width: 690px) {
  .wr.main > .inner.kjd3-active {
    overflow-x: visible !important;
  }
  .wr.main > .inner.kjd3-active > .h1_wrap {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: max(14px, env(safe-area-inset-left)) !important;
    padding-right: max(14px, env(safe-area-inset-right)) !important;
    background-size: cover !important;
    background-position: center center !important;
    overflow: visible !important;
  }
  .wr.main > .inner.kjd3-active > .h1_wrap .h1_inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .wr.main > .inner.kjd3-active > .h1_wrap #select_miesiac {
    max-width: min(100%, 280px) !important;
  }
}

/* v3.9: the existing theme month/year control stays INSIDE the artwork,
   anchored to the lower edge rather than flowing below the hero. */
.wr.main > .inner.kjd3-active > .h1_wrap {
  position:relative !important;
  box-sizing:border-box !important;
  min-height:clamp(170px,19vw,285px) !important;
  padding-bottom:0 !important;
  overflow:visible !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner {
  position:absolute !important;
  inset:0 !important;
  height:100% !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
  position:absolute !important;
  right:clamp(12px,4vw,46px) !important;
  bottom:clamp(10px,2vw,26px) !important;
  top:auto !important;left:auto !important;
  margin:0 !important;
  max-width:min(280px,85%) !important;
  pointer-events:auto !important;
  z-index:3 !important;
}
@media(max-width:690px){
 .wr.main > .inner.kjd3-active > .h1_wrap {
   min-height:clamp(155px,44vw,230px) !important;
   width:100vw !important;max-width:100vw !important;
   margin-left:calc(50% - 50vw) !important;
   margin-right:calc(50% - 50vw) !important;
 }
 .wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
   right:max(12px,env(safe-area-inset-right)) !important;
   bottom:12px !important;
   max-width:min(245px,76vw) !important;
 }
 .wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select select {max-width:100% !important;}
}

/* v4.3: month/year selector at the HORIZONTAL CENTER, inside the bottom of the diary hero. */
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
  position:absolute !important; left:50% !important; right:auto !important;
  bottom:clamp(12px,2vw,27px) !important; top:auto !important;
  transform:translateX(-50%) !important; margin:0 !important;
  max-width:min(300px,88%) !important; width:max-content !important;
  box-sizing:border-box !important; z-index:5 !important; pointer-events:auto !important;
}
@media(max-width:690px){
  .wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
    left:50% !important;right:auto !important;bottom:12px !important;
    transform:translateX(-50%) !important;
    max-width:min(280px,85vw) !important;
  }
}


/* v4.4: center the month selector inside the hero banner, at the bottom. */
.wr.main > .inner.kjd3-active > .h1_wrap { position:relative !important; }
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner { position:relative !important; }
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:clamp(12px,2vw,24px) !important;
  top:auto !important;
  transform:none !important;
  margin:0 auto !important;
  width:fit-content !important;
  max-width:88% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  z-index:7 !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select select,
.wr.main > .inner.kjd3-active #select_miesiac {
  margin:0 auto !important;
  text-align:center !important;
}
@media(max-width:690px){
  .wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
    left:0 !important; right:0 !important; bottom:12px !important; max-width:92% !important;
  }
}


/* v4.8: compact Dziennik banner; keep actual background artwork and month selector.
   This is an override, NOT a replacement of the original header element. */
.wr.main > .inner.kjd3-active > .h1_wrap {
  position:relative !important;
  height:clamp(210px,18vw,285px) !important;
  min-height:clamp(210px,18vw,285px) !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  margin-bottom:27px !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
  position:absolute !important;
  top:auto !important;
  bottom:clamp(10px,1.5vw,19px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:max-content !important;
  max-width:90% !important;
  margin:0 !important;
  z-index:10 !important;
  pointer-events:auto !important;
}
@media(max-width:690px){
  .wr.main > .inner.kjd3-active > .h1_wrap {
    height:clamp(150px,40vw,195px) !important;
    min-height:clamp(150px,40vw,195px) !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
  .wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
    bottom:10px !important;
    max-width:90vw !important;
  }
}
/* Only the Dziennik archive desktop sidebar gets recent-posts typography. */
.wr.main > .inner.kjd3-active .kjd3-side-heading {
  color:#577f97 !important;
  font-family:'Segoe Print','Brush Script MT','Segoe Script','Snell Roundhand',cursive !important;
  font-style:normal !important;
  font-weight:400 !important;
  font-size:clamp(31px,2.45vw,43px) !important;
  line-height:1.08 !important;
  max-width:200px !important;
  white-space:normal !important;
}

/* 4.9: same handwritten supplied artwork in the diary-only desktop sidebar. */
.wr.main > .inner.kjd3-active .kjd3-side-heading {
  width:100% !important;max-width:245px !important;
  height:95px !important;margin:0 0 14px !important;
  background:url('ostatnie-wpisy.png') left center / contain no-repeat !important;
  font-size:0 !important;line-height:0 !important;
  overflow:hidden !important;
}


/* v5.0 — crop the existing artwork, never stretch it to the banner height. */
.wr.main > .inner.kjd3-active > .h1_wrap {
 height:clamp(185px,18vw,255px) !important;
 min-height:clamp(185px,18vw,255px) !important;
 background-size:cover !important;
 background-position:center 45% !important;
 overflow:hidden !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner {
 position:absolute !important;inset:0 !important;
 width:100% !important;height:100% !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
 position:absolute !important;top:auto !important;bottom:14px !important;
 left:50% !important;right:auto !important;
 transform:translateX(-50%) !important;margin:0 !important;
 width:max-content !important;max-width:90% !important;z-index:10 !important;
}
@media(max-width:690px){
 .wr.main > .inner.kjd3-active > .h1_wrap {
  height:clamp(150px,38vw,190px) !important;
  min-height:clamp(150px,38vw,190px) !important;
  width:100vw !important;max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background-size:cover !important;background-position:center 45% !important;
 }
}
/* Use user-supplied lettering with less internal padding in the sidebar. */
.wr.main > .inner.kjd3-active .kjd3-sidebar {padding:22px 14px !important;}
.wr.main > .inner.kjd3-active .kjd3-side-heading {
 display:block !important;width:100% !important;max-width:245px !important;
 height:92px !important;margin:0 0 10px !important;
 background:url('ostatnie-wpisy.png') left center / contain no-repeat !important;
 font-size:0 !important;line-height:0 !important;
}

/* v5.3: keep the TOP of the original diary artwork; crop only its bottom.
   background-size:auto (cover) and top anchoring avoid stretching. */
.wr.main > .inner.kjd3-active > .h1_wrap {
  height:165px !important;
  min-height:165px !important;
  max-height:165px !important;
  background-size:cover !important;
  background-position:center top !important;
  overflow:hidden !important;
  padding:0 !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner {
  position:absolute !important;
  inset:0 !important;
  height:100% !important;
}
.wr.main > .inner.kjd3-active > .h1_wrap > .h1_inner > label.select {
  top:auto !important;
  bottom:8px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
}
@media(max-width:690px){
 .wr.main > .inner.kjd3-active > .h1_wrap {
   height:145px !important; min-height:145px !important; max-height:145px !important;
   background-position:center top !important;
 }
}
/* 30% larger hand-lettered heading, centered in wider desktop sidebar. */
@media(min-width:1100px){
 .wr.main > .inner.kjd3-active .kjd3-layout {
  grid-template-columns:minmax(0,1fr) minmax(305px,340px) !important;
 }
}
.wr.main > .inner.kjd3-active .kjd3-sidebar {
 padding:22px 12px !important;
}
.wr.main > .inner.kjd3-active .kjd3-side-heading {
  width:100% !important;
  max-width:318px !important;
  height:120px !important;
  margin:0 auto 10px !important;
  background:url('ostatnie-wpisy.png') center center / contain no-repeat !important;
  font-size:0 !important;
  line-height:0 !important;
}


/* v5.5 — restore comfortable diary banner height; preserve TOP of artwork. */
.wr.main > .inner.kjd3-active > .h1_wrap {
  height: clamp(218px, 20vw, 255px) !important;
  min-height: clamp(218px, 20vw, 255px) !important;
  max-height: 255px !important;
  background-size: cover !important;
  background-position: center top !important;
  overflow: hidden !important;
}
@media(max-width:690px) {
  .wr.main > .inner.kjd3-active > .h1_wrap {
    height: clamp(174px, 51vw, 215px) !important;
    min-height: clamp(174px, 51vw, 215px) !important;
    max-height: 215px !important;
    background-position: center top !important;
  }
}
/* Slightly separate the header from the actual diary article body. */
.wr.main > .inner.kjd3-active .kjd3-meta { padding-bottom: 35px !important; }
@media(max-width:690px) {
  .wr.main > .inner.kjd3-active .kjd3-meta {padding-bottom:27px !important;}
}

/* v5.7: reduce the handwritten Ostatnie wpisy picture by 30%, keep centered. */
.wr.main > .inner.kjd3-active .kjd3-sidebar .kjd3-side-heading {
  display:block !important;
  width:70% !important;
  max-width:223px !important;
  height:84px !important;
  margin:0 auto 14px !important;
  background:url('ostatnie-wpisy.png') center center / contain no-repeat !important;
  font-size:0 !important;
  line-height:0 !important;
}

/* v5.9 – Sidebar column one-third narrower on desktop only.
   The diary feed grows to use the space; phones keep sidebar hidden. */
@media (min-width:1100px) {
  .wr.main > .inner.kjd3-active .kjd3-layout:not(.kjd3-single-layout) {
    grid-template-columns:minmax(0,1fr) minmax(204px,227px) !important;
  }
  .wr.main > .inner.kjd3-active .kjd3-sidebar {
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
}


/* v6.1 — slightly wider desktop sidebar for „Ostatnie wpisy”. */
@media (min-width:1100px) {
  .wr.main > .inner.kjd3-active .kjd3-layout:not(.kjd3-single-layout) {
    grid-template-columns:minmax(0,1fr) minmax(235px,261px) !important;
  }
}

/* v6.3: each later post uses the full page width, no sidebar column. */
.wr.main > .inner.kjd3-active > .kjd63-rest-feed {
 display:block !important; width:100% !important; min-width:0 !important;
 max-width:100% !important; margin:30px 0 0 !important; padding:0 !important;
 box-sizing:border-box !important;
}
.wr.main > .inner.kjd3-active > .kjd63-rest-feed > .kjd3-entry {width:100% !important;max-width:100% !important;}

/* v7.0: conditional author signature on archive entries, measured in JS.
   Short text: at right beside the remaining photo height.
   Long text: below text, aligned left, at full article width. */
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature {
  display:block !important;
  float:none !important;
  clear:both !important;
  box-sizing:border-box !important;
  text-indent:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:20px 0 0 !important;
  padding:0 !important;
  text-align:left !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature img {
  display:block !important;
  width:clamp(135px,28%,240px) !important;
  max-width:100% !important;
  height:auto !important;
  float:none !important;
  margin:0 auto 0 0 !important;
  object-fit:contain !important;
  object-position:left !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature.kjd70-sign-short {
  clear:none !important;
  width:calc(100% - var(--kjd70-photo-right-edge,55%)) !important;
  max-width:calc(100% - var(--kjd70-photo-right-edge,55%)) !important;
  margin:18px 0 0 auto !important;
  text-align:right !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature.kjd70-sign-short img {
  width:min(100%,240px) !important;
  max-width:100% !important;
  margin:0 0 0 auto !important;
  object-position:right !important;
}

/* When the mobile layout stacks a full-width picture above the text,
   keep the right-aligned signature under short text, not beside the photo. */
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature.kjd70-sign-short-stacked {
  clear:both !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:18px 0 0 !important;
  text-align:right !important;
}
.wr.main > .inner.kjd3-active .kjd3-entry .kjd3-signature.kjd70-sign-short-stacked img {
  display:block !important;
  width:min(40%,240px) !important;
  margin:0 0 0 auto !important;
}