[data-i8tac3glqugby="hjkjqqex"] {
  --journal-space: clamp(16px, 2.2vw, 32px);
  --journal-radius: 8px;
  --journal-font-size: clamp(16px, 1.1vw, 20px);
  --journal-cap: clamp(280px, 84vw, 1080px);
  --journal-color: #373737;
  --journal-surface: #ffffff;
  --journal-lavender: #eadcf2;
  --journal-green: #dcebdc;
  --journal-yellow: #fec544;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 4vw, 64px);
  width: min(100%, var(--journal-cap));
  margin-inline: auto;
  padding: clamp(24px, 5vw, 72px) clamp(16px, 4vw, 48px);
  color: var(--journal-color);
  font-size: var(--journal-font-size);
  line-height: 1.65;
  & .frame-journalIntroduction,
  & .frame-journalGuides,
  & .frame-journalReading,
  & .frame-journalAbout {
    box-sizing: border-box;
    min-width: 0;
    padding: clamp(20px, 3vw, 40px);
    border-radius: var(--journal-radius);
    background: var(--journal-surface);
  }
  & .frame-journalGuides { background: var(--journal-lavender); }
  & .frame-journalReading { background: var(--journal-green); }
  & .piece-journalEyebrow,
  & .piece-journalArticleLabel {
    margin: 0 0 8px;
    font-size: clamp(13px, 1vw, 15px);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  & h1 {
    margin: 0;
    font-size: clamp(36px, 5vw, 64px);
    line-height: 1.08;
  }
  & h2 {
    margin: 0 0 clamp(16px, 2vw, 24px);
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.2;
  }
  & h3 {
    margin: 0 0 12px;
    font-size: clamp(20px, 2vw, 26px);
    line-height: 1.25;
  }
  & p { max-width: 72ch; margin: 0 0 1em; }
  & p:last-child { margin-bottom: 0; }
  & .piece-journalLead {
    margin: 16px 0;
    color: #4f6e52;
    font-size: clamp(21px, 2.4vw, 30px);
    font-weight: 800;
  }
  & .frame-journalArticleList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--journal-space);
  }
  & .piece-journalArticle {
    box-sizing: border-box;
    flex: 1 1 20em;
    min-width: 0;
    padding: clamp(18px, 2.4vw, 30px);
    border-radius: var(--journal-radius);
    background: var(--journal-surface);
  }
  & .piece-journalReadLink {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: var(--journal-radius);
    background: var(--journal-yellow);
    color: var(--journal-color);
    font-weight: 800;
    text-decoration: none;
  }
  & .piece-journalReadLink:hover,
  & .piece-journalReadLink:focus-visible { text-decoration: underline; }
  & .piece-journalFeedNote { margin-top: 18px; font-size: .9em; }
  @media (max-width: 48rem) {
    flex-direction: column;
    & .frame-journalArticleList { flex-direction: column; }
  }
}