/* Loaded after guides.css; only what the admin guide adds. */
.ag-shot{margin:18px 0 4px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--raise)}
.ag-shot img{display:block;width:100%;height:auto}
.ag-shot figcaption{padding:9px 13px;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--mut);border-top:1px solid var(--line);background:var(--ink-2)}
.ag-steps{margin:12px 0 0;padding:0 0 0 20px}
.ag-steps li{margin:7px 0;padding-left:4px}
.ag-note{margin-top:14px;padding:12px 14px;border-left:2px solid var(--gold);background:var(--gold-soft);border-radius:0 10px 10px 0}
.ag-note strong{color:var(--ink-br,inherit)}
.ag-legend{margin:14px 0 0;padding:0;list-style:none;counter-reset:agl}
.ag-legend li{position:relative;padding-left:34px;margin:11px 0}
.ag-legend li::before{counter-increment:agl;content:counter(agl);position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:7px;background:var(--gold-soft);color:var(--gold-br);border:1px solid var(--line-2);font-family:var(--mono);font-size:11.5px;display:flex;align-items:center;justify-content:center}
.ag-legend b{font-weight:600}
@media (max-width:640px){
.ag-shot figcaption{font-size:11px}
}