/* Only this guide; no inline style requirement or new JavaScript. */
html:has([data-flashing-guide]) { scroll-behavior: auto; }
[data-flashing-guide] [id] { scroll-margin-top: 8rem; }
[data-flashing-guide] .flashing-diagram { max-width: 25rem; margin-inline: auto; }
[data-flashing-guide] .flashing-diagram svg { width: 100%; height: auto; }
[data-flashing-guide] summary { cursor: pointer; font-weight: 700; line-height: 1.7; }
[data-flashing-guide] details { padding-block: .7rem; border-bottom: 1px solid #d8e2e7; }
@media (min-width: 900px) { [data-flashing-guide] [id] { scroll-margin-top: 6rem; } }