:root{--agent-purple:#5024f5;--agent-ink:#202027;--agent-muted:#73717e;--agent-line:#e6e3ee;--agent-soft:#f3f0ff}
.agent-picker{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:24px;align-items:start}.agent-menu{display:flex;flex-direction:column;gap:6px}.agent-menu button{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;color:var(--agent-ink);padding:14px 16px;font:inherit;cursor:pointer}.agent-menu button>span:first-child{font-size:11px;color:#a099af;font-weight:600}.agent-menu button>span:nth-child(2){flex:1}.agent-menu strong{display:block;font-size:14px;line-height:1.4;font-weight:650}.agent-menu small{display:block;font-size:10px;color:var(--agent-muted);margin-top:5px;line-height:1.4}.agent-menu i{font-style:normal;opacity:0;color:var(--agent-purple)}.agent-menu button[aria-selected=true]{background:white;border-color:#d7ccfa;box-shadow:0 3px 15px #3b196407}.agent-menu button[aria-selected=true] i{opacity:1}.agent-menu button[aria-selected=true] strong,.agent-menu button[aria-selected=true]>span:first-child{color:var(--agent-purple)}.agent-menu button:focus-visible{outline:3px solid #bba7ff;outline-offset:2px}.agent-detail{border:1px solid var(--agent-line);background:white;border-radius:14px;padding:28px 32px;min-width:0}.agent-topline{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px}.agent-number{font-size:12px;letter-spacing:1px;color:var(--agent-purple);font-weight:700}.agent-status{font-size:10px;font-weight:600;line-height:1.5;background:var(--agent-soft);color:#7050aa;padding:5px 9px;border-radius:5px}.agent-detail h2{font-size:25px;line-height:1.25;letter-spacing:-.75px;margin:0 0 10px}.agent-mission{font-size:17px;line-height:1.6;color:#686473;margin:0 0 16px}.agent-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.agent-tags span{font-size:10px;color:#756c89;border:1px solid #e8e3f0;border-radius:4px;padding:4px 7px}.agent-detail h3{font-size:10px;text-transform:none;letter-spacing:.2px;color:#8a8198;margin:0 0 9px;font-weight:600}.agent-work ul{padding:0 0 0 18px;margin:0 0 21px}.agent-work li{font-size:13px;line-height:1.75;color:#47424f;padding:0 0 5px}.agent-io{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:18px;border-top:1px solid #eeebf3}.agent-detail p{margin:0}.agent-io p,.agent-guard p,.agent-evidence p{font-size:12px;line-height:1.7;color:#6a6374}.agent-handoff{margin-top:22px;padding:13px 15px;border-radius:7px;background:#f7f5fd;display:flex;gap:15px;align-items:baseline}.agent-handoff span{font-size:10px;color:#8a8198;white-space:nowrap}.agent-handoff strong{font-size:12px;font-weight:600;color:#5c408b;line-height:1.5}.agent-guard{margin-top:20px}.agent-evidence{margin-top:17px;border-top:1px solid #eeebf3;padding-top:13px}.agent-evidence summary{font-size:11px;line-height:1.6;color:#7d728e;cursor:pointer}.agent-evidence p{padding-top:10px}.module-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card{border:1px solid var(--agent-line);border-radius:12px;background:white;padding:25px;min-width:0}.module-index{font-size:10px;letter-spacing:1px;color:#9b92aa;margin-bottom:18px}.module-card h3{margin:0 0 15px;font-size:25px;letter-spacing:-.6px;color:var(--agent-purple)}.module-card>strong{font-size:15px;font-weight:650;line-height:1.5;display:block}.module-card>p{font-size:13px;color:var(--agent-muted);line-height:1.7;margin:10px 0 20px}.module-agent{border-top:1px solid #eeebf3;padding-top:14px;color:#675b7b;font-size:11px;line-height:1.7}.module-agent span{display:block;font-size:9px;color:#9b92aa;margin-bottom:5px}.coordinator{border:1px solid #dcd3f9;background:#f3efff;padding:24px 28px;border-radius:12px;margin:26px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.coordinator h2{font-size:22px;letter-spacing:-.5px;margin:7px 0}.coordinator p{font-size:14px;line-height:1.7;color:#716385;margin:0}.coord-label{font-size:10px;font-weight:700;color:var(--agent-purple);letter-spacing:.6px}.team-disclosure{font-size:11px!important;color:#8b8297!important;line-height:1.7!important;margin:18px 0!important}.flow-example{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.flow-example article{padding:22px;background:white;border:1px solid var(--agent-line);border-radius:10px;position:relative}.flow-example article:not(:last-child):after{content:'→';position:absolute;right:-14px;top:28px;color:#ad9ed1;z-index:1}.flow-example small{font-size:10px;color:var(--agent-purple);font-weight:650}.flow-example h2{font-size:18px;letter-spacing:-.4px;margin:13px 0 10px}.flow-example p{font-size:13px;line-height:1.7;color:#746b80}.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.boundary-grid article{border-top:2px solid #dcd3f9;padding:18px 0}.boundary-grid h2{font-size:17px;margin:0 0 9px}.boundary-grid p{font-size:13px;color:#7d7487;line-height:1.7}.preview-notice{background:#26212f;color:#eee8fb;font-size:10px;line-height:1.6;padding:9px 24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.preview-notice a{color:#d1bfff}.presentation-header .header-context{font-size:12px}
@media(max-width:1000px){.module-deck{grid-template-columns:repeat(2,1fr)}.agent-picker{grid-template-columns:230px minmax(0,1fr);gap:15px}.agent-detail{padding:24px}.flow-example{grid-template-columns:repeat(2,1fr)}.flow-example article:after{display:none}}
@media(max-width:700px){.agent-picker{display:block}.agent-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.agent-menu button{padding:11px 9px;gap:7px;border-color:#ece8f2;background:#fbfafe}.agent-menu strong{font-size:11px}.agent-menu small{font-size:9px}.agent-menu i{display:none}.agent-menu button>span:first-child{font-size:10px}.agent-detail{padding:22px 20px}.agent-detail h2{font-size:23px}.agent-mission{font-size:15px}.agent-io,.coordinator,.boundary-grid{grid-template-columns:1fr}.agent-handoff{display:block}.agent-handoff span{display:block;margin-bottom:6px}.module-deck{grid-template-columns:1fr}.flow-example{grid-template-columns:1fr}.coordinator{padding:22px}.flow-example article{padding:20px}.preview-notice{padding:8px 14px;text-align:center}}