/* Hallmark · genre: editorial · macrostructure: Split Studio · theme: warm-cool diptych
 * audience: painters choosing a water-based paint · use: compare and decide · enrichment: material diptychs
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · anchor hue: vermilion and teal · motion: restrained crossfade
 * verified: contrast: pass (46–50) · honest: pass (56) · chrome: pass (57) · tokens: pass (58)
 * verified: responsive: pass (59) · icons: pass (60) · mobile: pass (36, 59, 61–69)
 */
html:has(body.postid-12573),
body.postid-12573 { overflow-x: clip; background: var(--ns-12573-color-paper); color: var(--ns-12573-color-ink); }
body.postid-12573 #content { overflow-x: clip; background: var(--ns-12573-color-paper); }
body.postid-12573 .row.row-large.row-divided { max-width: 100%; }
body.postid-12573 .large-9.col { flex-basis: 100%; max-width: 100%; padding: 0; }
body.postid-12573 .post-sidebar { display: none; }
body.postid-12573 #post-12573 { min-width: 0; font-family: var(--ns-12573-font-body); font-size: var(--ns-12573-text-base); line-height: 1.65; }
body.postid-12573 #post-12573 .entry-header { max-width: 86rem; margin: 0 auto; padding: var(--ns-12573-space-8) var(--ns-12573-space-4) var(--ns-12573-space-12); }
body.postid-12573 #post-12573 .entry-header-text { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-12573-space-4); max-width: 64rem; margin: 0; text-align: left; }
body.postid-12573 #post-12573 .entry-category,
body.postid-12573 #post-12573 .entry-header .entry-meta { color: var(--ns-12573-color-ink-soft); font-family: var(--ns-12573-font-label); font-size: var(--ns-12573-text-sm); letter-spacing: 0.07em; text-transform: uppercase; }
body.postid-12573 #post-12573 .entry-category { display: block; }
body.postid-12573 #post-12573 .entry-header .entry-meta { display: block; }
body.postid-12573 #post-12573 .entry-title { min-width: 0; color: var(--ns-12573-color-ink); font-family: var(--ns-12573-font-display); font-size: var(--ns-12573-text-display); font-weight: 400; letter-spacing: -0.035em; line-height: 0.98; overflow-wrap: anywhere; }
body.postid-12573 #post-12573 .entry-image { margin: var(--ns-12573-space-8) 0 0; }
body.postid-12573 #post-12573 .entry-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
body.postid-12573 #post-12573 .entry-content { max-width: 82rem; margin: 0 auto; padding: var(--ns-12573-space-10) var(--ns-12573-space-4) var(--ns-12573-space-24); }
body.postid-12573 #post-12573 .entry-content > p,
body.postid-12573 #post-12573 .entry-content > h2,
body.postid-12573 #post-12573 .entry-content > ol,
body.postid-12573 #post-12573 .entry-content > .ns2-paint-mistakes,
body.postid-12573 #post-12573 .entry-content > .ns2-paint-faq,
body.postid-12573 #post-12573 .entry-content > .ns2-paint-route,
body.postid-12573 #post-12573 .entry-content > .ns2-paint-sources { max-width: var(--ns-12573-measure); margin-inline: auto; }
body.postid-12573 #post-12573 .entry-content p { margin-top: 0; margin-bottom: var(--ns-12573-space-6); }
body.postid-12573 #post-12573 .entry-content h2 { margin-top: var(--ns-12573-space-20); margin-bottom: var(--ns-12573-space-4); font-family: var(--ns-12573-font-display); font-size: var(--ns-12573-text-xl); font-weight: 400; line-height: 1.08; overflow-wrap: anywhere; }
body.postid-12573 #post-12573 .entry-content h3 { margin: 0 0 var(--ns-12573-space-2); font-family: var(--ns-12573-font-display); font-size: var(--ns-12573-text-lg); font-weight: 400; }
body.postid-12573 #post-12573 .entry-content a { color: var(--ns-12573-color-cool); text-decoration-thickness: var(--ns-12573-rule-thin); text-underline-offset: 0.2em; transition: color var(--ns-12573-dur-fast) var(--ns-12573-ease-out); }
body.postid-12573 #post-12573 .entry-content a:hover { color: var(--ns-12573-color-warm); }
body.postid-12573 #post-12573 .entry-content a:focus-visible { outline: 2px solid var(--ns-12573-color-focus); outline-offset: 3px; }
body.postid-12573 #post-12573 .entry-content a:active { color: var(--ns-12573-color-ink); }
body.postid-12573 #post-12573 .entry-content a[aria-disabled="true"] { color: var(--ns-12573-color-ink-soft); cursor: not-allowed; text-decoration: none; }
body.postid-12573 #post-12573 .ns2-paint-lede { max-width: var(--ns-12573-measure); margin: 0 auto var(--ns-12573-space-10); font-size: var(--ns-12573-text-md); }
body.postid-12573 #post-12573 .ns2-paint-verdict { display: grid; grid-template-columns: minmax(0, 1fr); margin: var(--ns-12573-space-8) 0 var(--ns-12573-space-16); }
body.postid-12573 #post-12573 .ns2-paint-verdict section { min-width: 0; padding: var(--ns-12573-space-8) var(--ns-12573-space-6); }
body.postid-12573 #post-12573 .ns2-paint-verdict section:first-child { background: var(--ns-12573-color-paper-warm); }
body.postid-12573 #post-12573 .ns2-paint-verdict section:last-child { background: var(--ns-12573-color-paper-cool); }
body.postid-12573 #post-12573 .ns2-paint-verdict h2 { margin-top: 0; }
body.postid-12573 #post-12573 .ns2-paint-verdict p { margin-bottom: 0; }
body.postid-12573 #post-12573 .ns2-paint-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-12573-space-8); margin: var(--ns-12573-space-8) 0 var(--ns-12573-space-16); align-items: center; }
body.postid-12573 #post-12573 .ns2-paint-copy { min-width: 0; }
body.postid-12573 #post-12573 .ns2-paint-figure { min-width: 0; margin: 0; }
body.postid-12573 #post-12573 .ns2-paint-figure img { display: block; width: 100%; height: auto; }
body.postid-12573 #post-12573 .ns2-paint-figure figcaption { margin-top: var(--ns-12573-space-3); color: var(--ns-12573-color-ink-soft); font-family: var(--ns-12573-font-label); font-size: var(--ns-12573-text-sm); }
body.postid-12573 #post-12573 .ns2-paint-table-wrap { width: 100%; margin: var(--ns-12573-space-8) 0 var(--ns-12573-space-16); overflow-x: auto; }
body.postid-12573 #post-12573 .ns2-paint-table { width: 100%; min-width: 44rem; border-collapse: collapse; }
body.postid-12573 #post-12573 .ns2-paint-table caption { padding-bottom: var(--ns-12573-space-3); color: var(--ns-12573-color-ink-soft); text-align: left; }
body.postid-12573 #post-12573 .ns2-paint-table th,
body.postid-12573 #post-12573 .ns2-paint-table td { padding: var(--ns-12573-space-3) var(--ns-12573-space-4); border-bottom: var(--ns-12573-rule-thin) solid var(--ns-12573-color-rule); text-align: left; vertical-align: top; }
body.postid-12573 #post-12573 .ns2-paint-table th { font-family: var(--ns-12573-font-label); font-size: var(--ns-12573-text-sm); letter-spacing: 0.05em; text-transform: uppercase; }
body.postid-12573 #post-12573 .ns2-paint-table th:nth-child(2) { color: var(--ns-12573-color-warm); }
body.postid-12573 #post-12573 .ns2-paint-table th:nth-child(3) { color: var(--ns-12573-color-cool); }
body.postid-12573 #post-12573 .ns2-paint-choice { padding-left: var(--ns-12573-space-8); }
body.postid-12573 #post-12573 .ns2-paint-choice li { margin-bottom: var(--ns-12573-space-4); padding-left: var(--ns-12573-space-2); }
body.postid-12573 #post-12573 .ns2-paint-mistakes { padding-block: var(--ns-12573-space-6); border-block: var(--ns-12573-rule-thin) solid var(--ns-12573-color-rule); }
body.postid-12573 #post-12573 .ns2-paint-faq details,
body.postid-12573 #post-12573 .ns2-paint-sources { border-top: var(--ns-12573-rule-thin) solid var(--ns-12573-color-rule); }
body.postid-12573 #post-12573 .ns2-paint-faq details:last-child,
body.postid-12573 #post-12573 .ns2-paint-sources { border-bottom: var(--ns-12573-rule-thin) solid var(--ns-12573-color-rule); }
body.postid-12573 #post-12573 .ns2-paint-faq summary,
body.postid-12573 #post-12573 .ns2-paint-sources summary { padding: var(--ns-12573-space-4) 0; cursor: pointer; color: var(--ns-12573-color-ink); font-family: var(--ns-12573-font-display); font-size: var(--ns-12573-text-md); }
body.postid-12573 #post-12573 .ns2-paint-faq summary:hover,
body.postid-12573 #post-12573 .ns2-paint-sources summary:hover { color: var(--ns-12573-color-warm); }
body.postid-12573 #post-12573 .ns2-paint-faq summary:focus-visible,
body.postid-12573 #post-12573 .ns2-paint-sources summary:focus-visible { outline: 2px solid var(--ns-12573-color-focus); outline-offset: 3px; }
body.postid-12573 #post-12573 .ns2-paint-faq summary:active,
body.postid-12573 #post-12573 .ns2-paint-sources summary:active { color: var(--ns-12573-color-cool); }
body.postid-12573 #post-12573 .ns2-paint-route { margin-top: var(--ns-12573-space-12); padding-top: var(--ns-12573-space-6); border-top: 4px solid var(--ns-12573-color-cool); }
body.postid-12573 #post-12573 .ns2-paint-sources { margin-top: var(--ns-12573-space-12); color: var(--ns-12573-color-ink-soft); }

@media (min-width: 48rem) {
  body.postid-12573 #post-12573 .entry-header,
  body.postid-12573 #post-12573 .entry-content { padding-inline: var(--ns-12573-space-8); }
  body.postid-12573 #post-12573 .ns2-paint-verdict { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.postid-12573 #post-12573 .ns2-paint-split { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--ns-12573-space-12); }
  body.postid-12573 #post-12573 .ns2-paint-split-reverse { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
}
@media (min-width: 60rem) {
  body.postid-12573 #post-12573 .entry-header { padding-top: var(--ns-12573-space-12); }
  body.postid-12573 #post-12573 .ns2-paint-split:nth-of-type(even) { transform: translateX(var(--ns-12573-space-4)); }
}
@media (prefers-reduced-motion: reduce) {
  body.postid-12573 #post-12573 *,
  body.postid-12573 #post-12573 *::before,
  body.postid-12573 #post-12573 *::after { animation-duration: var(--ns-12573-dur-fast) !important; animation-iteration-count: 1 !important; transition-duration: var(--ns-12573-dur-fast) !important; scroll-behavior: auto !important; }
}