/* PaywallProject docs, "terracotta" layer (navy + muted terracotta, Tyler's final brand spec 2026-11-06).
   Loaded last, after signal-docs.css + daylight-docs.css. Active only when <body> has .pp-tc
   (option pp_docs_terracotta=1, or an administrator's ?pptc=1 preview cookie). Rollback: option 0 + purge.
   Type, spacing and radius follow the approved homepage preview (~/Code/pp-assets/ppcom-home-v2):
   Inter, 800-weight headlines with tight tracking, cards 12px, inputs 8px, no pills.
   Buttons match paywallproject.com (navy-site.css, 2026-11-06): #CC4B25 fill, white text, #B23F17 hover, 6px, Inter 600 16px.
   Terracotta is only a fill (buttons, icon on navy tiles) or large text on navy. Never text or an icon on a light surface. */

html body.pp-signal.pp-tc{
	--pp-navy:#1F2847; --pp-navy-deep:#151C33; --pp-navy-active:#343E5E;
	--pp-accent:#D9906A; --pp-accent-hover:#E2A07D;
	--pp-cta:#CC4B25; --pp-cta-hover:#B23F17; --pp-cta-text:#fff; --pp-cta-radius:6px;
	--pp-cta-shadow:0 1px 0 rgba(13,16,48,.15),inset 0 1px 0 rgba(255,255,255,.18);
	--pp-bg:#F4F5F8; --pp-card:#fff; --pp-border:#E3E6ED; --pp-muted:#5C6582; --pp-row-tint:#E6ECF8;
	--pp-on-navy:#fff; --pp-on-navy-muted:#C9CEDD;
	--pp-blue:#8DB0E5; --pp-green:#5CBF8C; --pp-green-deep:#4E9E6E;
	--pp-hero-gradient:linear-gradient(135deg,#1F2847 0%,#151C33 100%);
	--pp-glow:rgba(141,176,229,.16);
	--pp-band:radial-gradient(900px 520px at 50% -120px,var(--pp-glow),rgba(141,176,229,0) 70%),var(--pp-hero-gradient);
	--pp-band-sm:radial-gradient(620px 300px at 0% 0%,var(--pp-glow),rgba(141,176,229,0) 70%),var(--pp-hero-gradient);
	--pp-shadow-md:0 1px 2px rgba(21,28,51,.05),0 14px 34px -20px rgba(21,28,51,.28);
	--pp-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--pp-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	/* Older layers read these; mapping them keeps every Signal/Daylight rule on brand. */
	--sg-navy:#1F2847; --sg-navy-2:#343E5E; --sg-ink:#1F2847; --sg-text:#1F2847; --sg-muted:#5C6582;
	--sg-or:#1F2847; --sg-or-2:#1F2847; --sg-btn:#D9906A; --sg-btn-h:#E2A07D;
	--sg-lav:#E6ECF8; --sg-lav-2:#fff; --sg-tab:#E6ECF8; --sg-peach:#F4F5F8; --sg-sand:#F4F5F8; --sg-line:#E3E6ED;
	--sg-sans:var(--pp-font); --sg-head:var(--pp-font);
	--dl-bg:#F4F5F8; --dl-r:12px; --dl-lav:#C9CEDD; --dl-lavline:#E3E6ED; --dl-sandline:#E3E6ED;
	--r10-serif:var(--pp-font); --r10-indigo:#1F2847;
	background:var(--pp-bg)!important; color:var(--pp-navy); font-family:var(--pp-font)!important;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
html body.pp-signal.pp-tc .ht-sitecontainer{background:transparent!important}
html body.pp-signal.pp-tc.single-ht_kb{background:#fff!important}
html body.pp-signal.pp-tc :is(h1,h2,h3,h4,h5,h6){font-family:var(--pp-font)!important;color:var(--pp-navy)!important;font-optical-sizing:auto}
html body.pp-signal.pp-tc a{color:var(--pp-navy)}
html body.pp-signal.pp-tc :focus-visible{outline:3px solid var(--pp-navy)!important;outline-offset:2px}
html body.pp-signal.pp-tc :is(.ppd-head,.site-header,.ht-pageheader,.ht-404msg,.ppf,.hkb_widget_exit,.ht-mobile-exit) :focus-visible{outline-color:#fff!important}
html body.pp-signal.pp-tc ::selection{background:#C9CEDD;color:var(--pp-navy)}

/* ---------- Buttons: paywallproject.com primary (orange fill, white text 4.56:1, 6px) ---------- */
html body.pp-signal.pp-tc :is(.ppd-btn,.ppd-head__cta,.hkb_widget_exit__btn,.ppf .ppf__btn,.hkb-feedback button,.hkb-feedback input[type=submit],.ht-voting-comment button,.ht-voting-comment input[type=submit],.hkb-article__content :where(.wp-block-button:not(.is-style-outline))>.wp-block-button__link){
	background:var(--pp-cta)!important;border:1px solid var(--pp-cta)!important;color:var(--pp-cta-text)!important;border-radius:var(--pp-cta-radius)!important;
	font:600 16px/1.2 var(--pp-font)!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;
	min-height:46px;padding:11px 20px!important;box-shadow:var(--pp-cta-shadow)!important;transition:background-color .15s ease,border-color .15s ease}
html body.pp-signal.pp-tc :is(.ppd-btn,.ppd-head__cta,.hkb_widget_exit__btn,.ppf .ppf__btn,.hkb-feedback button,.hkb-feedback input[type=submit],.ht-voting-comment button,.ht-voting-comment input[type=submit],.hkb-article__content :where(.wp-block-button:not(.is-style-outline))>.wp-block-button__link):is(:hover,:focus-visible){
	background:var(--pp-cta-hover)!important;border-color:var(--pp-cta-hover)!important;color:var(--pp-cta-text)!important}
html body.pp-signal.pp-tc :is(.ppd-btn,.ppd-head__cta,.hkb_widget_exit__btn,.ppf .ppf__btn,.hkb-feedback button,.hkb-feedback input[type=submit],.ht-voting-comment button,.ht-voting-comment input[type=submit],.hkb-article__content :where(.wp-block-button:not(.is-style-outline))>.wp-block-button__link):focus-visible{outline:3px solid var(--pp-navy)!important;outline-offset:3px!important}
/* On navy the darker hover is 2.49:1 against the band, so it gets a light edge (as on paywallproject.com) and a white focus ring.
   .pp-tc twice: the :is() list above carries (0,3,1) specificity, so these need one more class. */
html body.pp-signal.pp-tc.pp-tc :is(.ppd-head,.hkb_widget_exit,.ht-mobile-exit,.ppf) :is(.ppd-btn,.ppd-head__cta,.hkb_widget_exit__btn,.ppf__btn):is(:hover,:focus-visible){border-color:rgba(255,255,255,.8)!important}
html body.pp-signal.pp-tc.pp-tc :is(.ppd-head,.hkb_widget_exit,.ht-mobile-exit,.ppf) :is(.ppd-btn,.ppd-head__cta,.hkb_widget_exit__btn,.ppf__btn):focus-visible{outline-color:#fff!important}
/* Secondary: paywallproject.com ghost (white, navy text, slate edge, 6px). */
html body.pp-signal.pp-tc .hkb-article__content .wp-block-button.is-style-outline>.wp-block-button__link{background:#fff!important;color:var(--pp-navy)!important;border:1px solid var(--pp-muted)!important;border-radius:var(--pp-cta-radius)!important;font:600 16px/1.2 var(--pp-font)!important;min-height:46px;padding:11px 20px!important;text-decoration:none!important}
html body.pp-signal.pp-tc .hkb-article__content .wp-block-button.is-style-outline>.wp-block-button__link:is(:hover,:focus-visible){background:var(--pp-row-tint)!important;border-color:var(--pp-navy)!important}

/* ---------- Header: navy bar, white reversed logo ---------- */
html body.pp-signal.pp-tc .ppd-head{background:var(--pp-navy);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.08)}
html body.pp-signal.pp-tc .ppd-head__brand img{filter:brightness(0) invert(1)}
html body.pp-signal.pp-tc .ppd-head__label{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:6px;font:700 12px/1 var(--pp-font)!important;letter-spacing:.08em}
html body.pp-signal.pp-tc .ppd-head__nav{gap:10px}
html body.pp-signal.pp-tc .ppd-head__nav ul{gap:2px}
html body.pp-signal.pp-tc .ppd-head__nav ul a{padding:12px 14px;border-radius:8px;color:#fff!important;opacity:1;font:500 15px/1 var(--pp-font);box-shadow:none!important;transition:background-color .15s ease}
html body.pp-signal.pp-tc .ppd-head__nav ul a:hover{background:var(--pp-navy-active)}
html body.pp-signal.pp-tc .ppd-head__nav ul a[aria-current]{font-weight:600;text-decoration:underline!important;text-decoration-color:var(--pp-accent)!important;text-decoration-thickness:2px!important;text-underline-offset:8px}
html body.pp-signal.pp-tc .ppd-head__cta{margin-left:6px}
html body.pp-signal.pp-tc .ppd-head__toggle{color:#fff;border-radius:8px}
html body.pp-signal.pp-tc .ppd-head__toggle:hover{background:var(--pp-navy-active)!important}
html body.pp-signal.pp-tc .ppd-burger i{background:#fff}
@media (max-width:1024px){
	html body.pp-signal.pp-tc .ppd-head__nav{background:var(--pp-navy-deep);padding-top:12px}
	html body.pp-signal.pp-tc .ppd-head__nav li{border-bottom:1px solid rgba(255,255,255,.1)}
	html body.pp-signal.pp-tc .ppd-head__nav ul{gap:0}
	html body.pp-signal.pp-tc .ppd-head__nav ul a{min-height:60px;padding:0 12px;margin:0 -12px;font:700 20px/1.2 var(--pp-font)}
	html body.pp-signal.pp-tc.pp-tc .ppd-head .ppd-head__cta{margin:28px 0 0;min-height:52px!important;font-size:17px!important}
}

/* ---------- Docs home hero: navy gradient + one soft static glow ---------- */
html body.pp-signal.pp-tc .site-header{background:var(--pp-navy)!important;background-image:none!important}
html body.pp-signal.pp-tc .site-header__search{background:var(--pp-band)!important;border-bottom:0!important;padding:clamp(64px,8vw,104px) 0 clamp(72px,8vw,112px)!important}
html body.pp-signal.pp-tc .site-header__search::after{content:none!important;display:none!important}
html body.pp-signal.pp-tc .site-header__search .ht-container{max-width:820px!important}
html body.pp-signal.pp-tc .site-header__search .ht-container::before{margin-bottom:16px;font:700 13px/1.2 var(--pp-font)!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-style:normal!important;color:var(--pp-on-navy-muted)!important}
html body.pp-signal.pp-tc .site-header__search .site-header__title{margin:0 auto 32px!important;max-width:none;text-align:center!important;color:#fff!important;
	font:800 clamp(40px,5.6vw,64px)/1.04 var(--pp-font)!important;letter-spacing:-.034em!important}

/* Search fields */
html body.pp-signal.pp-tc .hkb-site-search .hkb-site-search__field{background:#fff!important;color:var(--pp-navy)!important;font-family:var(--pp-font)!important;border-radius:8px!important;
	border:1px solid #5C6582!important;box-shadow:none!important;transition:box-shadow .15s ease}
html body.pp-signal.pp-tc .hkb-site-search .hkb-site-search__field::placeholder{color:var(--pp-muted);opacity:1}
html body.pp-signal.pp-tc .hkb-site-search .hkb-site-search__field:focus{border-color:var(--pp-navy)!important;box-shadow:0 0 0 3px rgba(31,40,71,.22)!important;outline:0}
html body.pp-signal.pp-tc .hkb-site-search__button svg,html body.pp-signal.pp-tc .hkb-site-search__button svg path{fill:var(--pp-navy)!important}
/* On navy the white field is its own edge; focus gets a terracotta ring (5.6:1 against navy). */
html body.pp-signal.pp-tc :is(.site-header__search,.ht-pageheader) .hkb-site-search__field{border-color:#fff!important}
html body.pp-signal.pp-tc .site-header__search .hkb-site-search__field{min-height:64px;box-shadow:0 18px 40px -24px rgba(5,9,22,.7),0 2px 6px rgba(5,9,22,.14)!important}
html body.pp-signal.pp-tc :is(.site-header__search,.ht-pageheader) .hkb-site-search__field:focus{border-color:#fff!important;box-shadow:0 0 0 3px var(--pp-accent)!important}
/* Live-search dropdown */
html body.pp-signal.pp-tc .hkb-site-search :is(ul.ui-autocomplete,.hkb-searchresults,.ht-livesearch-results){background:#fff!important;border:1px solid var(--pp-border)!important;border-radius:12px!important;box-shadow:var(--pp-shadow-md)!important}
html body.pp-signal.pp-tc .hkb-site-search ul.ui-autocomplete li a{border-radius:8px;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-site-search ul.ui-autocomplete :is(li a:hover,li a.ui-state-focus,li .ui-state-active,.ui-menu-item-wrapper.ui-state-active){background:var(--pp-row-tint)!important;color:var(--pp-navy)!important;border:0!important}

/* ---------- Inner pages: breadcrumb strip continues the navy band ---------- */
html body.pp-signal.pp-tc .ht-pageheader{background:var(--pp-band-sm)!important;border-bottom:0!important;padding:20px 0!important}
html body.pp-signal.pp-tc .hkb-breadcrumbs,html body.pp-signal.pp-tc .hkb-breadcrumbs li{color:var(--pp-on-navy-muted)!important}
html body.pp-signal.pp-tc .hkb-breadcrumbs a{color:#fff!important;text-decoration:none}
html body.pp-signal.pp-tc .hkb-breadcrumbs a:hover{color:#fff!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.6)!important;text-underline-offset:3px}
html body.pp-signal.pp-tc .hkb-breadcrumbs svg,html body.pp-signal.pp-tc .hkb-breadcrumbs svg path{fill:var(--pp-on-navy-muted)!important}
html body.pp-signal.pp-tc .ht-pageheader .hkb-site-search__field{padding:12px 16px 12px 42px!important;font-size:15px!important;min-height:46px;width:100%!important;max-width:none!important}

/* ---------- Page layout ---------- */
html body.pp-signal.pp-tc .ht-page{padding:clamp(48px,6vw,80px) 0 clamp(64px,7vw,96px)!important}
html body.pp-signal.pp-tc.home .ht-page,html body.pp-signal.pp-tc.post-type-archive-ht_kb .ht-page{padding:clamp(56px,7vw,88px) 0!important}

/* Sidebar */
html body.pp-signal.pp-tc .sidebar .widget{background:#fff!important;border:1px solid var(--pp-border)!important;border-radius:12px!important;box-shadow:none!important;padding:22px!important}
html body.pp-signal.pp-tc .sidebar .widget__title,html body.pp-signal.pp-tc .ht-mobile-exit__title{font:700 18px/1.25 var(--pp-font)!important;letter-spacing:-.012em;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb_category_widget__category_list a{border-radius:8px;color:var(--pp-navy)!important;padding:9px 12px}
html body.pp-signal.pp-tc .sidebar .hkb_category_widget__category_list li a:hover{background:var(--pp-row-tint)!important;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .sidebar .hkb_category_widget__category_list li.current-cat>a{background:var(--pp-row-tint)!important;color:var(--pp-navy)!important;font-weight:600;box-shadow:inset 3px 0 0 var(--pp-navy)!important}
/* "Get more help": the one navy card in the sidebar */
html body.pp-signal.pp-tc .sidebar .widget.hkb_widget_exit,html body.pp-signal.pp-tc .ht-mobile-exit{background:var(--pp-band-sm)!important;border:0!important;border-radius:12px!important;color:var(--pp-on-navy-muted)}
html body.pp-signal.pp-tc .sidebar .hkb_widget_exit .widget__title,html body.pp-signal.pp-tc .ht-mobile-exit__title{color:#fff!important}
html body.pp-signal.pp-tc :is(.hkb_widget_exit,.ht-mobile-exit) .hkb_widget_exit__content{color:var(--pp-on-navy-muted)!important}
html body.pp-signal.pp-tc :is(.hkb_widget_exit,.ht-mobile-exit) :is(p,div,span):not(.hkb_widget_exit__btn){color:var(--pp-on-navy-muted)}

/* ---------- Home: category cards ---------- */
html body.pp-signal.pp-tc .hkb-archive__title{text-align:center;border:0!important;padding:0!important;margin:0 0 40px!important;font:800 clamp(30px,3.4vw,44px)/1.14 var(--pp-font)!important;letter-spacing:-.026em!important}
html body.pp-signal.pp-tc .hkb-archive{gap:24px}
html body.pp-signal.pp-tc .hkb-category.hkb-category--boxed,html body.pp-signal.pp-tc .hkb-archive>li:first-child .hkb-category{background:#fff!important;border:1px solid var(--pp-border)!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;transition:border-color .15s ease}
html body.pp-signal.pp-tc .hkb-archive .hkb-category.hkb-category--boxed{padding:24px!important;column-gap:14px}
html body.pp-signal.pp-tc .hkb-category.hkb-category--boxed:hover{border-color:var(--pp-navy)!important;box-shadow:none!important}
html body.pp-signal.pp-tc .hkb-category__iconwrap,html body.pp-signal.pp-tc .hkb-archive .hkb-category__iconwrap,html body.pp-signal.pp-tc .ht-categoryheader .hkb-category__iconwrap{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;background:var(--pp-navy)!important;border:0!important;border-radius:8px!important}
html body.pp-signal.pp-tc .hkb-category__iconwrap::before,html body.pp-signal.pp-tc .hkb-archive .hkb-category__iconwrap::before{width:20px!important;height:20px!important;background:var(--pp-accent)!important}
html body.pp-signal.pp-tc .hkb-archive .hkb-category .hkb-category__title{font:700 19px/1.25 var(--pp-font)!important;letter-spacing:-.012em!important}
html body.pp-signal.pp-tc .hkb-category .hkb-category__title a{color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .ppd-count{background:none!important;border:0!important;border-radius:0!important;padding:0!important;color:var(--pp-muted)!important;font:500 14px/1.4 var(--pp-font)!important}
html body.pp-signal.pp-tc .hkb-archive .ppd-count{margin:2px 0 0!important}
html body.pp-signal.pp-tc .hkb-category__description{color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .hkb-category .hkb-category__articlelist>li,html body.pp-signal.pp-tc .hkb-archive>li:first-child .hkb-category__articlelist>li{border-top:1px solid var(--pp-border)!important}
html body.pp-signal.pp-tc .hkb-category .hkb-category__articlelist a{color:var(--pp-navy)!important;font-size:15px}
html body.pp-signal.pp-tc .hkb-category .hkb-category__articlelist a:hover{text-decoration:underline!important;text-decoration-color:var(--pp-navy)!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px}
html body.pp-signal.pp-tc :is(.hkb-category .hkb-category__viewall,.ppd-tlink){color:var(--pp-navy)!important;font:600 15px/1.3 var(--pp-font)!important;text-decoration:underline!important;text-decoration-color:rgba(31,40,71,.32)!important;text-decoration-thickness:1.5px!important;text-underline-offset:5px}
html body.pp-signal.pp-tc .hkb-category .hkb-category__viewall:hover{text-decoration-color:currentColor!important}

/* Popular articles (home + 404): white band, white cards */
html body.pp-signal.pp-tc .ppd-popular{background:#fff;border:0!important;border-top:1px solid var(--pp-border)!important;padding:clamp(64px,7vw,96px) 0}
html body.pp-signal.pp-tc .ppd-kicker{text-align:center;margin:0 0 12px;font:italic 400 17px/1.3 var(--pp-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .ppd-h2{text-align:center;margin:0 0 40px!important;font:800 clamp(30px,3.4vw,44px)/1.14 var(--pp-font)!important;letter-spacing:-.026em!important}
html body.pp-signal.pp-tc .ppd-popular__list{gap:16px}
html body.pp-signal.pp-tc .ppd-popular__list a{background:#fff;border:1px solid var(--pp-border)!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;transition:border-color .15s ease;padding:22px 24px}
html body.pp-signal.pp-tc .ppd-popular__list a:hover{border-color:var(--pp-navy)!important;box-shadow:none!important}
html body.pp-signal.pp-tc .ppd-popular__cat{font:700 12.5px/1.3 var(--pp-font);letter-spacing:.08em;color:var(--pp-muted)}
html body.pp-signal.pp-tc .ppd-popular__title{font:700 18px/1.35 var(--pp-font);letter-spacing:-.01em;color:var(--pp-navy)}
html body.pp-signal.pp-tc .ppd-404search{max-width:640px;margin:0 auto 32px}
html body.pp-signal.pp-tc .ppd-404search .hkb-site-search__field{padding:16px 18px 16px 48px!important;min-height:56px}

/* ---------- Category page + search results ---------- */
html body.pp-signal.pp-tc .ht-categoryheader{background:#fff!important;border:1px solid var(--pp-border)!important;border-radius:12px!important;padding:24px 28px!important;gap:16px}
html body.pp-signal.pp-tc .ht-categoryheader__title,html body.pp-signal.pp-tc .ht-categoryheader .hkb-category__title{font:800 clamp(28px,3.2vw,40px)/1.12 var(--pp-font)!important;letter-spacing:-.026em!important}
html body.pp-signal.pp-tc .ht-categoryheader__description{color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .hkb-articlemini .hkb-article__link{background:#fff;border:1px solid var(--pp-border)!important;border-radius:12px!important;box-shadow:none!important;padding:20px 24px!important;transition:border-color .15s ease}
html body.pp-signal.pp-tc .hkb-articlemini .hkb-article__link:hover{border-color:var(--pp-navy)!important;box-shadow:none!important}
html body.pp-signal.pp-tc .hkb-articlemini .hkb-article__title{font:700 19px/1.3 var(--pp-font)!important;letter-spacing:-.012em!important}
html body.pp-signal.pp-tc .hkb-articlemini .hkb-article__link:hover .hkb-article__title{text-decoration:underline;text-decoration-color:var(--pp-navy);text-decoration-thickness:1.5px;text-underline-offset:4px}
html body.pp-signal.pp-tc .hkb-articlemini .hkb-article__excerpt{color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .ppd-results{margin:0 0 28px}
html body.pp-signal.pp-tc .ppd-results h1{margin:0!important;font:800 clamp(28px,3.2vw,40px)/1.12 var(--pp-font)!important;letter-spacing:-.026em!important}
html body.pp-signal.pp-tc .ppd-results p{margin:8px 0 0!important;color:var(--pp-muted);font-size:16px}
html body.pp-signal.pp-tc .ht-pagination :is(a,span){border-radius:8px!important;border:1px solid var(--pp-border)!important;background:#fff!important;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .ht-pagination :is(a:hover){border-color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .ht-pagination :is(.current,span.current){background:var(--pp-navy)!important;border-color:var(--pp-navy)!important;color:#fff!important}

/* ---------- Article ---------- */
html body.pp-signal.pp-tc .hkb-article__header{border-bottom:1px solid var(--pp-border)!important}
html body.pp-signal.pp-tc .hkb-article__title{font:800 clamp(32px,4vw,46px)/1.1 var(--pp-font)!important;letter-spacing:-.028em!important;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-article__content{color:var(--pp-navy);font-size:17.5px;line-height:1.7}
html body.pp-signal.pp-tc .hkb-article__content h2{font:800 clamp(24px,2.6vw,30px)/1.2 var(--pp-font)!important;letter-spacing:-.022em!important;padding-top:0!important;margin:2em 0 .6em!important}
html body.pp-signal.pp-tc .hkb-article__content h2::before{content:none!important;display:none!important}
html body.pp-signal.pp-tc .hkb-article__content h3{font:700 21px/1.3 var(--pp-font)!important;letter-spacing:-.014em!important}
html body.pp-signal.pp-tc .hkb-article__content h4{font:700 18px/1.35 var(--pp-font)!important}
html body.pp-signal.pp-tc .hkb-article__content a:not([class]),html body.pp-signal.pp-tc .hkb-article__content a[class=""]{color:var(--pp-navy)!important;font-weight:500;text-decoration:underline!important;text-decoration-color:rgba(31,40,71,.38)!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px}
html body.pp-signal.pp-tc .hkb-article__content a:not([class]):hover{color:var(--pp-navy)!important;text-decoration-color:currentColor!important}
html body.pp-signal.pp-tc .hkb-article__content :is(strong,b){color:var(--pp-navy);font-weight:700}
/* Lists: plain navy markers (the old green ticks read as "done" on every bullet) */
html body.pp-signal.pp-tc .hkb-article__content ul:is(:not([class]),.wp-block-list):not(li ul)>li{list-style:disc!important;padding-left:4px!important;position:static}
html body.pp-signal.pp-tc .hkb-article__content ul:is(:not([class]),.wp-block-list):not(li ul)>li::before{content:none!important;display:none!important}
html body.pp-signal.pp-tc .hkb-article__content ul:is(:not([class]),.wp-block-list):not(li ul){padding-left:1.4em!important}
html body.pp-signal.pp-tc .hkb-article__content ul:is(:not([class]),.wp-block-list):not(li ul)>li::marker{content:normal;color:var(--pp-navy)}
html body.pp-signal.pp-tc .hkb-article__content li::marker{color:var(--pp-navy)}
html body.pp-signal.pp-tc .hkb-article__content ol>li::marker{font-weight:700;color:var(--pp-navy)}
/* Quotes and callouts: row tint, navy edge */
html body.pp-signal.pp-tc .hkb-article__content blockquote,html body.pp-signal.pp-tc .hkb-article__content .note,html body.pp-signal.pp-tc .hkb-article__content :is(.ht-blocks-messages,.wp-block-ht-blocks-messages,.hb-message,.callout){
	background:var(--pp-row-tint)!important;border:0!important;border-left:3px solid var(--pp-navy)!important;border-radius:0 8px 8px 0!important;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-article__content blockquote{padding:18px 22px!important;font-style:normal}
/* Inline code + code blocks */
html body.pp-signal.pp-tc .hkb-article__content :not(pre)>code{background:var(--pp-row-tint)!important;color:var(--pp-navy)!important;border:0!important;border-radius:6px!important;padding:.15em .4em;font:500 .87em/1.4 var(--pp-mono)!important}
html body.pp-signal.pp-tc .hkb-article__content pre,html body.pp-signal.pp-tc .hkb-article__content .wp-block-code{background:var(--pp-navy-deep)!important;color:#E3E6ED!important;border:0!important;border-radius:8px!important;font:400 14.5px/1.65 var(--pp-mono)!important}
html body.pp-signal.pp-tc .hkb-article__content .wp-block-kevinbatdorf-code-block-pro{border-radius:8px!important}
/* Tables */
html body.pp-signal.pp-tc .hkb-article__content .wp-block-table,html body.pp-signal.pp-tc .hkb-article__content>table{border:1px solid var(--pp-border)!important;border-radius:12px!important}
html body.pp-signal.pp-tc .hkb-article__content :is(th,thead td){background:var(--pp-bg)!important;color:var(--pp-navy)!important;font-weight:700}
html body.pp-signal.pp-tc .hkb-article__content :is(th,td){border-bottom:1px solid var(--pp-border)!important;color:var(--pp-navy)}
/* Images */
html body.pp-signal.pp-tc .hkb-article__content img{border:1px solid var(--pp-border)!important;border-radius:8px!important}
html body.pp-signal.pp-tc .hkb-article__content .wp-block-image img{box-shadow:0 18px 36px -26px rgba(21,28,51,.35)!important}
html body.pp-signal.pp-tc .hkb-article__content :is(figcaption,.wp-element-caption){color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .hkb-article__content :is(hr,.wp-block-separator){border-top-color:var(--pp-border)!important}

/* TOC */
html body.pp-signal.pp-tc .ppd-toc__title{font:700 12.5px/1.2 var(--pp-font)!important;letter-spacing:.08em;color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .ppd-toc ol{border-left:2px solid var(--pp-border)}
html body.pp-signal.pp-tc .ppd-toc a{color:var(--pp-muted)!important;font-size:14.5px}
html body.pp-signal.pp-tc .ppd-toc a:hover{color:var(--pp-navy)!important;border-left-color:#C9CEDD!important}
html body.pp-signal.pp-tc .ppd-toc a[aria-current]{color:var(--pp-navy)!important;font-weight:600;border-left-color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .ppd-toc--mobile{background:#fff!important;border:1px solid var(--pp-border)!important;border-radius:12px!important}
html body.pp-signal.pp-tc .ppd-toc--mobile summary{font:700 16px/1.2 var(--pp-font)!important;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .ppd-toc--mobile summary span{color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .ppd-toc--mobile summary::after{border-color:var(--pp-navy)!important}

/* Meta, feedback, related */
html body.pp-signal.pp-tc .hkb-article__lastupdated{color:var(--pp-muted)!important}
html body.pp-signal.pp-tc .hkb-feedback{background:var(--pp-bg)!important;border:1px solid var(--pp-border)!important;border-radius:12px!important;padding:24px 28px!important}
html body.pp-signal.pp-tc .hkb-feedback__title{font:700 20px/1.25 var(--pp-font)!important;letter-spacing:-.012em;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-feedback .ht-voting-links a{background:#fff!important;color:var(--pp-navy)!important;border:1px solid var(--pp-muted)!important;border-radius:var(--pp-cta-radius)!important;font:600 15px/1 var(--pp-font)!important;min-height:44px;transition:background-color .15s ease,border-color .15s ease}
html body.pp-signal.pp-tc .hkb-feedback .ht-voting-links a:not(.active):is(:hover,:focus-visible){background:var(--pp-row-tint)!important;color:var(--pp-navy)!important;border-color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-feedback .ht-voting-links a:focus-visible{box-shadow:none!important;outline:3px solid var(--pp-navy)!important;outline-offset:2px}
html body.pp-signal.pp-tc .hkb-feedback .ht-voting-links a:is(.active,.ht-voting-upvote.active,.ht-voting-downvote.active){background:var(--pp-navy)!important;border-color:var(--pp-navy)!important;color:#fff!important}
html body.pp-signal.pp-tc .hkb-feedback :is(.ht-voting-thanks,.ht-voting-comment__title){color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-feedback textarea{border:1px solid var(--pp-muted)!important;border-radius:8px!important;color:var(--pp-navy)}
html body.pp-signal.pp-tc .hkb-feedback textarea:focus{border-color:var(--pp-navy)!important;box-shadow:0 0 0 3px rgba(31,40,71,.22);outline:0}
html body.pp-signal.pp-tc .hkb-article-tags a{border-radius:6px!important;background:var(--pp-row-tint)!important;color:var(--pp-navy)!important}
html body.pp-signal.pp-tc .hkb-article-related__title,html body.pp-signal.pp-tc .hkb-article-related>h3{font:800 24px/1.2 var(--pp-font)!important;letter-spacing:-.02em!important}
html body.pp-signal.pp-tc .hkb-article-related li a{background:#fff;border:1px solid var(--pp-border)!important;border-radius:12px!important;box-shadow:none!important;color:var(--pp-navy)!important;font:600 15.5px/1.4 var(--pp-font);transition:border-color .15s ease}
html body.pp-signal.pp-tc .hkb-article-related li a:hover{border-color:var(--pp-navy)!important;box-shadow:none!important}

/* ---------- 404 ---------- */
html body.pp-signal.pp-tc .ht-404msg{background:var(--pp-band)!important;border-bottom:0!important;padding:clamp(64px,8vw,104px) 0!important}
html body.pp-signal.pp-tc .ht-404msg__title{color:var(--pp-accent)!important;font:800 clamp(72px,10vw,120px)/1 var(--pp-font)!important;letter-spacing:-.04em!important}
html body.pp-signal.pp-tc .ht-404msg__tagline{color:#fff!important;font:800 clamp(26px,3.2vw,36px)/1.15 var(--pp-font)!important;letter-spacing:-.024em!important}

/* ---------- Footer: deep navy, white reversed logo (layout of the homepage footer) ---------- */
html body.pp-signal.pp-tc .ppf--dl{background:var(--pp-navy-deep)!important;color:var(--pp-on-navy-muted);border-top:0!important;padding:0 var(--ppd-pad) 24px!important}
html body.pp-signal.pp-tc .ppf--dl .ppf__brand{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 40px;padding:56px 0 36px;margin:0 0 44px;border-bottom:1px solid rgba(255,255,255,.08)}
html body.pp-signal.pp-tc .ppf--dl .ppf__logo{margin:0!important}
html body.pp-signal.pp-tc .ppf--dl .ppf__logo img{filter:brightness(0) invert(1)!important;height:26px!important}
html body.pp-signal.pp-tc .ppf--dl .ppf__tagline{color:var(--pp-on-navy-muted)!important;font:400 15px/1.55 var(--pp-font)!important;max-width:460px}
html body.pp-signal.pp-tc .ppf--dl .ppf__help{margin:0!important;color:var(--pp-on-navy-muted)!important;font:400 15px/1.5 var(--pp-font)!important;white-space:nowrap}
html body.pp-signal.pp-tc .ppf--dl .ppf__help a{color:#fff!important;font-weight:600;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.45)!important;text-decoration-thickness:1.5px;text-underline-offset:5px}
html body.pp-signal.pp-tc .ppf--dl .ppf__help a:hover{text-decoration-color:#fff!important}
html body.pp-signal.pp-tc .ppf--dl .ppf__cols{gap:40px 32px}
html body.pp-signal.pp-tc .ppf--dl .ppf__head{color:#fff!important;font:700 13px/1.2 var(--pp-font)!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 14px!important}
html body.pp-signal.pp-tc .ppf--dl .ppf__col a{color:var(--pp-on-navy-muted)!important;font-size:15px!important;padding:4px 0}
html body.pp-signal.pp-tc .ppf--dl :is(.ppf__col,.ppf__legal) a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
html body.pp-signal.pp-tc .ppf--dl .ppf__bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
html body.pp-signal.pp-tc .ppf--dl .ppf__bottom p,html body.pp-signal.pp-tc .ppf--dl .ppf__legal a{color:var(--pp-on-navy-muted)!important;font-size:14px!important}
html body.pp-signal.pp-tc .ppf--dl a:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
@media (max-width:1100px){
	html body.pp-signal.pp-tc .ppf--dl .ppf__brand{grid-template-columns:auto minmax(0,1fr)}
	html body.pp-signal.pp-tc .ppf--dl .ppf__help{grid-column:1/-1}
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
	html body.pp-signal.pp-tc .site-header__search .site-header__title{letter-spacing:-.03em!important;margin-bottom:24px!important}
	html body.pp-signal.pp-tc .site-header__search .hkb-site-search__field{min-height:56px;font-size:16px!important;padding:16px 16px 16px 48px!important}
	html body.pp-signal.pp-tc .site-header__search .hkb-site-search__button{left:16px!important}
	html body.pp-signal.pp-tc .hkb-archive{gap:16px}
	html body.pp-signal.pp-tc .hkb-archive .hkb-category.hkb-category--boxed{padding:20px!important}
	html body.pp-signal.pp-tc .ppd-popular__list{gap:12px}
	html body.pp-signal.pp-tc .ht-categoryheader{padding:20px!important}
	html body.pp-signal.pp-tc .hkb-feedback{padding:20px!important}
	html body.pp-signal.pp-tc .ppf--dl .ppf__brand{grid-template-columns:1fr;gap:12px;padding:44px 0 28px;margin-bottom:32px}
	html body.pp-signal.pp-tc .ppf--dl .ppf__help{white-space:normal}
	html body.pp-signal.pp-tc .ppf--dl .ppf__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
	html body.pp-signal.pp-tc .ppf--dl .ppf__bottom{margin-top:32px}
}
@media (prefers-reduced-motion:reduce){html body.pp-signal.pp-tc *{transition:none!important}}