/* JDQPS final owner closure — responsibility is shared across the operating system.
   Original labels, grid, dimensions and Burgundy surface remain unchanged.
   Each existing role owns its encounter; mobile follows the stacked roles rather
   than completing an unseen desktop-wide sequence above the visitor. */
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility,
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div{
 position:relative;
}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::before,
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::after{
 content:"";position:absolute;pointer-events:none;background:var(--ivory,#F4EFE6);opacity:0;
}
/* SIGNAL becomes an interface on the existing top boundary. */
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::before{
 inset:0 0 auto 0;height:2px;transform:scaleX(.045);transform-origin:50% 50%;
}
/* CONNECTION follows the cell edge, never crossing the role or its description. */
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::after{
 inset:0 auto 0 0;width:2px;background:var(--amber,#D89A32);transform:scaleY(0);transform-origin:top;
}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility::after{
 content:"";position:absolute;inset:0;border:1px solid var(--amber,#D89A32);pointer-events:none;opacity:0;
}
html:not(.v234-entry-pending):not([data-jdqps-a11y-motion="reduced"]) body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div[data-p5-arrived]::before{
 animation:p10RoleInterface 6.8s cubic-bezier(.22,.68,.2,1) var(--p10-role-delay,0s) both;
 animation-play-state:var(--p5-play,paused);
}
html:not(.v234-entry-pending):not([data-jdqps-a11y-motion="reduced"]) body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div[data-p5-arrived]::after{
 animation:p10RoleHandoff 6.8s cubic-bezier(.22,.68,.2,1) var(--p10-role-delay,0s) both;
 animation-play-state:var(--p5-play,paused);
}
/* RESOLUTION: the last visible role completes one shared organizational frame.
   :has has a graceful static fallback: all six role encounters still operate. */
html:not(.v234-entry-pending):not([data-jdqps-a11y-motion="reduced"]) body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility:has(>div:last-child[data-p5-arrived])::after{
 animation:p10SharedResponsibility 3.4s ease-in-out 4.8s both;
 animation-play-state:var(--p5-play,paused);
}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div:nth-child(2){--p10-role-delay:.22s}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div:nth-child(3){--p10-role-delay:.44s}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div:nth-child(4){--p10-role-delay:.66s}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div:nth-child(5){--p10-role-delay:.88s}
body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div:nth-child(6){--p10-role-delay:1.1s}
@keyframes p10RoleInterface{
 0%{opacity:0;transform:scaleX(.045)}
 12%{opacity:.8;transform:scaleX(.045)}
 46%{opacity:.65;transform:scaleX(1)}
 72%{opacity:.45;transform:scaleX(1)}
 100%{opacity:.1;transform:scaleX(1)}
}
@keyframes p10RoleHandoff{
 0%,30%{opacity:0;transform:scaleY(0)}
 66%{opacity:.72;transform:scaleY(1)}
 100%{opacity:.14;transform:scaleY(1)}
}
@keyframes p10SharedResponsibility{
 0%{opacity:0}48%{opacity:.55}100%{opacity:.16}
}
@media(max-width:800px){
 /* A vertical seam carries the mobile story down the original stacked grid.
    Each role starts only when that role itself is meaningfully in view. */
 body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div:nth-child(n){--p10-role-delay:0s}
 body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::before{transform-origin:left}
}
html[data-jdqps-a11y-motion="reduced"] body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::before,
html[data-jdqps-a11y-motion="reduced"] body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility>div::after{
 animation:none!important;opacity:0;
}
html[data-jdqps-a11y-motion="reduced"] body[data-version="v2"][data-route="organizations"] #app .p10-org-responsibility::after{
 animation:none!important;opacity:.16;
}