deck-list {
  display: contents;
}
deck-list .bullets { position: relative; z-index: 2; min-width: 0; list-style: none; margin: 0; padding: 0; counter-reset: item }
deck-list .bullets .item { display: grid; grid-template-columns: auto 1fr; gap: 0.5rem var(--slide-rhythm-sm); align-items: baseline; min-width: 0; padding: var(--slide-rhythm-sm) 0; border-top: 1px solid var(--slide-rule) }
deck-list .bullets .item > * { grid-column: 2; min-width: 0 }
deck-list .bullets .item > slot > * { grid-column: 2; min-width: 0 }
deck-list .bullets > *:last-child .item { border-bottom: 1px solid var(--slide-rule) }
deck-list .bullets > .item:last-child { border-bottom: 1px solid var(--slide-rule) }
deck-list .bullets .item::before { grid-column: 1; grid-row: 1; font-family: var(--font-mono); font-size: var(--slide-ms-sm); font-weight: var(--slide-fw-medium); letter-spacing: var(--slide-lt-2); line-height: var(--slide-lh-body); color: var(--slide-accent) }
deck-list .bullets[data-variant=numbered] .item { counter-increment: item }
deck-list .bullets[data-variant=numbered] .item::before { content: counter(item, decimal-leading-zero) }
deck-list .bullets[data-variant=arrow] .item::before { content: '→'; font-size: 1rem; font-family: var(--font-sans) }
@media (max-width: 900px), (max-height: 620px) { deck-list .bullets .item { padding: 0.75rem 0 } }
@media print { deck-list .bullets .item { break-inside: avoid } }