/* Collection navigation uses the same palette as the reading surface. */
.series-directory{padding-top:28px}
.series-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.series-directory-heading h2{font:22px/1.6 var(--serif);letter-spacing:1px;color:var(--palette-heading,#e0d9c9);margin:0}
.series-show-all{font:12px/1.8 var(--sans);color:var(--palette-muted,#a5afbd);background:none;border:0;padding:7px 0;cursor:pointer}
.series-show-all span{margin-left:8px;font-size:10px}
.series-show-all[aria-pressed="true"],.series-show-all:hover{color:var(--palette-accent,#d3bb88)}
.series-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.series-card{text-align:left;display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 25px;border:1px solid var(--palette-line,#b9b69d29);border-radius:7px;background:var(--palette-surface-soft,#101722a3);color:var(--palette-body,#bac5d5);cursor:pointer;transition:border-color .18s,background-color .18s}
.series-card-top{display:flex;justify-content:space-between;gap:15px;font:10px/1.8 var(--sans);color:var(--palette-muted,#95a3b6);letter-spacing:1px}
.series-card strong{font:23px/1.6 var(--serif);color:var(--palette-heading,#e3dccd);font-weight:400}
.series-card-description{font:12px/1.9 var(--sans);color:var(--palette-muted,#9eabba)}
.series-card:hover,.series-card[aria-pressed="true"]{border-color:var(--palette-accent,#bfa56f);background:var(--palette-surface-hover,#192332bd)}
.series-card[aria-pressed="true"] .series-card-top{color:var(--palette-accent,#d3bb88)}
.series-filter-context{font:12px/1.9 var(--sans);color:var(--palette-accent,#cdb585);margin:0}
.series-category{text-decoration:none;text-underline-offset:4px}
.series-category:hover{text-decoration:underline}
.reading-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:11px/1.9 var(--sans);color:var(--palette-muted,#97a4b7)}
.reading-breadcrumb a{color:inherit;text-decoration:none}
.reading-breadcrumb a:hover{color:var(--palette-accent,#d4bd8a)}
.reading-breadcrumb [aria-current]{color:var(--palette-accent,#c3ad7e)}
.reading-toc:has(.series-playlist){max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--palette-frame,#a58f5d66) transparent;padding-right:7px}
.series-playlist{margin:0 0 27px;border-bottom:1px solid var(--palette-line,#b9b69d29);padding-bottom:20px}
.series-playlist summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;color:var(--palette-heading,#e1d9c7);padding:0 0 7px}
.series-playlist summary::-webkit-details-marker{display:none}
.series-playlist summary>span{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.series-playlist summary small{width:100%;font:9px/1.8 var(--sans);color:var(--palette-muted,#9cabbc);letter-spacing:1.5px;margin-bottom:2px}
.series-playlist summary strong{font:19px/1.6 var(--serif);font-weight:400}
.series-position{font:11px/1.7 var(--sans);color:var(--palette-muted,#95a4b7);letter-spacing:.5px}
.series-playlist summary i{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 3px 3px 0;flex:none}
.series-playlist[open] summary i{transform:rotate(225deg);margin-top:7px}
.series-playlist-title{font:10px/1.8 var(--sans);color:var(--palette-muted,#9cabbc);margin:5px 0 12px}
.reading-toc .series-playlist nav{display:flex;flex-direction:column;gap:5px}
.reading-toc .series-playlist nav a{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;padding:9px 8px;margin:0;border-left:2px solid transparent;border-radius:3px;color:var(--palette-body,#b7c3d2);font:12px/1.8 var(--sans);text-decoration:none;min-width:0}
.reading-toc .series-playlist nav a .series-episode{color:var(--palette-muted,#93a2b6);font-size:9px;line-height:2.4;white-space:nowrap}
.reading-toc .series-playlist nav a .series-entry-title{color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reading-toc .series-playlist nav a:hover{background:var(--palette-surface-hover,#1a2534);color:var(--palette-accent,#d6bf8b)}
.reading-toc .series-playlist nav a[aria-current="page"]{background:var(--palette-mark-active,#c5ab751a);border-left-color:var(--palette-accent,#c9ad75);color:var(--palette-accent,#e1c58e)}
.reading-toc .series-playlist nav a[aria-current="page"] .series-episode{color:inherit}
.series-playlist .series-all{display:inline-flex;align-items:center;gap:8px;color:var(--palette-accent,#cdb582);font:10px/1.8 var(--sans);text-decoration:none;margin-top:12px}
.series-all .icon{width:13px;height:13px}
@media(max-width:600px){.series-directory{padding-top:22px}.series-cards{grid-template-columns:1fr;gap:12px}.series-card{padding:18px 20px;gap:8px}.series-card strong{font-size:21px}.series-directory-heading h2{font-size:21px}.series-filter-context{font-size:11px}.reading-breadcrumb{font-size:10px;gap:9px}.reading-toc:has(.series-playlist){max-height:none;overflow:visible;padding-right:0}.series-playlist{margin-bottom:22px;padding-bottom:19px}.reading-toc .series-playlist nav a{padding:10px 12px;font-size:13px;grid-template-columns:47px minmax(0,1fr)}.reading-toc .series-playlist nav a .series-episode{font-size:10px}.series-playlist-title{font-size:11px}.series-playlist .series-all{font-size:11px}}
@media(prefers-reduced-motion:reduce){.series-card{transition:none}}
@media print{.series-directory,.reading-breadcrumb{display:none}}