@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-series ====== */
.c-series .l-grid[data-n="1"]>*{max-inline-size:none}
.c-series__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-section);align-items:start;min-inline-size:0}
.c-series__main,.c-series__side{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-section);align-content:start;min-inline-size:0}
.c-series__cols [data-o="1"]{order:1}.c-series__cols [data-o="2"]{order:2}.c-series__cols [data-o="3"]{order:3}
.c-series__cols [data-o="4"]{order:4}.c-series__cols [data-o="5"]{order:5}.c-series__cols [data-o="6"]{order:6}
.c-series__cols [data-o="7"]{order:7}.c-series__cols [data-o="8"]{order:8}.c-series__cols [data-o="9"]{order:9}
.c-series__cols [data-o]:empty{display:none}
@media (min-width:68.75em){.c-series__cols{grid-template-columns:minmax(0,1fr) 320px}}
@media (min-width:80em){.c-series__cols{grid-template-columns:minmax(0,1fr) 380px}}
@media (max-width:68.74em){.c-series__main,.c-series__side{display:contents}}
@media (min-width:68.75em){.c-series__side h2{font:600 var(--fs-18)/1.3 var(--font-head)}}
.c-series__pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);min-inline-size:0}
.c-series__pair>section{grid-template-rows:auto 1fr}
@media (min-width:43.75em){.c-series__pair:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}
.c-series__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);min-inline-size:0}
.c-series__grid>*{min-inline-size:0}
@media (min-width:43.75em){
  .c-series__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-series__grid>:last-child:nth-child(odd){grid-column:1/-1}
}
@media (min-width:68.75em){
  .c-series__grid:not(.c-series__grid--2){grid-template-columns:repeat(3,minmax(0,1fr))}
  .c-series__grid:not(.c-series__grid--2)>:last-child:nth-child(odd){grid-column:auto}
  .c-series__grid:not(.c-series__grid--2)>:last-child:nth-child(3n+1){grid-column:1/-1}
  .c-series__grid:not(.c-series__grid--2)>:last-child:nth-child(3n+2){grid-column:span 2}
}
.c-series__grp{display:grid;gap:var(--sp-3);min-inline-size:0}
.c-series__duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-section);min-inline-size:0}
@media (min-width:43.75em){.c-series__duo:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}
.c-series__rank,.c-series__list{list-style:none;padding:0;margin:0;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);min-inline-size:0}
.c-series__rank>li{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-3);min-block-size:56px;padding:var(--sp-2) var(--sp-4);border-block-end:1px solid var(--line-1)}
.c-series__list>li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-block-size:var(--tap);padding:var(--sp-2) var(--sp-4);border-block-end:1px solid var(--line-1);font:var(--t-data);color:var(--text-1)}
.c-series__rank>li:last-child,.c-series__list>li:last-child{border-block-end:0}
.c-series__rank{counter-reset:rk}
.c-series__rank>li{counter-increment:rk}
.c-series__rk{font:600 var(--fs-14)/1 var(--font-score);color:var(--text-3)}
.c-series__rk::before{content:counter(rk)}
.c-series__who{display:grid;min-inline-size:0}
.c-series__nm{display:block;font:600 var(--fs-15)/1.33 var(--font-sans);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
.c-series__tm{font:var(--t-meta);color:var(--text-3)}
.c-series__fig{display:grid;justify-items:end}
.c-series__big{font:600 var(--fs-24)/1 var(--font-score);color:var(--text-1);font-variant-numeric:tabular-nums lining-nums}
.c-series__small{font:var(--t-meta);color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.c-series__mini{table-layout:fixed}
.c-series__mini :is(th,td){inline-size:2.5rem;padding-inline:var(--sp-1)}
.c-table.c-series__mini :is(th,td):first-child{inline-size:auto;min-inline-size:0;padding-inline:var(--sp-3) var(--sp-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-series__mini :is(th,td):last-child{inline-size:4rem;padding-inline-end:var(--sp-3)}
.c-series__pts{table-layout:fixed;min-inline-size:calc(14rem + 6 * 4.25rem)}
.c-series__pts :is(th,td){inline-size:4.25rem;block-size:48px;text-align:end}
.c-table.c-series__pts :is(th,td):first-child{inline-size:auto;min-inline-size:14rem;text-align:start}
.c-series__pts tbody tr:first-child>*{background:color-mix(in srgb,var(--gold) 10%,var(--surface-1))}
.c-series__pts tbody tr:first-child>:first-child{box-shadow:inset 3px 0 0 var(--gold)}
.c-series__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--grid-gap);min-inline-size:0}
@media (min-width:68.75em){.c-series__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.c-series__stat{display:grid;gap:var(--sp-2);align-content:start;padding-block-start:var(--sp-3);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);overflow:hidden;min-inline-size:0}
.c-series__stat>.c-section-head{padding-inline:var(--sp-4)}
.c-series__stat .c-table__wrap{border-radius:0;box-shadow:none}
.c-series__st{table-layout:fixed}
.c-series__st :is(th,td){inline-size:5rem}
.c-table.c-series__st :is(th,td):first-child{inline-size:auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-table .c-series__val{font:600 var(--fs-18)/1 var(--font-score);color:var(--text-1);text-align:end}
.c-series__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);list-style:none;padding:0;margin:0;min-inline-size:0}
@media (min-width:43.75em){.c-series__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:68.75em){.c-series__tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.c-series__tile{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:var(--sp-3);row-gap:0;padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);min-inline-size:0}
.c-series__tile>.c-crest{grid-row:span 2}
.c-series__sq{display:inline-flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--link)}
}
