/* Hallmark · macrostructure: Catalogue · tone: tactile-practical · anchor hue: umber
 * audience: DIY decorators · use: choose and execute a sponge effect · theme: custom texture library
 * pre-emit critique: P5 H5 E5 S5 R4 V5 · enrichment: physical paint swatches · motion: cut
 */
html,
body.postid-16414 { overflow-x: clip; }
body.postid-16414 #content { background: var(--ns-16414-color-paper); color: var(--ns-16414-color-ink); }
body.postid-16414 .row.row-large.row-divided { max-width: 100%; }
body.postid-16414 .large-9.col { flex-basis: 100%; max-width: 100%; padding: 0; }
body.postid-16414 .post-sidebar { display: none; }

#post-16414 { font-family: var(--ns-16414-font-body); font-size: var(--ns-16414-text-base); line-height: 1.65; }
#post-16414 .entry-header { max-width: 84rem; margin: 0 auto; padding: var(--ns-16414-space-8) var(--ns-16414-space-6) var(--ns-16414-space-12); }
#post-16414 .entry-header-text { display: block; max-width: 58rem; margin: 0; padding: 0 0 var(--ns-16414-space-8); text-align: left; border-bottom: 4px solid var(--ns-16414-color-umber); }
#post-16414 .entry-category, #post-16414 .entry-header .entry-meta { color: var(--ns-16414-color-ink-soft); font-family: var(--ns-16414-font-label); font-size: var(--ns-16414-text-sm); letter-spacing: 0.1em; text-transform: uppercase; }
#post-16414 .entry-title { color: var(--ns-16414-color-ink); font-family: var(--ns-16414-font-display); font-size: var(--ns-16414-text-display); font-weight: 400; letter-spacing: -0.045em; line-height: 0.95; overflow-wrap: anywhere; min-width: 0; }
#post-16414 .entry-category { display: block; margin-bottom: var(--ns-16414-space-3); }
#post-16414 .entry-header .entry-meta { display: block; margin-top: var(--ns-16414-space-4); }
#post-16414 .entry-image { margin: var(--ns-16414-space-8) 0 0; }
#post-16414 .entry-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

