/* hero: match the research-section treatment (whitepapers-2026.html) */
	.page-hero h1 { font-weight: 700; letter-spacing: -0.02em; }
	.page-hero .crumbs { color: #4f5d66; } /* AA contrast on #e6edf1 */

	/* .pain-note nested inside .cs-wrap ties in specificity with ".cs-wrap p"
	   (both 0,1,1) and loses on source order, so its white text silently
	   renders as --body gray on the dark gradient (~2.8:1, fails AA). Restore
	   the intended white with higher specificity. Verified via pixel sampling
	   2026-07-13; fix before promoting .pain-note usage inside .cs-wrap elsewhere. */
	.cs-wrap .pain-note p { color: rgba(255,255,255,.9); }

	/* "What's inside" contents panel (anchors to each chapter) */
	.wp-toc { max-width: 860px; margin: 0 auto; }
	.wp-toc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.6rem; }
	.wp-toc a { display: flex; align-items: baseline; gap: 1rem; padding: 1rem .3rem; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; font-weight: 500; font-size: 1.05rem; transition: color .2s ease, padding-left .2s ease; }
	.wp-toc a:hover { color: var(--accent); padding-left: .7rem; }
	.wp-toc a .n { font-family: 'Inter Tight', monospace; font-size: .85rem; font-weight: 700; color: var(--accent); flex-shrink: 0; width: 1.6rem; }
	@media (max-width: 700px) { .wp-toc-grid { grid-template-columns: 1fr; } }

	/* chapter header: eyebrow + big faded number watermark + title */
	.wp-chapter { position: relative; text-align: center; max-width: 800px; margin: 0 auto 2.8rem; padding-top: 1.5rem; }
	.wp-chapter .wp-num { position: absolute; top: -2.2rem; left: 50%; transform: translateX(-50%); font-size: clamp(7rem, 15vw, 11rem); font-weight: 700; line-height: 1; letter-spacing: -.05em; color: var(--accent); opacity: .07; pointer-events: none; user-select: none; z-index: 0; }
	.wp-chapter > *:not(.wp-num) { position: relative; z-index: 1; }
	.wp-chapter h2 { font-size: clamp(1.9rem, 3.8vw, 2.6rem); font-weight: 700; letter-spacing: -0.03em; margin: .35rem 0 0; }
	.wp-chapter p.wp-standfirst { font-size: 1.12rem; color: var(--body); line-height: 1.6; margin: 1rem auto 0; max-width: 640px; }

	/* capability tiles (replaces the legacy auto-scrolling slider) */
	.wp-cap { display: flex; gap: .95rem; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 1.1rem 1.15rem; height: 100%; text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
	.wp-cap:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(15,30,45,.09); border-color: #d8dde4; }
	.wp-cap .ci { width: 40px; height: 40px; border-radius: 11px; background: var(--accent-tint); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.05rem; flex-shrink: 0; }
	.wp-cap h4 { font-size: 1rem; font-weight: 600; color: var(--ink); margin: .15rem 0 .25rem; }
	.wp-cap p { font-size: .86rem; color: var(--body); line-height: 1.5; margin: 0; }