/* Hallmark · genre: editorial utility · macrostructure: Component Playground translated to real paint recipes · tone: tactile-instructional · anchor hue: cobalt · enrichment: generated pigment-proof photography · contrast: pass (46–50) · honest: pass (56) · chrome: pass (57) · tokens: pass (58) · responsive: pass (59) · icons: pass (60) · mobile: pass (36,59,61–69) */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */

html:has(body.postid-4737), body.postid-4737 { overflow-x: clip; }
body.postid-4737 #content { background: var(--ns-4737-color-paper); color: var(--ns-4737-color-ink); font-family: var(--ns-4737-font-body); }
body.postid-4737 .post-sidebar { display: none; }
body.postid-4737 .blog-single .large-9 { flex-basis: 100%; max-width: 100%; }
body.postid-4737 article#post-4737 { min-width: 0; }
body.postid-4737 article#post-4737 .entry-header { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--ns-4737-color-paper-band); border-block-end: var(--ns-4737-rule-strong) solid var(--ns-4737-color-accent); }
body.postid-4737 article#post-4737 .entry-header-text { display: flex; flex-direction: column; justify-content: center; padding: var(--ns-4737-space-2xl) clamp(var(--ns-4737-space-md), 6vw, var(--ns-4737-space-3xl)) var(--ns-4737-space-3xl); text-align: start; }
body.postid-4737 article#post-4737 .entry-title { max-width: 13ch; margin: var(--ns-4737-space-sm) 0; color: var(--ns-4737-color-ink); font-family: var(--ns-4737-font-display); font-size: var(--ns-4737-text-display); font-weight: 400; line-height: 1.02; letter-spacing: -0.04em; overflow-wrap: anywhere; min-width: 0; }
body.postid-4737 article#post-4737 .entry-category,
body.postid-4737 article#post-4737 .entry-meta { color: var(--ns-4737-color-muted); font-size: var(--ns-4737-text-sm); text-transform: none; }
body.postid-4737 article#post-4737 .entry-image { margin: 0; min-width: 0; }
body.postid-4737 article#post-4737 .entry-image img { display: block; width: 100%; height: 100%; min-height: 23rem; object-fit: cover; }
body.postid-4737 article#post-4737 .entry-content.single-page { padding: 0; font-size: var(--ns-4737-text-body); line-height: 1.68; }

