.post-slides-launch { display: none; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .post-slides-launch:not([hidden]) { display: flex; align-items: center; gap: var(--space-sm); width: 100%; padding: var(--space-md); margin-bottom: var(--space-md); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-background-header); color: var(--color-primary); font-weight: 700; }
    .post-slides-launch > i { flex: 0 0 auto; font-size: var(--font-size-xl); }
    .post-slides-launch__title { font-size: var(--font-size-base); line-height: 1.4; white-space: nowrap; }
    .post-slides-launch small { margin-left: auto; flex: 0 0 auto; color: var(--color-text-secondary); font-size: var(--font-size-xs); font-weight: 400; line-height: 1.4; white-space: nowrap; }
    .post-slides-launch:hover { background: var(--color-background-soft); }
}
.article-slides { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: var(--space-md) var(--space-lg); border: 0; background: #10182c; color: #f4f8ff; }
.article-slides:not([open]) { display: none; }
.article-slides[open] { display: flex; flex-direction: column; gap: var(--space-sm); }
.article-slides::backdrop { background: #10182c; }
.article-slides__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); flex: 0 0 auto; }
.article-slides__header h2 { margin: 0; font-size: var(--font-size-lg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-slides button, .article-slides select { min-height: 44px; border: 1px solid #63708b; border-radius: var(--radius-sm); padding: var(--space-sm) var(--space-md); background: #25334e; color: #f4f8ff; }
.article-slides button { flex-shrink: 0; }
.article-slides button:hover:not(:disabled) { background: #38496a; }
.article-slides button:disabled { opacity: .4; cursor: default; }
.article-slides :focus-visible, .post-slides-launch:focus-visible { outline: 3px solid var(--color-secondary); outline-offset: 3px; }
.article-slides__stage { flex: 1 1 0; min-height: 0; overflow: auto; display: flex; align-items: safe center; justify-content: center; }
.article-slides__image { width: 100%; height: 100%; object-fit: contain; }
.article-slides__rich { width: min(100%, var(--reading-width)); margin: auto; padding: var(--space-xl); border-radius: var(--radius-lg); background: var(--color-background-header); color: var(--color-text); font-size: clamp(18px, 2vw, 28px); overflow-wrap: anywhere; }
.article-slides__rich h2, .article-slides__rich h3 { line-height: 1.3; }
.article-slides__rich img { max-width: 100%; height: auto; }
.article-slides__rich table { width: 100%; border-collapse: collapse; }
.article-slides__rich td, .article-slides__rich th { border: 1px solid var(--color-border); padding: var(--space-sm); }
.article-slides__rich pre { overflow: auto; }
.article-slides__controls { display: flex; align-items: center; justify-content: center; gap: var(--space-lg); flex: 0 0 auto; }
.article-slides__picker { display: flex; align-items: center; gap: var(--space-sm); }
.article-slides__picker select { max-width: 300px; }
.article-slides__hint { margin: 0; color: #b9c6de; text-align: center; font-size: var(--font-size-sm); }