:root{--dp-acc:#1D1A14;--dp-card:#F4F2EE;--dp-soft:#F4F2EE;--dp-ink:#1D1A14;--dp-mut:#55504a;--dp-r:18px}
/* dp2 shared page components (TBA, LIFT, NK). Site sets --dp-acc, --dp-card, --dp-soft, --dp-ink, --dp-mut, --dp-r */
.dp{padding:clamp(40px,6vw,72px) 0}
.dp+.dp{padding-top:0}
.dp .w{max-width:1180px}
body:has(section.dp) .sp-hero .w{max-width:1180px!important}
.dp h2{font-size:clamp(26px,3.2vw,36px)!important;line-height:1.15!important;letter-spacing:-.02em;font-weight:600;margin:0 0 14px;color:var(--dp-ink);text-wrap:balance}
.dp h3{font-size:clamp(18px,1.8vw,20px)!important;line-height:1.3!important;font-weight:600;letter-spacing:-.01em;margin:0 0 8px;color:var(--dp-ink);text-wrap:balance}
.dp p,.dp li{font-size:16.5px;line-height:1.65;color:var(--dp-ink)}
.dp p{margin:0 0 14px}.dp p:last-child{margin-bottom:0}
.dp-lead{font-size:clamp(19px,2vw,23px)!important;line-height:1.45!important;font-weight:500;letter-spacing:-.01em;max-width:820px;margin:0 0 18px!important}
.dp-sub{max-width:700px;color:var(--dp-mut)!important;margin-bottom:24px!important}
.dp-card{background:var(--dp-card);border-radius:var(--dp-r);padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column;gap:6px;min-width:0}
.dp-card p,.dp-card li{font-size:15.5px;line-height:1.6}
.dp-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:768px){.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dp-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dp-split{display:grid;gap:20px}
@media(min-width:900px){.dp-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}}
.dp-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:10px 0 0;font-size:15.5px}
.dp-kv dt{color:var(--dp-mut);font-weight:500}
.dp-kv dd{margin:0;font-weight:600;color:var(--dp-ink);min-width:0}
@media(max-width:520px){.dp-kv{grid-template-columns:1fr;gap:2px}.dp-kv dt{font-size:13.5px;margin-top:8px}.dp-kv dt:first-child{margin-top:0}}
.dp a:not([class]){color:var(--dp-acc);text-decoration:underline;text-underline-offset:3px}
.dp-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.dp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--dp-acc);color:#fff!important;font:600 15px/1 Inter,sans-serif;text-decoration:none;border:0;cursor:pointer}
.dp-btn.o{background:transparent;color:var(--dp-ink)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.dp-soc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
@media(max-width:520px){.dp-soc{grid-template-columns:1fr 1fr}}
.dp-soc a{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:calc(var(--dp-r)*.8);background:var(--dp-soft);color:var(--dp-ink);font:600 15px/1.2 Inter,sans-serif;text-decoration:none;transition:transform .2s}
.dp-soc a:hover{transform:translateY(-1px)}
.dp-soc svg{color:var(--dp-acc);flex:none}
.dp-note{background:var(--dp-soft);border-radius:calc(var(--dp-r)*.8);padding:16px 18px;font-size:15px!important}
.dp-card .sp-form{background:transparent!important;padding:0!important;margin:10px 0 0!important;border:0!important}
section[id],div[id]{scroll-margin-top:96px}
@media(prefers-reduced-motion:reduce){.dp-soc a{transition:none}.dp-soc a:hover{transform:none}}
.sp-hero .sp-k{display:none!important}
.nk-prod{gap:10px}
.nk-prod .nk-im{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:8px}
.nk-prod .nk-im img{width:100%;height:100%;object-fit:contain;display:block}
.nk-prod .dp-acts{margin-top:auto;padding-top:8px}
.nk-k{font:500 13.5px/1.3 Inter,sans-serif;color:var(--dp-mut)}
@media(max-width:767px){.nk-sw{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}.nk-sw>*{scroll-snap-align:start}.nk-sw::-webkit-scrollbar{display:none}}
body:has(section.nw) .sp-hero .w{max-width:1180px!important}
/* dp3 universal grid: every container shares the header pill edges (1180px box, 32px gutters; 20px on phones) */
html body .w{max-width:1180px!important;padding-left:32px!important;padding-right:32px!important}
.sp-w>p,.sp-w>ul,.sp-w>ol,.sp-w>blockquote,.sp-w>form{max-width:760px}
@media(max-width:760px){html body .w{padding-left:20px!important;padding-right:20px!important}}
html body.sp .sp-hero .w,html body .sp-hero>.w,html body header .w,html body .w.sp-w{max-width:1180px!important}
@media(max-width:1023px){.nl .box{grid-template-columns:1fr!important}}

/* dp3: one heading per section, no extra eyebrow labels above headings */
:is(.eb,.tag,.sp-k):has(+ :is(h1,h2)){display:none!important}

/* dp3: stat cards share the grid, equal width */
.qp-st{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.qp-st>*{min-width:0}
/* article back link clears the floating header */body .nwa-back{margin-top:64px!important}@media(min-width:1024px){body .nwa-back{margin-top:36px!important}}
/* header Book pill keeps white label on every page */
nav a.pl.d,nav a.pl.d b{color:#fff!important}
/* footer: two equal columns on tablets */
@media(min-width:600px) and (max-width:1023px){footer .g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 40px!important}}