.ag{margin-top:var(--space-5);padding-bottom:var(--space-5)}.ag-page code{font-size:var(--type-secondary);color:var(--ink)}.ag-topline{justify-content:space-between;align-items:center;gap:0 var(--space-5);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.mock-intro .ag-topline .eyebrow{margin:0}.ag-access{justify-content:flex-end;align-items:center;gap:0 var(--space-5);flex-wrap:wrap;min-height:44px;display:flex}.ag-access .ag-link{align-items:center;min-height:44px;display:inline-flex}.ag-access-state{color:var(--muted-ink);font-size:var(--type-meta)}.ag-filters .ds-field{flex:0 0 280px}.ag-filters{gap:var(--space-3) var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.ag-tile:focus-visible,.ag-link:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.ag-status{margin:var(--space-3) 0 0;color:var(--muted-ink);font-size:var(--type-meta)}.ag-collection{margin-top:var(--space-6)}.ag-kicker{margin:0 0 var(--space-1);color:var(--signal);font-size:var(--type-meta);line-height:1.5}.ag-empty-group{margin:var(--space-4) 0 0;padding:var(--space-4);border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted-ink);font-size:var(--type-secondary)}.ag-collection-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.ag-collection h2{font-family:var(--font-heading);font-weight:400;font-size:var(--type-h3);letter-spacing:-.01em;color:var(--ink);margin:0}.ag-collection-text{margin:var(--space-2) 0 0;max-width:62ch;color:var(--muted-ink);font-size:var(--type-secondary);line-height:1.5}.ag-link{color:var(--ink);font-size:var(--type-secondary);text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s,text-decoration-thickness .2s}.ag-link:hover{color:var(--signal);text-decoration-thickness:2px}.ag-grid{margin:var(--space-4) 0 0;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));padding:0;list-style:none;display:grid}.ag-grid>li{min-width:0;display:flex}.ag-tile{gap:var(--space-1);box-sizing:border-box;width:100%;padding:var(--space-3);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);flex-direction:column;text-decoration:none;transition:border-color .2s;display:flex}.ag-tile:hover{border-color:var(--muted-ink)}.ag-thumb{aspect-ratio:16/9;margin-bottom:var(--space-2);background:var(--palette-charcoal);border-radius:var(--radius-sm);display:block;overflow:hidden}.ag-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.ag-thumb.has-image img{object-fit:contain;object-position:center}.ag-type{color:var(--signal);font-size:var(--type-meta);line-height:1.5}.ag-title{font-family:var(--font-heading);letter-spacing:-.005em;font-size:18px;line-height:1.25}.ag-cap{color:var(--muted-ink);font-size:var(--type-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.ag-meta{padding-top:var(--space-2);align-items:center;gap:var(--space-1);color:var(--muted-ink);font-size:var(--type-meta);margin-top:auto;display:inline-flex}.ag-empty{margin:var(--space-6) 0 0;color:var(--muted-ink)}.ag-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.ag-crumb{color:var(--muted-ink);font-size:var(--type-meta);margin:0}.ag-viewer{gap:var(--space-6);margin-top:var(--space-5);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.ag-stage{min-width:0}.ag-stage-img{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--palette-charcoal);width:100%;height:auto;display:block}.ag-stage .locked-artifact{max-width:none;margin:0}.ag-sources{gap:var(--space-2);margin:var(--space-3) 0 0;font-size:var(--type-secondary);flex-direction:column;display:flex}.ag-sources a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:3px}.ag-sources a:hover{color:var(--signal)}.ag-eyebrow{margin:0 0 var(--space-1);color:var(--signal);font-size:var(--type-meta);line-height:1.5}.ag-side h2{font-family:var(--font-heading);font-weight:400;font-size:var(--type-h3);letter-spacing:-.01em;color:var(--ink);margin:0;line-height:1.25}.ag-side h2:focus{outline:none}.ag-side h2:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.ag-lead{margin:var(--space-2) 0 0;color:var(--muted-ink);font-size:var(--type-secondary);line-height:1.5}.ag-context{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line)}.ag-context-name{color:var(--ink);font-size:var(--type-body);margin:0}.ag-context-client{color:var(--muted-ink);font-size:var(--type-meta);margin:0}.ag-context-text{margin:var(--space-2) 0 var(--space-3);color:var(--muted-ink);font-size:var(--type-secondary);line-height:1.5}@media (width<=860px){.ag-viewer{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.ag-filters .ds-field{flex:100%}.ag-filters .ds-multi-panel{width:auto;max-width:none;right:0}}@media (prefers-reduced-motion:reduce){.ag-tile,.ag-link{transition:none}}