.batch-series { max-width: 960px; margin: 0 auto 24px; padding: 18px; border: 1px solid rgba(128,128,128,.22); border-radius: 14px; background: rgba(128,128,128,.045); }
.batch-series__heading { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.batch-series__heading strong { font-size: 14px; }
.batch-series__heading span { color: #777; font-size: 11px; }
.batch-series__links { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.batch-series__links a { min-width: 0; padding: 11px 12px; border: 1px solid rgba(128,128,128,.22); border-radius: 9px; color: inherit; background: var(--ystd-container-background, #fff); text-decoration: none; transition: border-color .15s, background .15s; }
.batch-series__links a:hover { border-color: #0693cd; background: rgba(6,147,205,.06); }
.batch-series__links a[aria-current="page"] { border-color: #0693cd; background: rgba(6,147,205,.1); box-shadow: inset 0 0 0 1px #0693cd; }
.batch-series__links strong,.batch-series__links small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.batch-series__links strong { min-height: 2.8em; overflow: visible; font-size: 12px; line-height: 1.4; white-space: normal; }
.batch-series__links small { margin-top: 2px; color: #777; font-size: 10px; }
@media (max-width: 900px) { .batch-series__links { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) { .batch-series__links { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 420px) { .batch-series { padding: 14px; } .batch-series__heading { align-items: flex-start; flex-direction: column; gap: 2px; } .batch-series__links { grid-template-columns: 1fr; } .batch-series__links strong { min-height: 0; } }