/* Track setup shares the wizard theme; geometry lives in track-preview.css. */
.sliding-storage-automatic { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; min-height:40px; padding:8px 12px; border:1px solid var(--accent-border,var(--line)); border-radius:7px; background:var(--accent-bg); color:var(--fg); }
.sliding-storage-automatic strong { font-size:13px; }
.sliding-storage-automatic span { font-size:11px; color:var(--fg-3); }
.wiz .sliding-track-modes > button { position:relative; padding:16px 18px; border-width:2px; border-color:var(--line); transition:border-color .15s,background .15s; }
.wiz .sliding-track-modes > button:hover { border-color:var(--accent); }
.wiz .sliding-track-modes > button:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.sliding-track-modes svg { display:block; width:88px; height:40px; margin-bottom:10px; fill:none; stroke:var(--accent); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.sliding-track-modes svg circle { fill:var(--bg-panel); stroke-width:2; }
.sliding-track-modes svg .track-mode-construction { stroke:var(--fg-4); stroke-width:1; stroke-dasharray:3 3; }
.sliding-track-modes strong { font-size:14px; }
.sliding-track-modes small { font-size:12px; }
.sliding-track-setup-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px; margin-bottom:14px; }
.sliding-track-setup-heading strong { font-size:13px; color:var(--fg); }
.sliding-track-setup-heading span { font-size:12px; line-height:1.5; color:var(--fg-3); }
@media(max-width:700px) {
    .wiz .sliding-track-modes > button { padding:12px 14px 12px 80px; min-height:85px; }
    .sliding-track-modes svg { position:absolute; left:12px; top:50%; transform:translateY(-50%); width:54px; margin:0; }
}
@media(prefers-reduced-motion:reduce) {
    .wiz .sliding-track-modes > button { transition:none; }
}