:root {
  --rdc-parchment: #f5f5ee;
  --rdc-linen: #e4e7da;
  --rdc-pressed: #d7d7cb;
  --rdc-ink: #192830;
  --rdc-graphite: #2f3136;
  --rdc-slate: #535557;
  --rdc-dusk: #424e52;
  --rdc-white: #ffffff;
}

body.blog,
body.archive,
body.single-post {
  background: var(--rdc-parchment) !important;
  color: var(--rdc-graphite) !important;
  font-family: 'Noto Sans', system-ui, sans-serif !important;
}

/* Header harmonization with home-react */
body.blog #masthead .site-main-header-wrap .site-header-row-container-inner,
body.archive #masthead .site-main-header-wrap .site-header-row-container-inner,
body.single-post #masthead .site-main-header-wrap .site-header-row-container-inner {
  background: transparent !important;
}
body.blog .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.archive .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.single-post .main-navigation .primary-menu-container > ul > li.menu-item > a {
  color: var(--rdc-white) !important;
  font-size: 20px !important;
  letter-spacing: -0.32px !important;
  text-transform: none !important;
}

body.blog .content-area,
body.archive .content-area,
body.single-post .content-area {
  margin-top: clamp(2rem, 4vw, 4rem) !important;
  margin-bottom: clamp(2rem, 4vw, 4rem) !important;
}

body.blog .content-container,
body.archive .content-container,
body.single-post .content-container {
  max-width: 1200px !important;
}

body.blog article.entry.loop-entry,
body.archive article.entry.loop-entry {
  background: var(--rdc-pressed) !important;
  border: 1px solid rgba(47, 49, 54, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.blog .loop-entry .post-thumbnail,
body.archive .loop-entry .post-thumbnail {
  margin: 0 !important;
}

body.blog .loop-entry .post-thumbnail img,
body.archive .loop-entry .post-thumbnail img {
  width: 100% !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}

body.blog article.entry.loop-entry .entry-content-wrap,
body.archive article.entry.loop-entry .entry-content-wrap {
  padding: 24px !important;
  background: var(--rdc-pressed) !important;
}

body.blog .loop-entry .entry-title,
body.archive .loop-entry .entry-title,
body.single-post .entry-title {
  font-family: 'Barlow Semi Condensed', 'Playfair Display', serif !important;
  font-weight: 400 !important;
  font-size: clamp(40px, 4.8vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -2px !important;
  text-transform: none !important;
  color: var(--rdc-graphite) !important;
  margin: 0 0 12px !important;
}

body.blog .loop-entry .entry-title a,
body.archive .loop-entry .entry-title a,
body.single-post .entry-title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.blog .entry-meta,
body.archive .entry-meta,
body.single-post .entry-meta,
body.blog .entry-taxonomies,
body.archive .entry-taxonomies,
body.single-post .entry-taxonomies {
  color: var(--rdc-dusk) !important;
  font-family: 'Noto Sans', system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.2px !important;
  margin-bottom: 14px !important;
}

body.blog .entry-content,
body.archive .entry-content,
body.single-post .entry-content,
body.blog .entry-content p,
body.archive .entry-content p,
body.single-post .entry-content p {
  font-family: 'Noto Sans', system-ui, sans-serif !important;
  color: var(--rdc-slate) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.32px !important;
  margin: 0 0 12px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
}

body.blog .entry-content a,
body.archive .entry-content a,
body.single-post .entry-content a {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: var(--rdc-ink) !important;
  text-decoration: none !important;
}

body.single-post article.entry.single-entry {
  background: var(--rdc-linen) !important;
  border: 1px solid rgba(47, 49, 54, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.single-post article.entry.single-entry .entry-content-wrap {
  background: var(--rdc-linen) !important;
  padding: clamp(22px, 3vw, 42px) !important;
}

body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
  font-family: 'Barlow Semi Condensed', 'Playfair Display', serif !important;
  font-weight: 400 !important;
  color: var(--rdc-graphite) !important;
  line-height: 1.06 !important;
  letter-spacing: -1.2px !important;
  text-transform: none !important;
}

body.single-post .entry-content h2 { font-size: clamp(40px, 4.4vw, 54px) !important; }
body.single-post .entry-content h3 { font-size: clamp(34px, 3.8vw, 46px) !important; }

body.blog .widget,
body.archive .widget,
body.single-post .widget {
  background: var(--rdc-linen) !important;
  border: 1px solid rgba(47, 49, 54, 0.1) !important;
  border-radius: 6px !important;
  padding: 18px !important;
}

body.blog .widget-title,
body.archive .widget-title,
body.single-post .widget-title {
  font-family: 'Barlow Semi Condensed', 'Playfair Display', serif !important;
  font-weight: 400 !important;
  color: var(--rdc-graphite) !important;
}

@media (max-width: 900px) {
  body.blog .loop-entry .entry-title,
  body.archive .loop-entry .entry-title,
  body.single-post .entry-title {
    font-size: clamp(38px, 9.5vw, 46px) !important;
  }

  body.blog .entry-content,
  body.archive .entry-content,
  body.single-post .entry-content,
  body.blog .entry-content p,
  body.archive .entry-content p,
  body.single-post .entry-content p {
    font-size: 20px !important;
    line-height: 1.38 !important;
  }

  body.blog article.entry.loop-entry .entry-content-wrap,
  body.archive article.entry.loop-entry .entry-content-wrap {
    padding: 18px !important;
  }
}