/* Hallmark · genre: editorial · macrostructure: Letter · tone: intimate-editorial · anchor hue: oxblood · audience: Dutch couples · use: plan a calm paint date · enrichment: generated atelier photography · pre-emit critique: P5 H5 E4 S5 R5 V5 */

html:has(body.postid-2404),
body.postid-2404 { overflow-x: clip; }

body.postid-2404 #content {
  background: var(--ns-2404-color-paper);
  color: var(--ns-2404-color-ink);
  font-family: var(--ns-2404-font-body);
}

body.postid-2404 .post-sidebar { display: none; }
body.postid-2404 .blog-single .large-9 { flex-basis: 100%; max-width: 100%; }
body.postid-2404 article#post-2404 { min-width: 0; }

body.postid-2404 article#post-2404 .entry-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-block-end: var(--ns-2404-rule-strong) solid var(--ns-2404-color-accent);
  background: var(--ns-2404-color-paper-deep);
}

body.postid-2404 article#post-2404 .entry-header-text {
  align-self: center;
  padding-block: var(--ns-2404-space-2xl) var(--ns-2404-space-3xl);
  padding-inline: clamp(var(--ns-2404-space-md), 7vw, var(--ns-2404-space-3xl));
  text-align: start;
}

body.postid-2404 article#post-2404 .entry-category,
body.postid-2404 article#post-2404 .entry-meta {
  color: var(--ns-2404-color-muted);
  font-family: var(--ns-2404-font-body);
  font-size: var(--ns-2404-text-sm);
  letter-spacing: 0.03em;
  text-transform: none;
}

body.postid-2404 article#post-2404 .entry-title {
  max-width: 13ch;
  margin-block: var(--ns-2404-space-sm);
  color: var(--ns-2404-color-ink);
  font-family: var(--ns-2404-font-display);
  font-size: var(--ns-2404-text-display);
  font-weight: 400;
  line-height: 0.94;
  overflow-wrap: anywhere;
  min-width: 0;
}

body.postid-2404 article#post-2404 .entry-image { margin: 0; min-width: 0; }
body.postid-2404 article#post-2404 .entry-image img {
  width: 100%; height: 100%; min-height: 22rem; object-fit: cover; display: block;
}

body.postid-2404 article#post-2404 .entry-content.single-page {
  padding: 0;
  font-size: var(--ns-2404-text-body);
  line-height: 1.72;
}

body.postid-2404 .ns-letter {
  width: min(100% - 2rem, 78rem);
  margin-inline: auto;
  padding-block: var(--ns-2404-space-3xl);
}

body.postid-2404 .ns-letter > :not(.ns-letter__figure--ns-2404-wide) {
  width: min(100%, 56ch);
  margin-inline: auto;
}

body.postid-2404 .ns-letter__date {
  margin-block-end: var(--ns-2404-space-xl);
  color: var(--ns-2404-color-muted);
  font-size: var(--ns-2404-text-sm);
  letter-spacing: 0.08em;
}

body.postid-2404 .ns-letter__salutation {
  margin-block: 0 var(--ns-2404-space-md);
  color: var(--ns-2404-color-accent);
  font-family: var(--ns-2404-font-display);
  font-size: var(--ns-2404-text-h2);
  font-style: italic;
  line-height: 1;
}

body.postid-2404 .ns-letter__lead {
  margin-block-end: var(--ns-2404-space-2xl);
  font-family: var(--ns-2404-font-display);
  font-size: var(--ns-2404-text-h3);
  line-height: 1.35;
}

body.postid-2404 .ns-letter h2 {
  margin-block: var(--ns-2404-space-3xl) var(--ns-2404-space-md);
  color: var(--ns-2404-color-ink);
  font-family: var(--ns-2404-font-display);
  font-size: var(--ns-2404-text-h2);
  font-weight: 400;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.postid-2404 .ns-letter h3 {
  margin-block: var(--ns-2404-space-xl) var(--ns-2404-space-xs);
  color: var(--ns-2404-color-ink);
  font-family: var(--ns-2404-font-display);
  font-size: var(--ns-2404-text-h3);
  font-weight: 400;
}

body.postid-2404 .ns-letter p { margin-block: 0 var(--ns-2404-space-lg); }
body.postid-2404 .ns-letter a { color: var(--ns-2404-color-accent); text-decoration-thickness: var(--ns-2404-rule-hairline); text-underline-offset: 0.18em; }
body.postid-2404 .ns-letter a:hover { color: var(--ns-2404-color-cobalt); }
body.postid-2404 .ns-letter a:focus-visible { outline: 2px solid var(--ns-2404-color-focus); outline-offset: var(--ns-2404-space-2xs); }

body.postid-2404 .ns-letter__note {
  margin-block: var(--ns-2404-space-2xl);
  padding-block: var(--ns-2404-space-lg);
  border-block: var(--ns-2404-rule-hairline) solid var(--ns-2404-color-rule);
}
body.postid-2404 .ns-letter__note strong { color: var(--ns-2404-color-accent); }
body.postid-2404 .ns-letter__note p { margin: var(--ns-2404-space-xs) 0 0; }

body.postid-2404 .ns-letter__figure { margin-block: var(--ns-2404-space-2xl); }
body.postid-2404 .ns-letter__figure--ns-2404-wide { width: min(100%, 74rem); }
body.postid-2404 .ns-letter__figure img { display: block; width: 100%; height: auto; border-radius: var(--ns-2404-radius-sm); }
body.postid-2404 .ns-letter__figure figcaption { margin-block-start: var(--ns-2404-space-sm); color: var(--ns-2404-color-muted); font-size: var(--ns-2404-text-sm); line-height: 1.5; }

body.postid-2404 .ns-letter__steps,
body.postid-2404 .ns-letter__ideas { padding-inline-start: var(--ns-2404-space-lg); }
body.postid-2404 .ns-letter__steps li,
body.postid-2404 .ns-letter__ideas li { margin-block-end: var(--ns-2404-space-sm); padding-inline-start: var(--ns-2404-space-xs); }

body.postid-2404 .ns-letter__signoff {
  margin-block-start: var(--ns-2404-space-3xl);
  color: var(--ns-2404-color-accent);
  font-family: var(--ns-2404-font-display);
  font-size: var(--ns-2404-text-h3);
  font-style: italic;
}
body.postid-2404 .ns-letter__signoff span { color: var(--ns-2404-color-muted); font-family: var(--ns-2404-font-body); font-size: var(--ns-2404-text-sm); font-style: normal; }
body.postid-2404 .ns-letter__ps { padding-block-start: var(--ns-2404-space-lg); border-block-start: var(--ns-2404-rule-hairline) solid var(--ns-2404-color-rule); font-size: var(--ns-2404-text-sm); }

body.postid-2404 footer.entry-meta,
body.postid-2404 .blog-share,
body.postid-2404 .entry-author,
body.postid-2404 .navigation-post { width: min(100% - 2rem, 56rem); margin-inline: auto; }

@media (min-width: 60rem) {
  body.postid-2404 article#post-2404 .entry-header { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
  body.postid-2404 article#post-2404 .entry-image img { min-height: 42rem; }
  body.postid-2404 .ns-letter__figure--ns-2404-offset { transform: translateX(4rem); }
}

@media (prefers-reduced-motion: reduce) {
  body.postid-2404 *, body.postid-2404 *::before, body.postid-2404 *::after { transition-duration: var(--ns-2404-dur-micro) !important; animation-duration: var(--ns-2404-dur-micro) !important; }
}