html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities{position:relative;isolation:isolate;background:#f4f5f7;padding:110px 0 100px}
#responsibilities:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/conversation/bg.png') center/cover;opacity:.1;filter:grayscale(1);pointer-events:none}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities>.container{width:calc(100% - 48px);max-width:1300px;margin:auto;padding:0}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-heading{display:block;max-width:none;text-align:center;margin:0 0 60px}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-eyebrow{display:inline-flex;align-items:center;gap:8px;background:white;border:4px solid #f9fafc;box-shadow:0 0 0 1px #e6e7e9;border-radius:33px;padding:2px 10px;color:#495057;font-size:14px;font-weight:400;letter-spacing:0;margin:0 0 18px}
#responsibilities .p9-eyebrow:before{content:"";width:18px;height:18px;flex:none;background:url('../../img/global-presence/badge.svg') center/contain no-repeat}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities h2{max-width:none;margin:0 0 16px;font-size:clamp(30px,3vw,48px);font-weight:400;line-height:1.2;letter-spacing:-2.4px}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-intro{max-width:740px;margin:auto;font-size:14px;line-height:25.2px;color:#000000a6}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid article{position:relative;isolation:isolate;min-width:0;min-height:500px;padding:74px clamp(24px,5.2vw,100px) 60px;border:1px solid #0000001a;border-radius:32px;background:#ededee;overflow:hidden}
#responsibilities .p9-role-grid article:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../../img/global-presence/texture.png') 0 0/16.8px;opacity:.05;pointer-events:none}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid article:nth-child(2){background:linear-gradient(#a7cce780,#a7cce780),url('../img/paas-ownership/blue.png') center/cover}
#responsibilities .p9-role-grid article:nth-child(2):before{display:none}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid header{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:4px;padding:32px;min-height:116px;box-sizing:border-box;border:0;border-radius:14px;background:#fff;transform:rotate(-4deg);margin:0 0 54px;box-shadow:0 6px 12px #3b3b3b0a}
#responsibilities .p9-role-grid header:before{content:"";position:absolute;inset:20px;background:#f3f5f8;border-radius:16px;z-index:-1}
#responsibilities .p9-role-grid header:after{content:"";position:absolute;inset:22px -18px -22px 18px;background:#d7d7d999;border-radius:16px;transform:rotate(6.24deg);z-index:-2}
#responsibilities .p9-role-grid article:nth-child(2) header:after{background:#a0c8e1}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid h3{order:-1;font-size:20px;line-height:1.35;font-weight:500;color:#000000d9;margin:0}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-label{font-size:14px;line-height:22px;color:#00000073;font-weight:400;letter-spacing:0;text-transform:none;margin:0}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid ul{display:grid;gap:16px;margin:0;padding:0;border:0;list-style:none}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid li{position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 12px;border-radius:16px;background:#ffffffcc;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 3px 6px #003d7608;font-size:12px;line-height:1.4;color:#000000a6;box-sizing:border-box;overflow-wrap:anywhere}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid li:before{content:"";position:static;display:block;flex:0 0 32px;width:32px;height:32px;border:1px solid #e2e2e2;border-radius:10px;background:url('../img/paas-ownership/platform.svg') center/16px 16px no-repeat}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid article:nth-child(2) li:before{background-image:url('../img/paas-ownership/team.svg')}
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-note{text-align:center;margin:24px auto 0;max-width:1000px;font-size:12px;color:#667185}
@media(max-width:1100px){html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid article{padding:64px 32px 40px}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities h2{letter-spacing:-1.4px}}
@media(max-width:760px){html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities{padding:64px 0}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities>.container{width:calc(100% - 32px)}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid{grid-template-columns:minmax(0,1fr);gap:20px}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid article{min-height:0;padding:54px 28px 36px}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-heading{margin-bottom:36px}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid header{margin-bottom:46px;padding:30px 26px}html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid li{font-size:13px}}

/* Figma 694:1934 / 703:2293: separate front surface from backing card. */
html body:is([data-page="botlab"],[data-page="aicc"]) #responsibilities .p9-role-grid header{background:transparent;padding:20px;box-shadow:none}
#responsibilities .p9-role-grid header:before{inset:0;background:#fff;border-radius:14px;box-shadow:0 1px 1px #3b3b3b0a,0 3px 3px #3b3b3b08,0 6px 4px #3b3b3b05,0 11px 4px #3b3b3b03,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
#responsibilities .p9-role-grid header:after{inset:22px -18px -17px 9px}
#responsibilities .paas-role-heading{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:76px;padding:12px;box-sizing:border-box;border-radius:16px;background:#f3f5f8}
#responsibilities:before{left:3.9%;right:8%;background-position:center bottom;background-size:100% 100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
html body[data-page="botlab"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(1):before{background-image:url('../img/paas-ownership/runtime.svg')}
html body[data-page="botlab"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(2):before{background-image:url('../img/paas-ownership/execution.svg')}
html body[data-page="botlab"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(3):before{background-image:url('../img/paas-ownership/diagnostics.svg')}
html body[data-page="botlab"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(1):before{background-image:url('../img/paas-ownership/model-rules.svg')}
html body[data-page="botlab"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(2):before{background-image:url('../img/paas-ownership/connections.svg')}
html body[data-page="botlab"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(3):before{background-image:url('../img/paas-ownership/release.svg')}

/* AICC responsibility icons: match each duty while retaining existing stroke and size. */
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(1):before{background-image:url('../img/paas-ownership/aicc-goals.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(2):before{background-image:url('../img/paas-ownership/aicc-permissions.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(3):before{background-image:url('../img/paas-ownership/aicc-knowledge.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(4):before{background-image:url('../img/paas-ownership/aicc-compliance.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(1) li:nth-child(5):before{background-image:url('../img/paas-ownership/aicc-decisions.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(1):before{background-image:url('../img/paas-ownership/aicc-audience.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(2):before{background-image:url('../img/paas-ownership/aicc-channels.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(3):before{background-image:url('../img/paas-ownership/aicc-escalation.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(4):before{background-image:url('../img/paas-ownership/aicc-quality.svg')}
html body[data-page="aicc"] #responsibilities .p9-role-grid article:nth-child(2) li:nth-child(5):before{background-image:url('../img/paas-ownership/aicc-optimization.svg')}