body.postid-4737 .ns2-tertiary { width: min(100% - 2rem, 84rem); margin-inline: auto; padding-block: var(--ns-4737-space-3xl) var(--ns-4737-space-4xl); }
body.postid-4737 .ns2-tertiary h2 { margin: 0 0 var(--ns-4737-space-md); font-family: var(--ns-4737-font-display); font-size: var(--ns-4737-text-h2); font-weight: 400; line-height: 1.05; letter-spacing: -0.035em; overflow-wrap: anywhere; min-width: 0; }
body.postid-4737 .ns2-tertiary h3 { margin: 0 0 var(--ns-4737-space-xs); font-family: var(--ns-4737-font-display); font-size: var(--ns-4737-text-h3); font-weight: 400; line-height: 1.08; }
body.postid-4737 .ns2-tertiary p { margin: 0 0 var(--ns-4737-space-lg); }
body.postid-4737 .ns2-tertiary a { color: var(--ns-4737-color-accent); text-decoration-thickness: var(--ns-4737-rule-hairline); text-underline-offset: var(--ns-4737-space-2xs); }
body.postid-4737 .ns2-tertiary a:hover { color: var(--ns-4737-color-redviolet); }
body.postid-4737 .ns2-tertiary a:focus-visible { outline: var(--ns-4737-rule-strong) solid var(--ns-4737-color-focus); outline-offset: var(--ns-4737-space-2xs); }
body.postid-4737 .ns2-tertiary a:active { color: var(--ns-4737-color-ink); }
body.postid-4737 .ns2-tertiary__answer { width: min(100%, 72rem); padding-block: var(--ns-4737-space-xl); border-block: var(--ns-4737-rule-strong) solid var(--ns-4737-color-accent); }
body.postid-4737 .ns2-tertiary__answer > p:last-child { max-width: 66ch; margin-bottom: 0; font-size: clamp(1.08rem, 1rem + 0.4vw, 1.32rem); }
body.postid-4737 .ns2-tertiary__label { color: var(--ns-4737-color-accent); font-size: var(--ns-4737-text-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
body.postid-4737 .ns2-tertiary__legend { display: none; }
body.postid-4737 .ns2-tertiary__video { width: min(100%, 66rem); margin: var(--ns-4737-space-2xl) auto var(--ns-4737-space-4xl) 0; }
body.postid-4737 .ns2-tertiary__video video { display: block; width: 100%; height: auto; background: var(--ns-4737-color-ink); }
body.postid-4737 .ns2-tertiary figcaption { margin-block-start: var(--ns-4737-space-sm); color: var(--ns-4737-color-muted); font-size: var(--ns-4737-text-sm); }
body.postid-4737 .ns2-tertiary__playground { padding-block: var(--ns-4737-space-3xl); border-block-start: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
body.postid-4737 .ns2-tertiary__playground header { display: flex; flex-direction: column; width: min(100%, 68rem); margin-bottom: var(--ns-4737-space-2xl); }
body.postid-4737 .ns2-tertiary__playground header p { max-width: 60ch; }
body.postid-4737 .ns2-tertiary__recipe { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-4737-space-md); align-items: center; padding-block: var(--ns-4737-space-lg); border-block-start: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
body.postid-4737 .ns2-tertiary__input,
body.postid-4737 .ns2-tertiary__result { display: flex; align-items: center; gap: var(--ns-4737-space-sm); min-width: 0; }
body.postid-4737 .ns2-tertiary__input i,
body.postid-4737 .ns2-tertiary__result i { display: inline-block; flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; border-radius: var(--ns-4737-radius-chip); }
body.postid-4737 .ns2-tertiary__input span,
body.postid-4737 .ns2-tertiary__result span { font-weight: 700; }
body.postid-4737 .ns2-tertiary__recipe > strong { color: var(--ns-4737-color-accent); font-family: var(--ns-4737-font-display); font-size: var(--ns-4737-text-h3); }
body.postid-4737 .ns2-tertiary__recipe > p { margin: 0; color: var(--ns-4737-color-muted); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-redorange .ns2-tertiary__input i:first-child,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-yelloworange .ns2-tertiary__input i:last-of-type,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-blueviolet .ns2-tertiary__input i:last-of-type,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-redviolet .ns2-tertiary__input i:first-child { background: var(--ns-4737-color-red); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-redorange .ns2-tertiary__input i:last-of-type,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-yelloworange .ns2-tertiary__input i:first-child,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-yellowgreen .ns2-tertiary__input i:first-child,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-bluegreen .ns2-tertiary__input i:last-of-type { background: var(--ns-4737-color-yellow); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-yellowgreen .ns2-tertiary__input i:last-of-type,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-bluegreen .ns2-tertiary__input i:first-child,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-blueviolet .ns2-tertiary__input i:first-child,
body.postid-4737 .ns2-tertiary__recipe--ns-4737-redviolet .ns2-tertiary__input i:last-of-type { background: var(--ns-4737-color-blue); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-redorange .ns2-tertiary__result i { background: var(--ns-4737-color-redorange); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-yelloworange .ns2-tertiary__result i { background: var(--ns-4737-color-yelloworange); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-yellowgreen .ns2-tertiary__result i { background: var(--ns-4737-color-yellowgreen); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-bluegreen .ns2-tertiary__result i { background: var(--ns-4737-color-bluegreen); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-blueviolet .ns2-tertiary__result i { background: var(--ns-4737-color-blueviolet); }
body.postid-4737 .ns2-tertiary__recipe--ns-4737-redviolet .ns2-tertiary__result i { background: var(--ns-4737-color-redviolet); }
body.postid-4737 .ns2-tertiary__figure { margin: var(--ns-4737-space-lg) 0 var(--ns-4737-space-4xl); }
body.postid-4737 .ns2-tertiary__figure img { display: block; width: 100%; height: auto; object-fit: cover; }
body.postid-4737 .ns2-tertiary__figure--ns-4737-cool { width: min(100%, 68rem); margin-inline-start: auto; }
body.postid-4737 .ns2-tertiary__method { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ns-4737-space-2xl); margin-block: var(--ns-4737-space-2xl) var(--ns-4737-space-4xl); padding: var(--ns-4737-space-2xl); background: var(--ns-4737-color-paper-band); border-block: var(--ns-4737-rule-strong) solid var(--ns-4737-color-accent); }
body.postid-4737 .ns2-tertiary__method ol { margin: 0; padding: 0; list-style: none; }
body.postid-4737 .ns2-tertiary__method li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--ns-4737-space-sm); padding-block: var(--ns-4737-space-sm); border-block-start: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
body.postid-4737 .ns2-tertiary__method li span { color: var(--ns-4737-color-accent); font-family: var(--ns-4737-font-display); }
body.postid-4737 .ns2-tertiary__mud,
body.postid-4737 .ns2-tertiary__temperature,
body.postid-4737 .ns2-tertiary__pon,
body.postid-4737 .ns2-tertiary__context,
body.postid-4737 .ns2-tertiary__faq { width: min(100%, 68rem); margin: 0 auto; padding-block: var(--ns-4737-space-3xl); border-block-start: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
body.postid-4737 .ns2-tertiary__mud { border-block-start: var(--ns-4737-rule-strong) solid var(--ns-4737-color-mud); }
body.postid-4737 .ns2-tertiary__context > div { margin-block: var(--ns-4737-space-xl); }
body.postid-4737 .ns2-tertiary__context > div p { display: grid; grid-template-columns: minmax(8rem, 0.35fr) minmax(0, 1fr); gap: var(--ns-4737-space-md); padding-block: var(--ns-4737-space-md); margin: 0; border-block-start: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
body.postid-4737 .ns2-tertiary__context strong { color: var(--ns-4737-color-accent); }
body.postid-4737 .ns2-tertiary__faq { border-block-start: var(--ns-4737-rule-strong) solid var(--ns-4737-color-accent); }
body.postid-4737 .ns2-tertiary__faq details { border-block-end: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
body.postid-4737 .ns2-tertiary__faq summary { padding-block: var(--ns-4737-space-md); cursor: pointer; font-weight: 700; }
body.postid-4737 .ns2-tertiary__faq summary:focus-visible { outline: var(--ns-4737-rule-strong) solid var(--ns-4737-color-focus); outline-offset: var(--ns-4737-space-2xs); }
body.postid-4737 .ns2-tertiary__faq summary:active { color: var(--ns-4737-color-redviolet); }
body.postid-4737 .ns2-tertiary__faq details p { color: var(--ns-4737-color-muted); }
body.postid-4737 footer.entry-meta,
body.postid-4737 .blog-share,
body.postid-4737 .entry-author,
body.postid-4737 .navigation-post { width: min(100% - 2rem, 68rem); margin-inline: auto; }

@media (min-width: 40rem) {
  body.postid-4737 .ns2-tertiary__recipe { grid-template-columns: minmax(0, 0.9fr) minmax(5rem, 0.25fr) minmax(0, 0.75fr) minmax(0, 1.1fr); }
  body.postid-4737 .ns2-tertiary__method { grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr); }
}
@media (min-width: 60rem) {
  body.postid-4737 article#post-4737 .entry-header { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.postid-4737 article#post-4737 .entry-image img { min-height: 42rem; }
  body.postid-4737 .ns2-tertiary__legend { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(5rem, 0.25fr) minmax(0, 0.75fr) minmax(0, 1.1fr); gap: var(--ns-4737-space-md); margin-block: var(--ns-4737-space-2xl) 0; padding-block: var(--ns-4737-space-sm); color: var(--ns-4737-color-muted); font-size: var(--ns-4737-text-sm); font-weight: 700; border-block: var(--ns-4737-rule-hairline) solid var(--ns-4737-color-rule); }
}
@media (prefers-reduced-motion: reduce) { body.postid-4737 *, body.postid-4737 *::before, body.postid-4737 *::after { transition-duration: var(--ns-4737-dur-micro) !important; animation-duration: var(--ns-4737-dur-micro) !important; } }