.ivana-journal {
  --journal-ink: #242822;
  --journal-paper: #faf8f3;
  --journal-accent: #425749;
  --journal-rule: #ded8cc;
  --journal-serif: Georgia, "Times New Roman", serif;
  color: var(--journal-ink);
  background: var(--journal-paper);
}
.ivana-journal .ivana-journal__article { margin: 0; }
.ivana-journal__hero {
  display: grid;
  align-items: center;
  gap: clamp(1.75rem, 5vw, 5rem);
  padding: clamp(2.5rem, 7vw, 6.5rem) max(6vw, calc((100% - 84rem) / 2));
  background: #f0ece3;
  border-bottom: 1px solid var(--journal-rule);
}
.ivana-journal__hero--image { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.ivana-journal__label, .ivana-journal__meta {
  font: 600 .78rem/1.6 system-ui, sans-serif;
  color: var(--journal-accent);
}
.ivana-journal__label { text-transform: uppercase; letter-spacing: .16em; margin: 0 0 1.25rem; }
.ivana-journal .ivana-journal__hero h1 {
  max-width: 19ch;
  margin: 0;
  font: 400 clamp(2.65rem, 5.4vw, 5.2rem)/1.02 var(--journal-serif);
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.ivana-journal__meta { margin: 1.65rem 0 0; }
.ivana-journal__deck { font: 400 clamp(1.1rem, 2vw, 1.35rem)/1.5 var(--journal-serif); margin: 1.25rem 0 0; max-width: 38ch; }
.ivana-journal__image { margin: 0; min-width: 0; }
.ivana-journal__image img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block; }
.ivana-journal__image figcaption { font: .78rem/1.5 system-ui, sans-serif; margin-top: .55rem; }
.ivana-journal__body {
  width: min(100% - 2.5rem, 50rem);
  margin-inline: auto;
  padding-block: clamp(2.5rem, 6vw, 5rem);
  font: 400 clamp(1.1rem, 1.6vw, 1.22rem)/1.75 var(--journal-serif);
  overflow-wrap: break-word;
}
.ivana-journal__body :is(h2, h3, h4) { color: var(--journal-ink); font-family: var(--journal-serif); font-weight: 400; line-height: 1.2; margin: 1.7em 0 .6em; }
.ivana-journal__body h2 { font-size: clamp(1.8rem, 3.6vw, 2.65rem); }
.ivana-journal__body h3 { font-size: clamp(1.4rem, 2.8vw, 1.85rem); }
.ivana-journal__body > :first-child { margin-top: 0; }
.ivana-journal__body a { color: var(--journal-accent); text-decoration: underline; text-underline-offset: .16em; }
.ivana-journal__body blockquote { margin-inline: 0; padding: 1rem 1.5rem; background: #f0ece3; border-inline-start: 3px solid var(--journal-accent); }
.ivana-journal__body img { max-width: 100%; height: auto; }
.ivana-journal__body .wp-block-table { overflow-x: auto; }
.ivana-journal__tags, .ivana-journal__comments { border-top: 1px solid var(--journal-rule); }
@media (max-width: 760px) {
  .ivana-journal__hero--image { grid-template-columns: minmax(0, 1fr); }
}

/* Journal masthead and article layout */
.ivana-journal {
  --journal-ink: #252522;
  --journal-paper: #f6f1e8;
  --journal-accent: #274b41;
  --journal-evergreen: #18372f;
  --journal-rose: #d1a899;
  --journal-rule: rgba(24,55,47,.2);
  --journal-serif: "Cormorant Garamond", Georgia, serif;
  --journal-sans: Manrope, Arial, sans-serif;
}
.ivana-journal__hero {
  display: block;
  text-align: center;
  background: var(--journal-evergreen);
  color: var(--journal-paper);
  padding: clamp(3rem,7vw,7rem) max(1.25rem,6vw);
}
.ivana-journal .ivana-journal__hero h1 {
  max-width: 21ch;
  margin-inline: auto;
  color: inherit;
  font-weight: 500;
}
.ivana-journal__hero .ivana-journal__label,
.ivana-journal__hero .ivana-journal__meta { color: var(--journal-paper); }
.ivana-journal__hero .ivana-journal__label::after {
  content: "";
  display: block;
  width: 3.25rem;
  border-top: 2px solid var(--journal-rose);
  margin: 1.25rem auto 0;
}
.ivana-journal__label, .ivana-journal__meta, .ivana-journal__image figcaption {
  font-family: var(--journal-sans);
}
.ivana-journal__deck { margin-inline: auto; font-style: italic; }
.ivana-journal__image img { aspect-ratio: 3.3 / 1; }
.ivana-journal__image figcaption { padding-inline: max(1.25rem,6vw); }
.ivana-journal__reading {
  width: min(calc(100% - 2.5rem), 75rem);
  margin-inline: auto;
}
.ivana-journal__reading:has(.ivana-journal__guide:not([hidden])) {
  display: grid;
  grid-template-columns: minmax(0, 14rem) minmax(0, 50rem);
  gap: clamp(2rem,5vw,5rem);
  justify-content: center;
}
.ivana-journal__reading .ivana-journal__body { width: 100%; max-width: 50rem; }
.ivana-journal__body { font-family: var(--journal-sans); font-size: clamp(1rem,1.45vw,1.12rem); }
.ivana-journal__body h2 { scroll-margin-top: 10rem; }
.ivana-journal__guide {
  align-self: start;
  margin-top: clamp(2.5rem,6vw,5rem);
  padding-right: 1.25rem;
  border-inline-end: 1px solid var(--journal-rule);
}
.ivana-journal__guide ul { list-style: none; margin: 0; padding: 0; }
.ivana-journal__guide li { border-top: 1px solid var(--journal-rule); }
.ivana-journal__guide a { display: block; padding: .65rem 0; color: var(--journal-evergreen); font: 600 .85rem/1.55 var(--journal-sans); }
.ivana-journal__body .ivana-journal-comparison .wp-block-column {
  padding: clamp(1rem,3vw,2rem);
  border: 1px solid var(--journal-rule);
  min-width: 0;
}
.ivana-journal__body .ivana-journal-comparison h3:first-child { margin-top: 0; }
.ivana-journal__cta {
  padding: clamp(2.5rem,6vw,5rem) 1.25rem;
  background: var(--journal-evergreen);
  color: var(--journal-paper);
  text-align: center;
}
.ivana-journal__cta h2 { color: inherit; font: 500 clamp(2rem,5vw,3.75rem)/1.05 var(--journal-serif); margin: 0 0 1.25rem; }
.ivana-journal__cta a { display: inline-block; background: var(--journal-paper); color: var(--journal-evergreen); padding: .8rem 1.4rem; font: 700 .9rem/1.4 var(--journal-sans); }
@media (max-width: 760px) {
  .ivana-journal__image img { aspect-ratio: 1.8 / 1; }
  .ivana-journal__reading:has(.ivana-journal__guide:not([hidden])) { display: block; }
  .ivana-journal__guide { border-inline-end: 0; padding-right: 0; }
}

@media (min-width: 1200px) {
  .ivana-journal__reading .ivana-journal__body > :is(.ivana-journal-comparison, .wp-block-image.alignwide) {
    width: calc(100% + 2rem);
    max-width: none;
    margin-inline: -1rem;
  }
}