<style>
/* ── Series Nav ── */
.series-nav {
  padding: 5rem 3rem !important;
  background: #F7F8FA !important;
  border-top: 4px solid #00AEE6 !important;
}
.series-inner { max-width: 1100px; margin: 0 auto }

/* ── Header ── */
.series-header { display: flex; align-items: baseline; gap: 1.5rem; margin-bottom: 2.5rem }
.series-label { font-family: Montserrat, sans-serif; font-size: .82rem; letter-spacing: .2em; text-transform: uppercase; color: #00AEE6; font-weight: 600 }
.series-title { font-family: Montserrat, sans-serif; font-size: 1.25rem; font-style: italic; color: #25292F; font-weight: 600 }

/* ── Grid ── */
.series-items { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; background: rgba(37,41,47,.10); border: 1px solid rgba(37,41,47,.10); border-radius: 6px; overflow: hidden }

/* ── Card ── */
.series-item { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem 1.25rem; background: #FFFFFF; transition: background .3s; text-decoration: none }
.series-item:hover { background: rgba(0,174,230,.04) }

/* ── Number ── */
.series-num { font-family: Montserrat, sans-serif; font-size: 1.5rem; font-style: italic; color: #BCC1C7; transition: color .3s }
.series-item:hover .series-num { color: #00AEE6 }

/* ── Title ── */
.series-name { font-family: Montserrat, sans-serif; font-size: .9rem; font-weight: 400; line-height: 1.4; color: #525A63; transition: color .3s }
.series-item:hover .series-name { color: #25292F }

/* ── Teaser ── */
.series-teaser { font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: #8A9199; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .3s }
.series-item:hover .series-teaser { color: #525A63 }

/* ── Responsive ── */
@media (max-width: 900px) {
  .series-nav { padding: 3rem 1.5rem !important }
  .series-items { grid-template-columns: 1fr }
  .series-item { flex-direction: row; align-items: center; gap: 1rem; padding: 1rem 1.25rem }
  .series-num { font-size: 1.2rem }
  .series-teaser { display: none }
}
</style>