/* Sealed lifecycle: pre-orders, sealed alerts, the out-of-print watch */
.slx-orders { list-style: none; margin: 0 0 .8rem; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.slx-order { display: flex; gap: .7rem; align-items: center; flex-wrap: wrap; padding: .7rem .8rem; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); }
.slx-order .grow { display: flex; flex-direction: column; min-width: 0; flex: 1 1 220px; }
.slx-order form { margin: 0; }
.slx-arrive { gap: .4rem; flex-wrap: nowrap; }
.slx-arrive input { width: 9.5rem; }
.slx-add summary { list-style: none; display: inline-flex; cursor: pointer; }
.slx-add summary::-webkit-details-marker { display: none; }
.slx-form { display: flex; flex-wrap: wrap; gap: .6rem; align-items: flex-end; margin-top: .7rem; }
.slx-form .grow { flex: 1 1 240px; }
.slx-form .row { gap: .3rem; flex-wrap: nowrap; }
.slx-form input[name=price_paid] { width: 6rem; }
.slx-form input[name=quantity] { width: 4.5rem; }
.slx-alerts { list-style: none; margin: 0 0 .6rem; padding: 0; display: flex; flex-direction: column; gap: .45rem; }
.slx-alerts li { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.slx-alerts form { margin: 0 0 0 auto; }
.slx-alertform { gap: .5rem; align-items: flex-end; flex-wrap: wrap; }
.slx-alertform input { width: 7rem; }
.slx-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.slx-row .panel { margin: 0; }

.slx-me { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.slx-me > div { display: flex; flex-direction: column; gap: .15rem; padding: .7rem .8rem; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); min-width: 0; }
.slx-me b { font-size: 1.3rem; font-weight: 900; font-variant-numeric: tabular-nums; }
.slx-k { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.slx-mult { position: relative; background: linear-gradient(160deg, rgba(191, 232, 247, .12), rgba(206, 198, 246, .06)); }
.slx-mult b { font-size: 1.7rem; }
.slx-bars { list-style: none; margin: 0 0 .7rem; padding: 0; display: flex; flex-direction: column; gap: .35rem; }
.slx-bars li { display: grid; grid-template-columns: minmax(0, 11rem) 3.2rem 1fr 5.5rem 3rem; gap: .6rem; align-items: center; font-size: .85rem; }
.slx-set { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slx-set small { color: var(--muted); }
.slx-age { color: var(--muted); font-variant-numeric: tabular-nums; text-align: right; }
.slx-bars i { height: 10px; border-radius: 99px; width: var(--w); background: linear-gradient(90deg, rgba(191, 232, 247, .5), rgba(206, 198, 246, .7)); }
.slx-bars li.me i { background: linear-gradient(90deg, #ff9fc4, #ffe08a, #8fe9a6, #9fe3f5, #cec6f6); }
.slx-bars li.me { font-weight: 800; }
.slx-bars b { text-align: right; font-variant-numeric: tabular-nums; }
.slx-bars em { font-style: normal; color: var(--ice); font-weight: 800; font-variant-numeric: tabular-nums; }
:root[data-theme="light"] .slx-bars em { color: var(--ice-deep); }
.slx-honest { max-width: 80ch; }
@media (max-width: 760px) {
  .slx-me { grid-template-columns: 1fr 1fr; }
  .slx-row { grid-template-columns: 1fr; }
  .slx-bars li { grid-template-columns: minmax(0, 1fr) 2.6rem 4.8rem 2.6rem; }
  .slx-bars i { grid-column: 1 / -1; grid-row: 2; }
}
.slx .panel-head h2 { font-size: 1.15rem; }
.slx .panel-head { flex-wrap: wrap; gap: .2rem .8rem; }