/* Hallmark · genre: editorial · macrostructure: Bento Grid · theme: Pigment recipe wall
 * audience: hobby painters mixing purple · use: diagnose and reproduce a hue · enrichment: four pigment-led atelier studies
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · anchor hue: spectral violet · motion: swatch snap
 * 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-13114),
body.postid-13114 { overflow-x: clip; background: var(--ns-13114-color-paper); color: var(--ns-13114-color-ink); }
body.postid-13114 #content { overflow-x: clip; background: var(--ns-13114-color-paper); color: var(--ns-13114-color-ink); }
body.postid-13114 .row.row-large.row-divided { max-width: 100%; }
body.postid-13114 .large-9.col { flex-basis: 100%; max-width: 100%; padding: 0; }
body.postid-13114 .post-sidebar { display: none; }
body.postid-13114 #post-13114 { min-width: 0; font-family: var(--ns-13114-font-body); font-size: var(--ns-13114-text-base); line-height: 1.66; }
body.postid-13114 #post-13114 .entry-header { max-width: 86rem; margin: 0 auto; padding: var(--ns-13114-space-8) var(--ns-13114-space-4) var(--ns-13114-space-12); }
body.postid-13114 #post-13114 .entry-header-text { display: block; max-width: 66rem; margin: 0; padding-bottom: var(--ns-13114-space-8); text-align: left; border-bottom: 4px solid var(--ns-13114-color-purple); }
body.postid-13114 #post-13114 .entry-category,
body.postid-13114 #post-13114 .entry-header .entry-meta { color: var(--ns-13114-color-ink-soft); font-family: var(--ns-13114-font-label); font-size: var(--ns-13114-text-sm); letter-spacing: 0.08em; text-transform: uppercase; }
body.postid-13114 #post-13114 .entry-category { display: block; margin-bottom: var(--ns-13114-space-4); }
body.postid-13114 #post-13114 .entry-header .entry-meta { display: block; margin-top: var(--ns-13114-space-4); }
body.postid-13114 #post-13114 .entry-title { min-width: 0; max-width: 17ch; color: var(--ns-13114-color-ink); font-family: var(--ns-13114-font-display); font-size: var(--ns-13114-text-display); font-weight: 400; letter-spacing: -0.045em; line-height: 0.96; overflow-wrap: anywhere; }
body.postid-13114 #post-13114 .entry-image { margin: var(--ns-13114-space-8) 0 0; }
body.postid-13114 #post-13114 .entry-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
body.postid-13114 #post-13114 .entry-content { max-width: 80rem; margin: 0 auto; padding: var(--ns-13114-space-10) var(--ns-13114-space-4) var(--ns-13114-space-24); }
body.postid-13114 #post-13114 .entry-content > p,
body.postid-13114 #post-13114 .entry-content > h2,
body.postid-13114 #post-13114 .entry-content > ol,
body.postid-13114 #post-13114 .entry-content > .ns2-purple-lede,
body.postid-13114 #post-13114 .entry-content > .ns2-purple-fixes,
body.postid-13114 #post-13114 .entry-content > .ns2-purple-faq,
body.postid-13114 #post-13114 .entry-content > .ns2-purple-route,
body.postid-13114 #post-13114 .entry-content > .ns2-purple-sources { max-width: var(--ns-13114-measure); margin-inline: auto; }
body.postid-13114 #post-13114 .entry-content p { margin-top: 0; margin-bottom: var(--ns-13114-space-6); }
body.postid-13114 #post-13114 .entry-content h2 { margin-top: var(--ns-13114-space-20); margin-bottom: var(--ns-13114-space-4); font-family: var(--ns-13114-font-display); font-size: var(--ns-13114-text-xl); font-weight: 400; line-height: 1.08; overflow-wrap: anywhere; }
body.postid-13114 #post-13114 .entry-content h3 { margin: 0 0 var(--ns-13114-space-2); font-family: var(--ns-13114-font-display); font-size: var(--ns-13114-text-lg); font-weight: 400; line-height: 1.12; }
body.postid-13114 #post-13114 .entry-content a { color: var(--ns-13114-color-purple); text-decoration-thickness: var(--ns-13114-rule-thin); text-underline-offset: 0.2em; transition: color var(--ns-13114-dur-fast) var(--ns-13114-ease-out); }
body.postid-13114 #post-13114 .entry-content a:hover { color: var(--ns-13114-color-magenta); }
body.postid-13114 #post-13114 .entry-content a:focus-visible { outline: 2px solid var(--ns-13114-color-focus); outline-offset: 3px; }
body.postid-13114 #post-13114 .entry-content a:active { color: var(--ns-13114-color-ink); }
body.postid-13114 #post-13114 .entry-content a[aria-disabled="true"] { color: var(--ns-13114-color-ink-soft); cursor: not-allowed; text-decoration: none; }
body.postid-13114 #post-13114 .ns2-purple-lede { font-size: var(--ns-13114-text-md); }
body.postid-13114 #post-13114 .ns2-purple-formula { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-13114-space-2); margin-top: var(--ns-13114-space-8); padding-block: var(--ns-13114-space-4); border-block: var(--ns-13114-rule-thin) solid var(--ns-13114-color-purple); color: var(--ns-13114-color-purple); font-family: var(--ns-13114-font-label); text-align: center; }
body.postid-13114 #post-13114 .ns2-purple-bento { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-13114-space-1); margin: var(--ns-13114-space-12) 0 var(--ns-13114-space-16); background: var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-cell { min-width: 0; padding: var(--ns-13114-space-6); background: var(--ns-13114-color-paper); }
body.postid-13114 #post-13114 .ns2-purple-cell span { color: var(--ns-13114-color-ink-soft); font-family: var(--ns-13114-font-label); font-size: var(--ns-13114-text-sm); letter-spacing: 0.06em; text-transform: uppercase; }
body.postid-13114 #post-13114 .ns2-purple-cell h2,
body.postid-13114 #post-13114 .ns2-purple-cell h3 { margin-top: var(--ns-13114-space-3); }
body.postid-13114 #post-13114 .ns2-purple-cell p { margin-bottom: 0; }
body.postid-13114 #post-13114 .ns2-purple-cell-main { border-top: 6px solid var(--ns-13114-color-purple); }
body.postid-13114 #post-13114 .ns2-purple-cell-warm { border-top: 6px solid var(--ns-13114-color-magenta); }
body.postid-13114 #post-13114 .ns2-purple-cell-cool { border-top: 6px solid var(--ns-13114-color-blue); }
body.postid-13114 #post-13114 .ns2-purple-cell-light { border-top: 6px solid var(--ns-13114-color-lilac); }
body.postid-13114 #post-13114 .ns2-purple-figure { margin-block: var(--ns-13114-space-12); }
body.postid-13114 #post-13114 .ns2-purple-figure img { display: block; width: 100%; height: auto; }
body.postid-13114 #post-13114 .ns2-purple-figure figcaption { margin-top: var(--ns-13114-space-3); color: var(--ns-13114-color-ink-soft); font-family: var(--ns-13114-font-label); font-size: var(--ns-13114-text-sm); }
body.postid-13114 #post-13114 .ns2-purple-figure-wide { width: 100%; }
body.postid-13114 #post-13114 .ns2-purple-figure-offset { width: 91%; margin-left: auto; }
body.postid-13114 #post-13114 .ns2-purple-figure-narrow { width: 83%; margin-right: auto; }
body.postid-13114 #post-13114 .ns2-purple-method { padding-left: var(--ns-13114-space-8); }
body.postid-13114 #post-13114 .ns2-purple-method li { margin-bottom: var(--ns-13114-space-4); padding-left: var(--ns-13114-space-2); }
body.postid-13114 #post-13114 .ns2-purple-recipes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 var(--ns-13114-space-10); margin: var(--ns-13114-space-8) 0 var(--ns-13114-space-16); }
body.postid-13114 #post-13114 .ns2-purple-recipes section { padding-block: var(--ns-13114-space-6); border-top: var(--ns-13114-rule-thin) solid var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-recipes section:last-child { border-bottom: var(--ns-13114-rule-thin) solid var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-recipes p { margin-bottom: 0; }
body.postid-13114 #post-13114 .ns2-purple-errors { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-13114-space-1); margin: var(--ns-13114-space-8) 0 var(--ns-13114-space-16); background: var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-errors section { position: relative; min-width: 0; padding: var(--ns-13114-space-6); background: var(--ns-13114-color-paper); }
body.postid-13114 #post-13114 .ns2-purple-errors span { display: block; margin-bottom: var(--ns-13114-space-2); color: var(--ns-13114-color-purple); font-family: var(--ns-13114-font-label); }
body.postid-13114 #post-13114 .ns2-purple-errors p { margin-bottom: 0; }
body.postid-13114 #post-13114 .ns2-purple-fixes { padding-block: var(--ns-13114-space-4); border-block: 4px solid var(--ns-13114-color-purple); }
body.postid-13114 #post-13114 .ns2-purple-fixes p { padding-block: var(--ns-13114-space-3); margin-bottom: 0; border-bottom: var(--ns-13114-rule-thin) solid var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-fixes p:last-child { border-bottom: 0; }
body.postid-13114 #post-13114 .ns2-purple-faq details,
body.postid-13114 #post-13114 .ns2-purple-sources { border-top: var(--ns-13114-rule-thin) solid var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-faq details:last-child,
body.postid-13114 #post-13114 .ns2-purple-sources { border-bottom: var(--ns-13114-rule-thin) solid var(--ns-13114-color-rule); }
body.postid-13114 #post-13114 .ns2-purple-faq summary,
body.postid-13114 #post-13114 .ns2-purple-sources summary { padding: var(--ns-13114-space-4) 0; cursor: pointer; color: var(--ns-13114-color-ink); font-family: var(--ns-13114-font-display); font-size: var(--ns-13114-text-md); }
body.postid-13114 #post-13114 .ns2-purple-faq summary:hover,
body.postid-13114 #post-13114 .ns2-purple-sources summary:hover { color: var(--ns-13114-color-magenta); }
body.postid-13114 #post-13114 .ns2-purple-faq summary:focus-visible,
body.postid-13114 #post-13114 .ns2-purple-sources summary:focus-visible { outline: 2px solid var(--ns-13114-color-focus); outline-offset: 3px; }
body.postid-13114 #post-13114 .ns2-purple-faq summary:active,
body.postid-13114 #post-13114 .ns2-purple-sources summary:active { color: var(--ns-13114-color-blue); }
body.postid-13114 #post-13114 .ns2-purple-route { margin-top: var(--ns-13114-space-12); padding-top: var(--ns-13114-space-6); border-top: 6px solid var(--ns-13114-color-yellow); }
body.postid-13114 #post-13114 .ns2-purple-route h2 { margin-top: 0; }
body.postid-13114 #post-13114 .ns2-purple-sources { margin-top: var(--ns-13114-space-12); color: var(--ns-13114-color-ink-soft); }

@media (min-width: 36rem) {
  body.postid-13114 #post-13114 .ns2-purple-formula { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; }
}
@media (min-width: 48rem) {
  body.postid-13114 #post-13114 .entry-header,
  body.postid-13114 #post-13114 .entry-content { padding-inline: var(--ns-13114-space-8); }
  body.postid-13114 #post-13114 .ns2-purple-bento { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, auto); }
  body.postid-13114 #post-13114 .ns2-purple-cell-main { grid-column: span 2; grid-row: span 2; padding: var(--ns-13114-space-10); }
  body.postid-13114 #post-13114 .ns2-purple-cell-light { grid-column: 3; }
  body.postid-13114 #post-13114 .ns2-purple-recipes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.postid-13114 #post-13114 .ns2-purple-recipes section:nth-last-child(-n+2) { border-bottom: var(--ns-13114-rule-thin) solid var(--ns-13114-color-rule); }
  body.postid-13114 #post-13114 .ns2-purple-errors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.postid-13114 #post-13114 .ns2-purple-errors section:first-child { grid-row: span 2; padding-top: var(--ns-13114-space-12); }
}
@media (min-width: 60rem) {
  body.postid-13114 #post-13114 .entry-header { padding-top: var(--ns-13114-space-12); }
  body.postid-13114 #post-13114 .entry-content { padding-top: var(--ns-13114-space-16); }
  body.postid-13114 #post-13114 .ns2-purple-errors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  body.postid-13114 #post-13114 *,
  body.postid-13114 #post-13114 *::before,
  body.postid-13114 #post-13114 *::after { animation-duration: var(--ns-13114-dur-fast) !important; animation-iteration-count: 1 !important; transition-duration: var(--ns-13114-dur-fast) !important; scroll-behavior: auto !important; }
}