.ag-hero{display:flex;align-items:center;gap:18px;margin:28px 0 22px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(135deg,color-mix(in srgb,var(--pc,#EFB21F) 18%,transparent),transparent 70%)}
.ag-hero .mono{flex:0 0 auto;width:64px!important;height:64px!important}
.ag-hero h1{margin:0;line-height:1.1}
.ag-n{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.ag-n span{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--mut)}
.ag-n b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;color:var(--fg,#F5F5F7)}
.ag-sec{margin:0 0 34px}.ag-sec h2{margin:0 0 12px}
.ag-pg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ag-pg .pblk{margin:0}.ag-pc{display:flex;flex-direction:column;gap:6px;min-width:0}
.ag-pc a{font-size:14px;font-weight:600;line-height:1.35}
.ag-more{font-size:15px;color:var(--mut)}.ag-more a{margin-right:14px}
.ag-ix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 34px}
.ag-t{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:inherit;text-decoration:none;border-top:3px solid var(--pc,#EFB21F)}
.ag-t:hover{border-color:var(--pc,#EFB21F)}
.ag-t .mono{width:44px!important;height:44px!important}
.ag-t b{font-size:18px}.ag-t .ag-c{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;line-height:1;color:var(--pc,#EFB21F)}
.ag-t small{color:var(--mut);font-size:14px}
@media(max-width:1000px){.ag-ix{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-pg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ag-ix{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-pg{grid-template-columns:1fr}.ag-hero{padding:16px}}
