/* One editorial frame for every native Journal post, including future articles. */
body.ipp-native-site.ipp-site.single-post #ipp-journal-template {
  --ipp-journal-column: 740px;
  --ipp-journal-rail: clamp(140px, 14vw, 200px);
  --ipp-journal-gap: 32px;
  --ipp-journal-space-right: 80px;
  display: grid;
  grid-template-columns: var(--ipp-journal-rail) minmax(0, var(--ipp-journal-column));
  grid-template-areas: "meta header" "article article";
  column-gap: var(--ipp-journal-gap);
  row-gap: 40px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: var(--sw-hero-space, 48px) calc(var(--sw-gutter, 36px) + var(--ipp-journal-space-right)) var(--sw-space, 48px) var(--sw-gutter, 36px);
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template > .ipp-journal-template-header { grid-area: header; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template > .ipp-journal-template-meta { grid-area: meta; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template > .ipp-journal-template-body { grid-area: article; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template > :is(.ipp-journal-template-header, .ipp-journal-template-body, .ipp-journal-template-meta) {
  min-width: 0;
  width: 100%;
  margin: 0;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-row > :is(.row-parent, .row-child) {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Native rows use a negative gutter offset. The shared frame owns spacing. */
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-row > :is(.row-parent, .row-child) > .row-inner {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template :is(.ipp-journal-template-column, .ipp-journal-template-meta-column) {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template :is(.ipp-journal-template-column, .ipp-journal-template-meta-column) > .uncol > .uncoltable > .uncell {
  padding: 0 !important;
  vertical-align: top;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template :is(.ipp-journal-template-column, .ipp-journal-template-meta-column) > .uncol > .uncoltable > .uncell > .uncont {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template :is(.ipp-journal-template-column, .ipp-journal-template-meta-column) > .uncol > .uncoltable > .uncell > .uncont > :first-child { margin-top: 0 !important; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-body > .ipp-journal-template-row + .ipp-journal-template-row {
  margin-top: 32px !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-column + .ipp-journal-template-column {
  margin-top: 24px !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-header h1 {
  font-size: clamp(42px, 5vw, 80px) !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-header .sw-side-note {
  max-width: none !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-header :is(.sw-lead, .sw-lead p) {
  font-size: 23px !important;
  line-height: 1.5 !important;
  max-width: none !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body :is(.ipp-pula-copy, .ipp-pula-copy p, .ipp-note-copy, .ipp-note-copy p) {
  font-size: 18px !important;
  line-height: 1.65 !important;
  max-width: 100% !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body :is(.uncode_text_column, .uncode_text_column p, .uncont > p),
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body > p {
  font-size: 18px !important;
  line-height: 1.65 !important;
  max-width: 100% !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body .vc_custom_heading_wrap .heading-text > h2 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body .vc_custom_heading_wrap .heading-text > h3 {
  font-size: clamp(24px, 2.3vw, 32px) !important;
  line-height: 1.2 !important;
  max-width: 100% !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-meta :is(.sw-label, .ipp-note-kicker, .ipp-note-meta, .ipp-note-meta *, .ipp-note-toc, .ipp-note-toc *, .ipp-journal-template-label, .ipp-journal-template-categories) {
  font-family: var(--ipp-uncode-font-label) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-default-meta { display: flex; flex-direction: column; gap: 24px; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-categories { display: flex; flex-direction: column; gap: 8px; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-gallery > .row-parent > .row-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-gallery .ipp-journal-template-column + .ipp-journal-template-column { margin-top: 0 !important; }
/* Each section uses the same title rail and reading column as the article frame. */
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section {
  display: grid;
  grid-template-columns: var(--ipp-journal-rail) minmax(0, var(--ipp-journal-column));
  column-gap: var(--ipp-journal-gap);
  align-items: start;
  min-width: 0;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section + .ipp-journal-template-section { margin-top: 48px; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template :is(.ipp-journal-template-section-title, .ipp-journal-template-section-body) {
  min-width: 0;
  width: 100%;
  margin: 0;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-title { grid-column: 1; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-body { grid-column: 2; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-title :is(h2, h3),
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body .ipp-journal-template-section-title .vc_custom_heading_wrap .heading-text > :is(h2, h3) {
  font-size: 24px !important;
  line-height: 1.25 !important;
  overflow-wrap: break-word;
  max-width: 100% !important;
  margin: 0 !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-title .sw-label {
  font-family: var(--ipp-uncode-font-label) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin-bottom: 12px !important;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-title .sw-label * { font-size: 12px !important; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-title .vc_custom_heading_wrap { margin-top: 0 !important; }
@media (max-width: 1199px) {
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template {
    grid-template-columns: minmax(0, var(--ipp-journal-column));
    grid-template-areas: "header" "meta" "article";
    row-gap: 28px;
  }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section {
    grid-template-columns: minmax(0, var(--ipp-journal-column));
    row-gap: 20px;
  }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template :is(.ipp-journal-template-section-title, .ipp-journal-template-section-body) { grid-column: 1; }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-title:empty { display: none; }

}
@media (max-width: 959px) {
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template {
    --ipp-journal-space-right: 0px;
    padding-inline: var(--sw-gutter, 20px);
  }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-header h1 { font-size: clamp(36px, 9vw, 60px) !important; }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-header :is(.sw-lead, .sw-lead p) { font-size: 21px !important; }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body :is(.ipp-pula-copy, .ipp-pula-copy p, .ipp-note-copy, .ipp-note-copy p) { font-size: 17px !important; }
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body :is(.uncode_text_column, .uncode_text_column p, .uncont > p),
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-body > p { font-size: 17px !important; }
}
@media (max-width: 569px) {
  body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-gallery > .row-parent > .row-inner { grid-template-columns: minmax(0, 1fr); }
}

/* Linked media must stay above transparent positioned prose beside a float. */
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-journal-template-section-body .uncode-single-media:has(a[href] img) {
  position: relative;
  z-index: 1;
}