/* docs.newsletterglue.com "painted" layer (2026-11-09) — matches newsletterglue.com's painted design.
   Printed last by mu-plugin ngk-docs.php when option ngkd_live=1 (or ?ngk_preview=1). Body class .ngkd.
   html body.ngkd.ngkd.ngkd.ngkd = html body.ngkd.ngkd.ngkd.ngkd (outranks ngd.css + ngd-scenes.css).
   Rollback: wp option update ngkd_live 0 && wp bs_cache purge_cache */

html body.ngkd.ngkd.ngkd.ngkd{
  --n-ink:#0e2a33; --n-text:#33505a; --n-muted:#4f646c;
  --n-cream:#f6f3ec; --n-sand:#e7eeec; --n-line:#dde3df; --n-sky:#e3eeee;
  --n-red:#dd3714; --n-red-d:#c9300f; --n-red-t:#a3290f; --n-peach:#fdede9; --n-peach-d:#fad6cc; --n-sage:#e4efee;
  --ng-bg:#f6f3ec; --ng-mint:#e4efee; --ng-line:#dde3df;
  background:var(--n-cream)!important;
}
html body.ngkd.ngkd.ngkd.ngkd :is(.ht-sitecontainer,.ht-page,#site-container,.ht-page__content){background:transparent!important}

/* ---------- header band: sky colour instead of teal; the white bar stays ---------- */
html body.ngkd.ngkd.ngkd.ngkd .site-header{background:var(--n-sky)!important;background-image:none!important}
html body.ngkd.ngkd.ngkd.ngkd:not(.home):not(.error404):not(.post-type-archive-ht_kb) .site-header{background:var(--n-cream)!important;border-bottom:1px solid var(--n-line)}
html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__banner > .ht-container::after{box-shadow:0 10px 28px -18px rgba(14,42,51,.35)!important}

/* ---------- home hero: the harbour at morning ---------- */
html body.ngkd.ngkd.ngkd.ngkd:is(.home,.post-type-archive-ht_kb,.error404) .site-header{background:var(--n-sky) url(ng-head-morning.webp) 50% 100%/cover no-repeat!important;padding-bottom:0!important}
html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__search{padding:56px 0 240px!important;position:relative}
html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__search::before{display:none!important;content:none!important}
html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__search::after{content:""!important;position:absolute;left:0;right:0;bottom:-1px;height:80px;background:linear-gradient(rgba(246,243,236,0),var(--n-cream));pointer-events:none;display:block!important}
html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__title{color:var(--n-ink)!important;font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:700!important}
html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__search .ht-container::before{color:var(--n-ink)!important;opacity:.88}
html body.ngkd.ngkd.ngkd.ngkd .site-header .hkb-site-search__field{background:#fff!important;border:1px solid rgba(14,42,51,.18)!important;border-radius:8px!important;box-shadow:0 22px 44px -26px rgba(14,42,51,.45)!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb-site-search__field:focus{border-color:var(--n-ink)!important;box-shadow:0 0 0 3px rgba(14,42,51,.2)!important}

/* ---------- inner pages: breadcrumb strip ---------- */
html body.ngkd.ngkd.ngkd.ngkd .ht-pageheader{background:var(--n-cream)!important;border-bottom:0!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb-breadcrumbs a{color:var(--n-ink)!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb-breadcrumbs,.hkb-breadcrumbs li,.hkb-breadcrumbs span){color:var(--n-muted)!important}
html body.ngkd.ngkd.ngkd.ngkd .ht-pageheader .hkb-site-search__field{background:#fff!important;border:1px solid rgba(14,42,51,.22)!important;border-radius:8px!important}

/* ---------- cards ---------- */
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb-category--boxed,.hkb-articlemini,.sidebar .widget.hkb_widget_categories,.hkb_widget_toc){background:#fff!important;border:1px solid var(--n-line)!important;border-radius:12px!important;box-shadow:none!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb-articlemini:hover,html body.ngkd.ngkd.ngkd.ngkd .hkb-category--boxed:hover{border-color:var(--n-red)!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb-category__iconwrap{background:var(--n-peach)!important;border-radius:8px!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb-category__iconwrap :is(svg,svg *){stroke:var(--n-red-t)!important;color:var(--n-red-t)!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb-category__iconwrap img{filter:none!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb-category__articlelist a,.hkb-articlemini .hkb-article__title a,.hkb-category__title,.hkb-category__title a){color:var(--n-ink)!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb-category__articlelist a,.hkb-articlemini .hkb-article__title a):hover{color:var(--n-red-t)!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb-category__viewall,.hkb-category__link,a.hkb-category__viewall){color:var(--n-red-t)!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb_category_widget__category_list a{color:var(--n-ink)!important;border-radius:8px!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb_category_widget__category_list :is(.current-cat,li.current) > a,html body.ngkd.ngkd.ngkd.ngkd .hkb_category_widget__category_list a:hover{background:var(--n-peach)!important;color:var(--n-red-t)!important}
html body.ngkd.ngkd.ngkd.ngkd .ht-categoryheader{background:transparent!important;border:0!important}
html body.ngkd.ngkd.ngkd.ngkd .ht-categoryheader .hkb-category__iconwrap{background:var(--n-peach)!important}

/* ---------- article ---------- */
html body.ngkd.ngkd.ngkd.ngkd .hkb-article__content a:not(.wp-block-button__link){color:var(--n-red-t)!important;text-decoration-color:rgba(163,41,15,.4)!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb_widget_toc a{color:var(--n-muted)!important}
html body.ngkd.ngkd.ngkd.ngkd .hkb_widget_toc :is(li.active > a,a.active,a[aria-current]){color:var(--n-ink)!important;background:var(--n-peach)!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb_widget_exit,.ht-mobile-exit){position:relative!important;overflow:hidden!important;isolation:isolate;border-radius:12px!important;border:0!important;
  background:#0f3a44 url(ng-town-dusk-1200.webp) 50% 100%/auto 300px no-repeat!important;padding-bottom:120px!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb_widget_exit,.ht-mobile-exit)::before,html body.ngkd.ngkd.ngkd.ngkd :is(.hkb_widget_exit,.ht-mobile-exit)::after{display:none!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb_widget_exit,.ht-mobile-exit) :is(h3,.widget__title,p,strong,div,.hkb_widget_exit__title,.hkb_widget_exit__content,.ht-mobile-exit__title){color:#fff!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb_widget_exit,.ht-mobile-exit) :is(a,.hkb_widget_exit__btn){background:var(--n-red)!important;border-color:var(--n-red)!important;color:#fff!important;border-radius:8px!important}
html body.ngkd.ngkd.ngkd.ngkd :is(.hkb_widget_exit,.ht-mobile-exit) :is(a,.hkb_widget_exit__btn):hover{background:var(--n-red-d)!important}
html body.ngkd.ngkd.ngkd.ngkd .ht-voting-links a{border-radius:8px!important;background:#fff!important;border-color:var(--n-line)!important}

/* ---------- 404 ---------- */
html body.ngkd.ngkd.ngkd.ngkd .ht-404msg{background:transparent!important}

/* ---------- footer: a dusk strip of the harbour above it ---------- */
html body.ngkd.ngkd.ngkd.ngkd :is(footer.site-footer,footer.ngdf,.ngd-footer){position:relative;margin-top:240px!important}
html body.ngkd.ngkd.ngkd.ngkd :is(footer.site-footer,footer.ngdf,.ngd-footer)::before{content:""!important;display:block!important;width:auto!important;position:absolute;left:0;right:0;bottom:100%;height:240px;pointer-events:none;
  background:url(ng-strip-dusk.webp) 50% 100%/cover no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 90px);mask-image:linear-gradient(transparent,#000 90px)}

@media (max-width:760px){
  html body.ngkd.ngkd.ngkd.ngkd:is(.home,.post-type-archive-ht_kb,.error404) .site-header{background:var(--n-sky) url(ng-head-morning-1200.webp) 42% 100%/auto 420px no-repeat!important}
  html body.ngkd.ngkd.ngkd.ngkd .site-header .site-header__search{padding:40px 0 190px!important}
  html body.ngkd.ngkd.ngkd.ngkd :is(footer.site-footer,footer.ngdf,.ngd-footer){margin-top:160px!important}
  html body.ngkd.ngkd.ngkd.ngkd :is(footer.site-footer,footer.ngdf,.ngd-footer)::before{height:160px;background-image:url(ng-strip-dusk-1200.webp);background-size:auto 190px}
}
html body.ngkd.ngkd.ngkd.ngkd :is(.ht-404msg__title,.ht-404msg__tagline,.ht-404msg p){color:var(--n-ink)!important}
html body.ngkd.ngkd.ngkd.ngkd .ht-404msg__title{opacity:1!important}
html body.ngkd.ngkd.ngkd.ngkd .site-header{padding-top:24px!important}