<style>
.series-nav{padding:5rem 3rem;background:#F7F8FA;border-top:1px solid rgba(37,41,47,.10)}
.series-inner{max-width:1100px;margin:0 auto}
.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}
.series-title{font-family:'Montserrat, sans-serif';font-size:1.25rem;font-style:italic;color:#25292F}
.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}
.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)}
.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}
.series-name{font-family:'Montserrat, sans-serif';font-size:.9rem;font-weight:400;color:#525A63;line-height:1.4;transition:color .3s}
.series-item:hover .series-name{color:#25292F}
@media(max-width:900px){
.series-nav{padding:3rem 1.5rem}
.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}
}
</style>