/* Both books share the original open book layout; each slide owns its accent. */
.book-series { border-top:1px solid var(--line); }
.book-series [data-book="01"] { --book-accent:#2155f5; --book-accent-ink:#2155f5; --book-accent-soft:#eff2fc; --blue:var(--book-accent); }
.book-series [data-book="02"] { --book-accent:#a8f51c; --book-accent-ink:#446b00; --book-accent-soft:#f1f9e3; --blue:var(--book-accent); }
.series-navigation { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:42px; }
.series-selectors { display:flex; gap:38px; min-width:0; }
.series-selector { display:flex; flex-direction:column; align-items:flex-start; gap:5px; position:relative; padding:0 0 14px; background:transparent; text-align:left; min-height:58px; color:var(--muted); }
.series-selector>span { font-size:11px; font-weight:700; letter-spacing:.12em; }
.series-selector strong { font-size:20px; font-weight:650; line-height:1.5; letter-spacing:-.03em; }
.series-selector::after { content:""; position:absolute; bottom:0; left:0; right:0; height:3px; background:transparent; }
.series-selector[aria-pressed="true"] { color:var(--ink); }
.series-selector[aria-pressed="true"]>span,.series-selector:hover>span { color:var(--book-accent-ink); }
.series-selector[aria-pressed="true"]::after { background:var(--book-accent); }
.series-selector:hover::after { background:var(--book-accent); }
.series-controls { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.series-position { font-size:12px; letter-spacing:.08em; color:var(--muted); margin-right:10px; min-width:50px; }
.series-controls button { display:flex; justify-content:center; align-items:center; width:44px; height:44px; border:1px solid #bdc4cf; border-radius:4px; background:#fff; color:var(--ink); font-size:22px; line-height:1; }
.series-controls button:hover:not(:disabled) { border-color:var(--ink); }
.series-controls button:disabled { opacity:.3; }
.series-track { position:relative; display:flex; align-items:stretch; gap:40px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; max-width:100%; }
.series-track::-webkit-scrollbar { display:none; }
.book-series .series-slide { flex:0 0 100%; min-width:0; border:0; scroll-snap-align:start; scroll-snap-stop:always; }
.book-series .series-slide .eyebrow { color:var(--book-accent-ink); }
.book-series .series-slide .text-link { color:var(--book-accent-ink); }
.book-series .series-slide :is(a,button):focus-visible,.book-series .series-selector:focus-visible { outline-color:var(--book-accent-ink); }
.book-series .series-slide .asset:hover { background:var(--book-accent-soft); border-color:var(--book-accent-ink); }
.book-series .series-slide .book02-cover,.book-series .series-cover { display:block; max-width:300px; margin:auto; }
.book-series .series-slide .book02-cover img,.book-series .series-cover img { width:100%; height:auto; }
.series-hint { margin-top:22px; font-size:13px; color:var(--muted); text-align:right; }
.series-track:focus-visible { outline:2px solid var(--ink); outline-offset:8px; }
@media(max-width:767px) {
  .series-navigation { align-items:stretch; flex-wrap:wrap; gap:18px; margin-bottom:30px; }
  .series-selectors { flex:1 1 100%; gap:24px; }
  .series-selector { flex:1; min-width:0; padding-bottom:12px; }
  .series-selector strong { font-size:18px; }
  .series-selector>span { font-size:10px; }
  .series-controls { margin-left:auto; }
  .series-controls button { width:40px; height:40px; }
  .series-track { gap:24px; }
  .book-series .series-slide { justify-content:flex-start; }
  .book-series .series-slide .book02-cover,.book-series .series-cover { max-width:218px; }
  .book-series .series-slide .book-link { margin-top:auto; }
  .series-hint { font-size:12px; margin-top:20px; text-align:center; }
}
@media(max-width:359px) {
  .series-selectors { gap:16px; }
  .series-selector strong { font-size:16px; }
}