.series-page {padding-top: 22px;}

.series-page .breadcrumb {margin-bottom: 8px;}

.series-intro {padding: 12px 0 21px;}

.series-intro .series-eyebrow {display: block; margin-bottom: 8px; color: var(--accent); font: 700 12px/1.4 var(--head); letter-spacing: .07em; text-transform: uppercase;}

.series-intro p {max-width: 790px; font-size: 16px; line-height: 1.7;}

.series-tabs {display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px;}

.series-tabs a {display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; border: 2px solid var(--ui-strong-border, var(--line-dark)); border-radius: 4px; background: var(--surface); color: var(--text2); box-shadow: 2px 2px 0 var(--ui-shadow, #07100e); font: 700 14px/1.2 var(--head); transition: transform .15s ease, background-color .15s ease;}

.series-tabs a:hover {background: var(--surface2); color: var(--text); transform: translate(-1px,-1px);}

.series-tabs a.is-current {background: #91ef53; border-color: #101b17; color: #10251a; box-shadow: 2px 2px 0 #15803d, 4px 4px 0 #101b17;}

.series-collection {margin-bottom: 34px;}

.series-list-heading {display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 19px;}

.series-list-heading h2 {margin: 0; font: 700 clamp(20px, 2vw, 25px)/1.3 var(--head);}

.series-list-heading > span {color: var(--muted); font: 500 14px/1.45 var(--body);}

.series-empty {color: var(--text2); font-size: 16px; padding: 20px 0;}

.series-empty a {color: var(--accent); text-decoration: underline;}

.series-guide {display: grid; grid-template-columns: minmax(0, 1fr) 265px; align-items: start; gap: 40px; padding: 30px 0 12px; border-top: 1px solid var(--line);}

.series-guide-main {max-width: 800px;}

.series-guide h2 {margin: 0 0 17px; font: 700 clamp(21px, 2.3vw, 26px)/1.3 var(--head);}

.series-guide-main p {margin: 0 0 17px; color: var(--text2); font: 400 16px/1.75 var(--body);}

.series-facts {padding: 18px 20px; border: 1px solid var(--line-dark); border-radius: 3px; background: var(--surface);}

.series-facts h3 {margin: 0 0 14px; font: 700 16px/1.35 var(--head);}

.series-facts dl {margin: 0;}

.series-facts dl > div {padding: 9px 0; border-top: 1px solid var(--line);}

.series-facts dt {color: var(--muted); font-size: 12px; line-height: 1.45;}

.series-facts dd {margin: 3px 0 0; color: var(--text); font-size: 14px; line-height: 1.5; font-weight: 600;}

.series-note {margin: 2px 0 44px; color: var(--muted); font: 400 13px/1.6 var(--body);}

@media (max-width: 800px) {
  .series-guide {grid-template-columns: 1fr; gap: 20px;}

  .series-facts {max-width: 560px;}
}

@media (max-width: 600px) {
  .series-page {padding-top: 13px;}

  .series-intro {padding: 8px 0 16px;}

  .series-intro p {font-size: 15px;}

  .series-tabs {gap: 8px; margin-bottom: 23px;}

  .series-tabs a {min-height: 36px; padding: 7px 10px; font-size: 12px;}

  .series-list-heading > span {font-size: 12px;}

  .series-guide {padding-top: 25px;}

  .series-guide-main p {font-size: 15px; line-height: 1.7;}

  .series-facts {padding: 15px;}
}

@media (prefers-reduced-motion: reduce) {
  .series-tabs a {transition: none;}

  .series-tabs a:hover {transform: none;}
}