/* STORY VIEW PAGE */
.unselectable {
    -webkit-user-select: none; /* Safari */
    user-select: none;
}
blockquote {
    margin-left: 2em;
    font-style: italic;
}

/* Icon-only admin actions (Edit / Delete): Bootstrap's bare .btn has no
   visible keyboard focus ring, so draw one in the primary color. */
.story-icon-action:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Photo/audio/video preview buttons: keep the card look, and draw the focus
   ring outside the thumbnail so it stays visible against the white panel. */
.story-media-preview:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 3px;
}

/* Keep download/copy controls visible during keyboard navigation, including
   custom Bootstrap colors that do not define a focus shadow. */
.download-page .btn:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}