/* Set-Seite: crawlbare Checkliste „Alle Karten dieses Sets“ unter der Trefferliste (public/_set_checklist.html).
   Kompakt, aufklappbar (Seite 1 zu, ab Seite 2 offen), Zeilen = Links zur Kartenseite mit Nummer, Name, Preis.
   Nacht über Tokens + Abschnitt unten. */
.setlist{margin:36px 0 56px}
.sl-box{border-radius:var(--r-l);background:var(--surface);box-shadow:var(--sh-1),inset 0 0 0 1px var(--line)}
.sl-sum{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 20px;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.sl-sum::-webkit-details-marker{display:none}
.sl-sum:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--r-l)}
.sl-jp{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--sakura);box-shadow:inset 0 0 0 1.5px var(--sakura-2);color:var(--sakura-ink);font:800 17px/1 var(--round)}
.sl-tt{flex:1;min-width:0}
.sl-tt h2{margin:0;font-size:19px}
.sl-sub{display:block;margin-top:3px;color:var(--ink-3);font-size:13.5px;font-weight:600}
.sl-chev{flex:none;width:34px;height:34px;border-radius:50%;background:var(--bg) var(--chev) center/12px 8px no-repeat;transition:transform .2s var(--ease-out)}
.sl-box[open] .sl-chev{transform:rotate(180deg)}
.sl-note{max-width:80ch;margin:0;padding:0 20px 12px;color:var(--ink-2);font-size:14.5px;line-height:1.55}
/* Spalten laufen von oben nach unten (wie ein Ordner) – nicht zeilenweise */
.sl-list{margin:0;padding:4px 12px 12px;list-style:none;border-top:1.5px dashed var(--line);column-gap:24px}
@media (min-width:760px){.sl-list{columns:2}}
@media (min-width:1180px){.sl-list{columns:3}}
.sl-list li{break-inside:avoid;display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:4px 8px;border-bottom:1px solid var(--line)}
.sl-list a{display:flex;flex:1;align-items:baseline;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
.sl-no{flex:none;min-width:62px;color:var(--ink-3);font:800 13px/1.3 var(--round);font-variant-numeric:tabular-nums}
.sl-name{min-width:0;overflow:hidden;font-size:15px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.sl-v{color:var(--special);font-size:13px;font-weight:700}
.sl-p{flex:none;color:var(--ink);font:800 15px/1 var(--round);font-variant-numeric:tabular-nums;white-space:nowrap}
.sl-p.is-na{color:var(--ink-3);font:600 13px/1.2 var(--sans)}
.sl-empty{margin:0;padding:14px 20px 20px;color:var(--ink-2)}
.sl-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:14px 16px 18px;border-top:1.5px dashed var(--line)}
.sl-pg{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink);font:800 14.5px/1 var(--round);text-decoration:none}
.sl-pg.is-on{background:var(--ink);box-shadow:none;color:var(--bg)}
.sl-gap{color:var(--ink-3)}
@media (hover:hover) and (pointer:fine){
  .sl-sum:hover .sl-chev{background-color:var(--bg-2)}
  .sl-list a:hover .sl-name{color:var(--ichigo-hover)}
  .sl-pg:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
}
@media (max-width:760px){
  .setlist{margin:28px 0 44px}
  .sl-sum{padding:12px 14px}
  .sl-note{padding:0 14px 10px}
  .sl-list{padding:4px 6px 10px}
  .sl-no{min-width:52px}
}
@media screen{
:where([data-theme="night"]) .sl-pg.is-on{background:#E9E4FF;color:var(--tusche)}
}