/* Agent library page. Uses only the site design tokens from site-*.css (:root variables). */
html{scroll-padding-top:96px}
.agents-head .wrap{grid-template-columns:minmax(0,1fr)}
.agents-head .lede{max-width:none}

/* Stat bar: four equal cells, centred, fluid */
.agstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.agstats>div{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:var(--s2);padding:var(--s5) clamp(8px,1.5vw,20px)}
.agstats>div+div{border-left:1px solid var(--line)}
.agstats dd{margin:0;font-size:clamp(32px,5.2vw,56px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.agstats dt{font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
@media(max-width:640px){
 .agstats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .agstats>div:nth-child(odd){border-left:0}
 .agstats>div:nth-child(n+3){border-top:1px solid var(--line)}
}

/* Featured */
.ag-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);list-style:none;margin:0;padding:0}
.ag-card{display:flex;flex-direction:column;gap:var(--s2);height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--s5)}
.ag-card h3{font-size:18px;line-height:1.25}
.ag-card p{margin:0;color:var(--slate);font-size:14.5px}
.ag-card .chip{align-self:flex-start;margin-top:auto}
@media(max-width:960px){.ag-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ag-feat{grid-template-columns:minmax(0,1fr)}}

/* Controls */
.ag-bar{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ag-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);padding-top:var(--s4);padding-bottom:var(--s4)}
.js .ag-bar{position:sticky;top:var(--nav-h);z-index:5}
@media(max-width:860px),(max-height:620px){.js .ag-bar{position:static}}
.ag-seg{display:inline-flex;background:var(--stone);border-radius:var(--r-pill);padding:4px}
.ag-seg button{font:400 14px/1 var(--f-sans);min-height:44px;padding:0 var(--s5);border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer}
.ag-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.ag-search{flex:1 1 220px;min-width:0}
.ag-search input{width:100%;min-height:44px;font:400 15px/1.2 var(--f-sans);color:var(--ink);padding:0 var(--s5);border:1px solid var(--slate);border-radius:var(--r-pill);background:#fff}
.ag-sw{display:inline-flex;align-items:center;gap:var(--s3);min-height:44px;padding:0 var(--s2);border:0;background:transparent;color:var(--ink);font:400 14px/1 var(--f-sans);cursor:pointer;white-space:nowrap}
.ag-sw-track{position:relative;width:44px;height:26px;border-radius:var(--r-pill);background:var(--slate);transition:background var(--dur-micro) linear;flex:none}
.ag-sw-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--dur-micro) linear}
.ag-sw[aria-checked=true] .ag-sw-track{background:var(--signal)}
.ag-sw[aria-checked=true] .ag-sw-knob{transform:translateX(18px)}
.ag-count{margin:var(--s5) 0 var(--s3)}

/* Panels and groups */
.js .ag-panel[hidden]{display:none}
.ag-panel>h2{font-size:clamp(22px,2.4vw,30px);margin:var(--s6) 0 var(--s4)}
.ag-groups{border-top:1px solid var(--line)}
.ag-group{border-bottom:1px solid var(--line)}
.ag-group>summary,.ag>details>summary{list-style:none;cursor:pointer}
.ag-group>summary::-webkit-details-marker,.ag>details>summary::-webkit-details-marker{display:none}
.ag-group>summary{display:grid;grid-template-columns:minmax(0,1fr) 96px 88px 20px;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s3) var(--s1)}
.ag-group>summary h3{font-size:clamp(18px,2vw,22px);line-height:1.2}
.ag-n{justify-self:end;width:96px;text-align:center;background:var(--stone);border-radius:var(--r-pill);padding:4px 0;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.ag-l{width:88px;font-size:13px;color:var(--verified);display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.ag-l::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.ag-l:empty{visibility:hidden}
.ag-group>summary::after,.ag>details>summary .ag-chev{content:"";width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);justify-self:center;transition:transform var(--dur-micro) linear}
.ag-group[open]>summary::after{transform:rotate(-135deg)}
.ag-list{list-style:none;margin:0;padding:0 0 var(--s5)}
.ag{margin-top:var(--s2)}
.ag>details{background:#fff;border:1px solid var(--line);border-radius:var(--r-control)}
.ag>details>summary{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;gap:var(--s4);align-items:start;min-height:48px;padding:14px var(--s4)}
.ag-nm{font-weight:500}
.ag-tag{display:inline-block;margin-left:var(--s2);font:500 11px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.ag-ds{color:var(--slate);font-size:14.5px}
.chip .dot.hollow{background:transparent;border:1.5px solid currentColor}
.ag-det{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin:0;padding:var(--s4) var(--s4) var(--s5);border-top:1px solid var(--line)}
.ag-det dt{font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:var(--s1)}
.ag-det dd{margin:0;font-size:15px}
.ag-empty{padding:var(--s7) 0;text-align:center;color:var(--slate)}
@media(max-width:860px){
 .ag>details>summary{grid-template-columns:minmax(0,1fr) auto}
 .ag-ds{grid-column:1/-1;order:3}
 .ag-det{grid-template-columns:minmax(0,1fr)}
 .ag-group>summary{grid-template-columns:minmax(0,1fr) 84px 76px 16px}
 .ag-n{width:84px}.ag-l{width:76px}
}
@media(max-width:420px){.ag-group>summary{grid-template-columns:minmax(0,1fr) 76px 16px}.ag-group>summary h3{grid-column:1;grid-row:1}.ag-n{width:76px;grid-column:2;grid-row:1}.ag-group>summary::after{grid-column:3;grid-row:1}.ag-l{grid-column:1;grid-row:2;width:auto}.ag-l:empty{display:none}}
@media(forced-colors:active){.ag-seg button[aria-pressed=true],.ag-sw[aria-checked=true] .ag-sw-track{outline:2px solid CanvasText}}