.learning-series{
  --series-bg:#171819;
  --series-ink:#f7f6f1;
  --series-muted:#aaa9a3;
  --series-line:#3a3c3d;
  --series-accent:#d7ff4f;
  position:relative;
  z-index:80;
  width:100%;
  border-bottom:1px solid var(--series-line);
  background:var(--series-bg);
  color:var(--series-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
}
.learning-series *{box-sizing:border-box;letter-spacing:0}
.learning-series-inner{
  display:grid;
  grid-template-columns:minmax(150px,220px) minmax(0,1fr);
  align-items:center;
  gap:18px;
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  padding:11px 0;
}
.learning-series-title{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  color:var(--series-ink);
  text-decoration:none;
}
.learning-series-kicker{color:var(--series-accent);font-size:10px;font-weight:800;line-height:1.2;text-transform:uppercase}
.learning-series-name{font-size:13px;font-weight:760;line-height:1.3}
.learning-series-links{
  display:flex;
  gap:6px;
  min-width:0;
  overflow-x:auto;
  padding:1px 0 3px;
  scrollbar-width:thin;
  scrollbar-color:var(--series-line) transparent;
}
.learning-series-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  flex:none;
  padding:6px 10px;
  border:1px solid var(--series-line);
  border-radius:4px;
  color:var(--series-muted);
  background:transparent;
  font-size:11.5px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.learning-series-link:hover{border-color:var(--series-ink);color:var(--series-ink)}
.learning-series-link[aria-current="page"]{border-color:var(--series-accent);background:var(--series-accent);color:#111}
.learning-series-no{font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:inherit}
.learning-series .en{display:none}
html.en .learning-series .zh{display:none}
html.en .learning-series .en{display:inline}
@media(max-width:720px){
  .learning-series-inner{grid-template-columns:1fr;gap:8px;width:min(100% - 24px,1180px);padding:9px 0}
  .learning-series-title{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px}
  .learning-series-name{font-size:12px}
}