:focus-visible { outline: 2px solid var(--coral, #d97757); outline-offset: 4px; }

.perk, .ent-i { line-height: 0; }
.perk .ic, .perk b, .perk .gallery, .perk .community-entry,
.ent-i i, .ent-i b { line-height: 1.7; }
.demo-note { font-size: 13px; color: var(--ink-2); margin: 12px 0; }
.demo-status { padding: 12px; margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; }
.demo-actions { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; }
.demo-actions .btn { width: auto; }
.demo-field { display: block; margin: 16px 0; }
.demo-field input, .demo-field select, .demo-field textarea { display: block; width: 100%; margin-top: 8px; }
.demo-receipt dt { color: var(--ink-3); margin-top: 12px; }
.demo-receipt dd { margin-left: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }