.public-roles{margin:0 5% 45px;border-top:1px solid #88928f}
.public-role{border-bottom:1px solid #88928f;scroll-margin-top:140px}
.public-role summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:23px 15px;transition:background .2s}
.public-role summary::-webkit-details-marker{display:none}
.public-role summary:hover,.public-role[open] summary{background:var(--role-color)}
.role-number{font:italic 30px Garamond,Georgia;width:45px}
.public-role h2{font:700 clamp(24px,3.4vw,48px)/1 Inter;letter-spacing:-1.8px;margin:0}
.role-open{margin-left:auto;font-size:27px}.public-role[open] .role-open{transform:rotate(90deg)}
.public-role-content{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:30px 15px 35px 85px}
.public-role-content h3{font:italic 39px/1 Garamond,Georgia;max-width:360px;margin:0}
.public-role-content p,.public-role-content li{font:14px/1.6 Inter}.public-role-content ul{padding:0 0 0 18px;margin:18px 0 23px}
.public-role-content a{font:12px Inter;text-decoration:underline;text-underline-offset:5px}
.public-role summary:focus-visible{outline:2px solid #573489;outline-offset:3px}
@media(max-width:650px){.public-roles{margin:0 20px 30px}.public-role summary{padding:21px 8px;gap:12px}.role-number{width:25px;font-size:23px}.public-role h2{font-size:26px;letter-spacing:-1px}.public-role-content{display:block;padding:22px 8px 30px}.public-role-content h3{font-size:34px;margin-bottom:20px}.public-role-content p,.public-role-content li{font-size:13px}}