/* Actual sandbox recovery evidence: scoped to the recovery guide. */
.recovery-demo { margin: 2.5rem 0; padding-top: 1.5rem; border-top: 2px solid var(--color-accent); }
.content .recovery-demo h2 { margin-top: .6rem; }
.demo-eyebrow { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .1em; color: var(--color-muted); }
.recovery-demo-video { display: block; width: 100%; height: auto; margin: 1.4rem 0 .8rem; border: 1px solid var(--color-border); background: #152720; }
.demo-note { font-size: .85rem; line-height: 1.7; color: var(--color-muted); }
.demo-transcript { margin: 1.25rem 0; border-block: 1px solid var(--color-border); padding: 1rem 0; }
.demo-transcript summary { cursor: pointer; font-weight: 600; color: var(--color-text); }
.demo-transcript summary:focus-visible, .recovery-evidence a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 5px; }
.demo-transcript ol { padding-left: 1.3rem; }
.demo-transcript li { margin: .6rem 0; }
.recovery-evidence { display: grid; gap: 2rem; margin: 2rem 0; }
.recovery-evidence figure { margin: 0; min-width: 0; }
.recovery-evidence a { display: block; border: 1px solid var(--color-border); }
.recovery-evidence img { display: block; width: 100%; height: auto; }
.recovery-evidence figcaption { margin-top: .7rem; font-size: .85rem; line-height: 1.7; color: var(--color-muted); }
.recovery-evidence figcaption strong { color: var(--color-text); }