/* /series — only what site.css does not have (quiz, cta, card, tag, levels, tr, chips, lv-* are reused). */
.sr-card h2{font-size:21px;margin:0 0 6px}
.sr-card h2 a{text-decoration:none}
.sr-card table.levels{margin-bottom:0}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.levels td.num,table.levels th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
[dir=rtl] table.levels td.num{text-align:left}
.sr-levels{max-width:520px}
.sr-eps td:nth-child(2){min-width:220px}
.sr-code{font-variant-numeric:tabular-nums;color:var(--brown);white-space:nowrap}
.sr-you{font-weight:700}
.sr-fromtest{background:#C8E7E2;border-radius:12px;padding:10px 14px;font-weight:600}
.sr-rank{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
@media(max-width:560px){.sr-rank{grid-template-columns:1fr}}
.sr-rank h3{font-size:15px;margin:0 0 6px}
.sr-rank ul{margin:0;padding-left:18px}
.sr-rank li{margin:0 0 4px}
.sr-words td:last-child{text-align:right;color:var(--brown);font-variant-numeric:tabular-nums;width:4em}
.sr-chips span{display:inline-block;white-space:nowrap;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:14px;margin:0 6px 6px 0;background:var(--card)}
.sr-chips small.tag{font-size:10px;padding:2px 6px}
.sr-you-ep{background:#C8E7E2;border-radius:12px;padding:10px 14px;font-weight:600}
.sr-prevnext{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:24px 0 8px}
.sr-more li{margin:0 0 6px}
details.faq{border-bottom:1px solid var(--line);padding:12px 0}
details.faq summary{cursor:pointer;font-weight:600}
details.faq p{margin:8px 0 0}