.example-legacy-target { display: none; margin: 0 0 var(--sp-4); padding: 12px 14px; border: 1px solid var(--surface-border); border-radius: var(--radius-md); background: var(--surface-card); }
.example-legacy-target:target { display: block; }
.example-legacy-target p { margin: 0; }
.example-deferred { margin: var(--sp-7) 0; padding: var(--sp-5); border: 1px solid var(--surface-border); border-radius: var(--radius-lg); background: var(--surface-card); }
.example-deferred [data-example-status] { color: var(--ink-soft); font-size: var(--t-sm); }
.example-deferred-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.example-deferred-actions button { min-height: 44px; padding: 0 var(--control-px); border: 1px solid var(--control-border); border-radius: var(--radius-md); background: var(--control-bg); color: var(--control-fg); font: inherit; font-weight: 700; cursor: pointer; }
.example-deferred-actions button:hover { background: var(--control-bg-hover); }
.example-deferred-actions button[aria-disabled="true"] { opacity: 0.7; }
.example-deferred[data-example-state="loading"] { opacity: 0.82; }
.example-deferred[data-example-state="failed"] [data-example-status] { color: var(--danger); }