.dev-teams{padding-top:40px}.dev-workbench{border:1px solid #3a4358;border-radius:8px;background:#101620;overflow:hidden}.dev-toolbar{display:flex;align-items:center;justify-content:space-between;padding:27px 30px;gap:25px;border-bottom:1px solid #2c384e}.dev-toolbar .eyebrow{font-size:10px;color:#879cc5}.dev-toolbar h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:10px 0 0;line-height:1.4}.dev-tools{display:flex;gap:5px;padding:4px;border:1px solid #384660;border-radius:6px;flex-shrink:0}.dev-tools button{padding:9px 15px;border:0;border-radius:4px;background:none;color:#8094b3;font-size:12px}.dev-tools button[aria-pressed=true]{background:#344d85;color:#e5edff}.dev-stages{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #35445f;background:#0b1320}.dev-stages button{background:transparent;border:0;border-bottom:2px solid transparent;color:#738aa9;font-size:12px;line-height:1.6;padding:23px 10px;text-align:center;position:relative}.dev-stages button+button{border-left:1px solid #24334b}.dev-stages button>span{display:block;margin-bottom:10px;font:10px var(--mono);color:#5c7ca8}.dev-stages button[aria-selected=true]{color:#dce8ff;border-bottom-color:#7ba4ff;background:#1b2e4d}.dev-stages button[aria-selected=true]>span{color:#9ab9f2}.dev-stages button:hover{background:#17243b}.dev-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px;min-height:340px}.dev-practice-copy>.eyebrow{font-size:10px;color:#7d9fce}.dev-practice-copy h4{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:14px 0 16px}.dev-practice-copy>p{font-size:15px;color:#97acc9;line-height:1.8;margin:0}.dev-practice-effect{border-left:0;padding-left:0;margin-top:22px}.dev-practice-effect>span{font:9px var(--mono);color:#749bd0}.dev-practice-effect>p{font-size:13px;color:#b0c7e5;line-height:1.7;margin:8px 0 0}.dev-artifact{border:1px solid #344861;background:#0b1522;border-radius:6px;min-width:0;align-self:start}.dev-artifact>div{display:flex;justify-content:space-between;padding:15px 17px;background:#1a293e;border-bottom:1px solid #354860;gap:15px}.dev-artifact .mono{font-size:9px;overflow-wrap:anywhere;color:#9eb7dc}.dev-artifact .mono:last-child{font-size:8px;color:#5f7fa8}.dev-artifact pre{font:12px/1.9 var(--mono);color:#b0c8e8;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;margin:0}.dev-artifact>a{font-size:10px;display:block;margin:0 20px 20px;color:#719bcf}.dev-human{display:flex;align-items:center;gap:17px;border-top:1px solid #2d405b;background:#172338;padding:21px 30px}.dev-human>span{font-size:26px;color:#adbcd6}.dev-human p{font-size:13px;color:#97b1d3;line-height:1.8;margin:0}.dev-human strong{font-weight:500;color:#d5e2f5}.dev-delivery{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center;margin-top:28px}.dev-delivery .mono{font-size:9px;color:#7c96bb}.dev-delivery p{font-size:13px;line-height:1.8;color:#97accb;margin:10px 0 0}.dev-delivery>a{font-size:13px;color:#b6cef3;border-bottom:1px solid #466086;padding-bottom:12px}.dev-sources{font-size:11px;color:#627b9d;line-height:1.8;margin:25px 0 0}.dev-sources a{color:#91afd7;text-decoration:underline;text-underline-offset:3px}@media(max-width:1000px){.dev-delivery{grid-template-columns:1fr 1fr}.dev-delivery>a{grid-column:1/-1;justify-self:start}.dev-detail{padding:27px;gap:25px}.dev-toolbar h3{font-size:20px}.dev-practice-copy h4{font-size:25px}.dev-practice-copy>p{font-size:14px}}@media(max-width:760px){.dev-teams{padding-top:15px}.dev-toolbar{padding:22px 18px;display:block}.dev-toolbar h3{font-size:22px}.dev-tools{width:max-content;margin-top:20px}.dev-tools button{font-size:12px}.dev-stages{grid-template-columns:repeat(5,minmax(116px,1fr));overflow-x:auto;scrollbar-width:thin}.dev-stages button{font-size:11px;padding:17px 9px}.dev-detail{grid-template-columns:1fr;padding:24px 18px;gap:24px;min-height:0}.dev-practice-copy h4{font-size:25px}.dev-practice-copy>p{font-size:15px}.dev-artifact pre{font-size:11px;padding:16px}.dev-artifact>div{padding:13px}.dev-artifact .mono{font-size:8px}.dev-artifact .mono:last-child{display:none}.dev-human{padding:18px;gap:12px;align-items:start}.dev-human p{font-size:12px}.dev-delivery{grid-template-columns:1fr;gap:23px}.dev-delivery>a{font-size:12px}.dev-sources{font-size:10px}header nav a[href="#dev-teams"]{display:block}header nav a[href="#hermes"]{display:none}}
@media(max-width:640px){header{gap:12px}header nav{gap:13px}header nav a[href="#workflows"]{display:none}header .brand{font-size:24px}}
