.system-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;align-items:stretch}
.hero .chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1100px}
.hero .chip{display:flex;align-items:center;justify-content:center;min-height:54px;text-align:center;border-color:#e1d6e5;border-top:3px solid #7e3f8f;background:#fcf9fd}
.hero .chip:nth-child(3n + 2){border-top-color:#c7237e}.hero .chip:nth-child(3n){border-top-color:#e89a3b}
main .grid .card{border-radius:14px;height:100%}
main .callout{border-radius:14px}
.org{gap:12px;margin:36px auto;max-width:900px}
.org-row{display:flex;gap:12px;width:100%;justify-content:center}
.org-row .role{flex:0 1 220px;min-width:0;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #decde5;border-top:3px solid #7e3f8f;border-radius:13px;background:#fcf9fd}
.org-row:nth-child(2) .role{border-top-color:#c7237e;background:#fffafd}
.org-row:nth-child(3) .role{border-top-color:#e89a3b;background:#fffaf4}
.org-row:nth-child(4) .role{border-top-color:#ef6e6e;background:#fffafa}
.org-row .role small{margin-top:4px}
.role-description-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.role-description-grid .card{grid-column:span 2;min-height:185px;border-top:4px solid #7e3f8f;background:#fff}
.role-description-grid .card:nth-child(2),.role-description-grid .card:nth-child(5){border-top-color:#c7237e}
.role-description-grid .card:nth-child(3){border-top-color:#e89a3b}
.role-description-grid .card:nth-child(4){border-top-color:#ef6e6e}
.role-description-grid .card:nth-child(4){grid-column:2 / span 2}.role-description-grid .card:nth-child(5){grid-column:4 / span 2}
.org + .tabs .tab{min-width:155px;min-height:46px;border-radius:10px;text-align:center}
#jobdesc .card{border-radius:14px;border-left:5px solid #7e3f8f;background:#fcf9fd;padding:27px}
.table-wrap .tag{display:inline-flex;align-items:center;justify-content:center;width:148px;min-width:148px;height:52px;padding:6px 10px;text-align:center;white-space:normal;line-height:1.25;border-radius:10px;vertical-align:middle}
.messy-middle .grid .card{min-height:180px;border-radius:18px;border-top:5px solid #7e3f8f;background:#fcf9fd}
.messy-middle .grid .card:nth-child(2){border-top-color:#e89a3b;background:#fffaf4}
.messy-middle .grid .card:nth-child(3){border-top-color:#c7237e;background:#fff8fc}
.messy-middle .callout{border-radius:18px;background:#f9f2fb}
.spreadsheet-resource{background:linear-gradient(130deg,#fbf7fc,#fff 70%);padding-left:clamp(22px,4vw,55px);padding-right:clamp(22px,4vw,55px);border-radius:18px}
.prompt-resource{max-width:1080px;border:1px solid #d9c5e2;border-radius:15px;background:white;overflow:hidden;margin-top:25px}
.prompt-resource summary{cursor:pointer;padding:20px 24px;font-weight:800;color:#653073;list-style:none;display:flex;justify-content:space-between;gap:15px}
.prompt-resource summary::-webkit-details-marker{display:none}.prompt-resource summary:focus-visible{outline:3px solid #7e3f8f;outline-offset:-3px}
.prompt-resource[open] summary span{transform:rotate(180deg)}
.prompt-body{padding:0 24px 24px}.prompt-body p{font-weight:700}.prompt-body textarea{display:block;width:100%;min-height:270px;resize:vertical;padding:18px;border:1px solid #decde5;border-radius:11px;background:#fcf9fd;font:inherit;color:#172033;line-height:1.55}
.prompt-body button{margin-top:16px;padding:12px 20px;background:#7e3f8f;color:#fff;border:0;border-radius:10px;font:700 1rem "DM Sans",sans-serif;cursor:pointer}
.prompt-body button:focus-visible{outline:3px solid #c7237e;outline-offset:3px}.prompt-body #staff-prompt-status{margin-left:14px;color:#653073;font-weight:700}
.lab-status .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;overflow:visible}
.lab-status .flow .arrow{display:none}
.lab-status .flow .node{display:flex;align-items:center;justify-content:center;min-width:0;min-height:90px;padding:18px;border:1px solid #decde5;border-top:4px solid #7e3f8f;border-radius:14px;background:#fcf9fd;font-size:1.1rem}
.lab-status .flow .node{background:#fff}
.lab-status .flow .node:nth-child(1){border-top-color:#ef6e6e}
.lab-status .flow .node:nth-child(3){border-top-color:#e89a3b}
.lab-status .flow .node:nth-child(5){border-top-color:#7e3f8f}
.lab-status .flow .node:nth-child(7){border-top-color:#179b8f}
.lab-status .flow .node:nth-child(9){border-top-color:#2952a4}
.lab-status .flow .node:nth-child(11){border-top-color:#c7237e}
@media(max-width:650px){.lab-status .flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
.system-step{min-width:0;border:1px solid #d9c5e2;border-top:4px solid #7e3f8f;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 9px 25px rgba(72,38,80,.05)}
.system-step:nth-child(3n + 2){border-top-color:#c7237e}.system-step:nth-child(3n){border-top-color:#e89a3b}
.system-step summary{min-height:176px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;list-style:none}
.system-step summary::-webkit-details-marker{display:none}
.system-step summary:focus-visible{outline:3px solid #7e3f8f;outline-offset:-5px}
.system-step .step-number{font:700 2.1rem/1 Georgia,serif;color:#7e3f8f}
.system-step summary strong{font:700 clamp(1.25rem,1.6vw,1.55rem)/1.2 "Playfair Display",Georgia,serif;margin:12px 0;color:#172033}
.system-step .step-toggle{font-size:.81rem;font-weight:800;letter-spacing:.04em;color:#713981;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.system-step .step-toggle:after{content:"  ↓"}.system-step[open] .step-toggle{font-size:0}.system-step[open] .step-toggle:before{content:"Close the back  ↑";font-size:.81rem}
.system-step[open] .step-toggle:after{content:none}
.system-step .step-back{border-top:1px solid #e6d9eb;padding:18px 22px 23px;font-size:1rem;line-height:1.55;color:#344054;background:#fbf7fc}
@media(max-width:850px){.system-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.hero .chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.role-description-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-description-grid .card,.role-description-grid .card:nth-child(4),.role-description-grid .card:nth-child(5){grid-column:auto}}
@media(max-width:560px){.system-flow{grid-template-columns:1fr}.system-step summary{min-height:145px}.hero .chips{grid-template-columns:1fr 1fr}.role-description-grid{grid-template-columns:1fr}.org-row{flex-wrap:wrap}.org-row .role{flex-basis:min(100%,220px)}}