/* 2026 YNB visual consistency and immersive practice scrolling */
:root{--ynb-red:#8C102B;--ynb-champagne:#E9C77F;--ynb-cream:#FAF7F1}
#expertise.ynb-practices{background:radial-gradient(ellipse at 50% 45%,#A51C3E 0%,#7E0D2A 58%,#4E081D 100%)!important;min-height:min(850px,95svh);display:flex;flex-direction:column;justify-content:center}
#expertise .practice-controls,#expertise .practice-choices{display:none!important}
#expertise .practice-help{margin-top:27px;letter-spacing:.08em}
#expertise .practice-stage-inner{transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(var(--ynb-drag,0px))}
#expertise .practice-neighbour{cursor:pointer;user-select:none}
#expertise .practice-selected{transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s,border-color .35s;background:#7D102833}
#expertise .practice-selected:hover{transform:scale(1.035);box-shadow:0 12px 45px #25030F55;border-color:#FFE3A5}
#expertise .practice-selected:active{transform:scale(.98)}
.dpdp .ynb-role-diagram{min-height:430px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 15%,#A22A47,#6B102A 66%,#430B1C);border-radius:28px;position:relative;overflow:hidden;color:#F8E8C5;box-shadow:0 24px 70px #51132719}
.dpdp .ynb-role-diagram:before{content:'';position:absolute;inset:15px;border:1px solid #E9C77F33;border-radius:19px;pointer-events:none}
.dpdp .ynb-diagram-eyebrow{font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.23em;color:#E9C77F;margin:0 0 20px;text-align:center}
.dpdp .ynb-role-card{width:min(100%,370px);display:flex;flex-direction:column;gap:7px;padding:19px 22px;background:#FFF9EE;border:1px solid #E9C77F;border-radius:16px;color:#14243B;box-shadow:0 8px 30px #2805102e;transition:transform .35s,box-shadow .35s}
.dpdp .ynb-role-card:hover{transform:translateY(-4px);box-shadow:0 15px 36px #28051044}
.dpdp .ynb-role-card strong{font:500 clamp(22px,2.4vw,29px)/1.2 Georgia,serif;color:#84142F}
.dpdp .ynb-role-card>span:last-child{font:14px/1.55 system-ui,sans-serif;color:#455062}
.dpdp .ynb-role-index{font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:#9D743A}
.dpdp .ynb-role-card-processor{background:#F1E2C5}
.dpdp .ynb-role-connector{display:flex;flex-direction:column;align-items:center;gap:0;color:#E9C77F;padding:10px 0 0}
.dpdp .ynb-role-connector span{font:600 9px/1.3 system-ui,sans-serif;letter-spacing:.12em}
.dpdp .ynb-diagram-footnote{font:12px/1.5 system-ui,sans-serif;color:#E7D3B2;margin-top:19px;text-align:center}
.dpdp-feature{background:#6B0C25!important;color:#FFF8EB!important}
.dpdp-feature>div:last-child{background:radial-gradient(circle at center,#B84359,#871431 57%,#5D0B23)!important}
.dpdp-feature>div:last-child>div{border-color:#E9C77F!important;box-shadow:0 0 0 30px #E9C77F24,0 0 0 65px #E9C77F12!important}
nav .links a.pill{color:#FFF8ED!important}
@media(max-width:700px){#expertise.ynb-practices{min-height:640px;padding-top:60px;padding-bottom:60px}.dpdp .ynb-role-diagram{min-height:420px;padding:22px}.dpdp .ynb-role-card{padding:17px 18px}}
@media(prefers-reduced-motion:reduce){#expertise .practice-selected,.dpdp .ynb-role-card{transition:none!important}}