/* Agents visual calibration: preserves content and shell, aligns the approved AI Gateway baseline. */
.agents-main{max-width:1570px;padding:0 56px;column-gap:48px}
.agents-sidebar{top:64px;width:180px;height:calc(100vh - 64px);padding:95px 0 48px}
html.agents-route .agents-sidebar .ag-sb__item{display:flex;align-items:center;min-height:38px;padding:10px 0;font-size:13px;line-height:1.25;font-weight:500;color:#64748b;border-left:2px solid transparent}
html.agents-route .agents-sidebar .ag-sb__item.is-active{color:#111827!important;background:#fef9e7;border-left-color:#f5b800;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px;border-radius:0 6px 6px 0}
html.agents-route .agents-sidebar .agents-sb-label{display:block!important;color:inherit!important;font-size:13px!important;line-height:1.25!important;visibility:visible!important;opacity:1!important}
.agents-overview{padding:72px 0 48px}
.agents-overview h1{font-size:42px;line-height:1.08;font-weight:700;letter-spacing:-.03em}
.agents-overview h1{font-size:30px;line-height:1.15;letter-spacing:-.025em}
.agents-overview p{font-size:16px;line-height:1.6;max-width:760px}
.agents-section{padding:72px 0}
.agents-section h2,.agents-final h2{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
.agents-section__desc,.agents-final p{font-size:15px;line-height:1.6}
.agents-btn{padding:10px 20px;font-size:14px;border-radius:8px}
.agents-block{padding:20px;min-height:132px}
.agents-block h3,.agents-step h3{font-size:15px}
.agents-block p,.agents-step p,.agents-dev-point p,.agents-trace p{font-size:14px;line-height:1.55}
.agents-block-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.agents-runtime{display:block}
.agents-runtime__flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:none;align-items:stretch}
.agents-runtime__node{position:relative;display:block;min-height:86px;padding:16px 14px}
.agents-runtime__label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}
.agents-runtime__node p{font-size:12px;line-height:1.4;color:#65758a;margin:0}
.agents-runtime__arrow{position:absolute;right:-11px;top:50%;color:#aab6c4;font-size:17px;z-index:1}
.agents-trace{margin-top:14px;border-left:2px solid #f5b800;background:#fff;padding:12px 18px}
@media(max-width:900px){.agents-block-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.agents-runtime__flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.agents-block-grid--four{grid-template-columns:1fr}.agents-runtime__flow{grid-template-columns:1fr}.agents-runtime__node{min-height:auto}.agents-runtime__arrow{right:auto;top:auto;bottom:-13px;left:50%;transform:rotate(90deg)}}