#post-16414 .entry-content { max-width: 74rem; margin: 0 auto; padding: var(--ns-16414-space-12) var(--ns-16414-space-6) var(--ns-16414-space-24); }
#post-16414 .entry-content > p, #post-16414 .entry-content > h2, #post-16414 .entry-content > ol, #post-16414 .entry-content > ul, #post-16414 .entry-content > .ns-sponge-faq, #post-16414 .entry-content > .ns-sponge-errors { max-width: var(--ns-16414-measure); margin-left: auto; margin-right: auto; }
#post-16414 .entry-content p { margin-top: 0; margin-bottom: var(--ns-16414-space-6); }
#post-16414 .entry-content h2 { margin-top: var(--ns-16414-space-16); margin-bottom: var(--ns-16414-space-4); font-family: var(--ns-16414-font-display); font-size: var(--ns-16414-text-xl); line-height: 1.06; overflow-wrap: anywhere; min-width: 0; }
#post-16414 .entry-content h3 { margin: 0 0 var(--ns-16414-space-2); font-family: var(--ns-16414-font-label); font-size: var(--ns-16414-text-sm); letter-spacing: 0.08em; text-transform: uppercase; }
#post-16414 .entry-content a { color: var(--ns-16414-color-accent); text-decoration-thickness: var(--ns-16414-rule-thin); text-underline-offset: 0.2em; }
#post-16414 .entry-content a:focus-visible { outline: 2px solid var(--ns-16414-color-focus); outline-offset: 3px; }
#post-16414 .entry-content a:active { color: var(--ns-16414-color-ink); }
#post-16414 .entry-content a[aria-disabled="true"] { color: var(--ns-16414-color-ink-soft); cursor: not-allowed; text-decoration: none; }
#post-16414 .ns-sponge-lede { max-width: var(--ns-16414-measure); margin: 0 auto var(--ns-16414-space-12); font-size: var(--ns-16414-text-lg); }
#post-16414 .ns-swatch-catalogue { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: var(--ns-16414-space-8) 0 var(--ns-16414-space-12); border-top: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); border-left: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-swatch { min-width: 0; padding: var(--ns-16414-space-4); border-right: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); border-bottom: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-swatch-sample { display: block; width: 100%; aspect-ratio: 1 / 1; margin-bottom: var(--ns-16414-space-4); background-color: var(--ns-16414-color-stone); }
#post-16414 .ns-swatch-cloud .ns-swatch-sample { background: radial-gradient(circle at 25% 30%, var(--ns-16414-color-paper), transparent 26%), radial-gradient(circle at 70% 65%, var(--ns-16414-color-sage), transparent 31%), var(--ns-16414-color-stone); }
#post-16414 .ns-swatch-stone .ns-swatch-sample { background: radial-gradient(ellipse at 30% 35%, var(--ns-16414-color-umber), transparent 18%), radial-gradient(ellipse at 73% 55%, var(--ns-16414-color-ochre), transparent 22%), var(--ns-16414-color-stone); }
#post-16414 .ns-swatch-fine .ns-swatch-sample { background: repeating-radial-gradient(circle at 20% 35%, var(--ns-16414-color-rose) 0 2px, transparent 3px 11px), var(--ns-16414-color-stone); }
#post-16414 .ns-swatch-contrast .ns-swatch-sample { background: radial-gradient(circle at 22% 20%, var(--ns-16414-color-accent), transparent 19%), radial-gradient(circle at 70% 74%, var(--ns-16414-color-ochre), transparent 26%), var(--ns-16414-color-umber); }
#post-16414 .ns-swatch p { margin-bottom: 0; color: var(--ns-16414-color-ink-soft); font-size: var(--ns-16414-text-sm); line-height: 1.5; }
#post-16414 .ns-sponge-figure { margin: var(--ns-16414-space-12) 0; }
#post-16414 .ns-sponge-figure img { display: block; width: 100%; height: auto; }
#post-16414 .ns-sponge-figure figcaption { margin-top: var(--ns-16414-space-3); color: var(--ns-16414-color-ink-soft); font-family: var(--ns-16414-font-label); font-size: var(--ns-16414-text-sm); }
#post-16414 .ns-sponge-tools { width: 82%; margin-left: 0; }
#post-16414 .ns-sponge-action { width: 82%; margin-left: auto; }
#post-16414 .ns-sponge-kit, #post-16414 .ns-sponge-steps { padding-left: var(--ns-16414-space-8); }
#post-16414 .ns-sponge-kit li, #post-16414 .ns-sponge-steps li { margin-bottom: var(--ns-16414-space-3); }
#post-16414 .ns-sponge-errors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-sponge-errors section { padding: var(--ns-16414-space-6) var(--ns-16414-space-6) var(--ns-16414-space-6) 0; border-bottom: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-sponge-errors section:nth-child(even) { padding-left: var(--ns-16414-space-6); border-left: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-sponge-faq details { border-top: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-sponge-faq details:last-child { border-bottom: var(--ns-16414-rule-thin) solid var(--ns-16414-color-rule); }
#post-16414 .ns-sponge-faq summary { padding: var(--ns-16414-space-4) 0; cursor: pointer; font-family: var(--ns-16414-font-display); font-size: var(--ns-16414-text-lg); }
#post-16414 .ns-sponge-faq summary:focus-visible { outline: 2px solid var(--ns-16414-color-focus); outline-offset: 3px; }
#post-16414 .ns-sponge-faq summary:active { color: var(--ns-16414-color-accent); }
#post-16414 .ns-sponge-route { margin-top: var(--ns-16414-space-12); padding-top: var(--ns-16414-space-6); border-top: 4px solid var(--ns-16414-color-umber); }

@media (max-width: 64rem) {
  #post-16414 .ns-swatch-catalogue { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 48rem) {
  #post-16414 .entry-header { padding: var(--ns-16414-space-8) var(--ns-16414-space-4) var(--ns-16414-space-12); }
  #post-16414 .entry-title { font-size: clamp(2.3rem, 11vw, 3.8rem); }
  #post-16414 .entry-content { padding: var(--ns-16414-space-12) var(--ns-16414-space-4) var(--ns-16414-space-16); }
  #post-16414 .ns-swatch-catalogue { grid-template-columns: minmax(0, 1fr); }
  #post-16414 .ns-sponge-tools, #post-16414 .ns-sponge-action { width: 100%; }
  #post-16414 .ns-sponge-errors { grid-template-columns: minmax(0, 1fr); }
  #post-16414 .ns-sponge-errors section, #post-16414 .ns-sponge-errors section:nth-child(even) { padding: var(--ns-16414-space-5) 0; border-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #post-16414 *, #post-16414 *::before, #post-16414 *::after { scroll-behavior: auto; transition-duration: var(--ns-16414-dur-fast); }
}
