/* Shared main-site footer: compact without shrinking legal link text. */
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer){
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:100%;
  max-width:none;
  min-height:44px;
  padding:5px clamp(12px,2vw,28px);
  box-sizing:border-box;
  border-top:1px solid #2b3330;
  background:#101415;
  color:#a6aea8;
  font:400 11px/1.4 var(--sans,system-ui,sans-serif);
  white-space:nowrap;
}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > .footer-brand{
  grid-column:1;
  grid-row:1;
  display:inline-flex;
  gap:4px;
  min-height:32px;
  margin:0;
}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) .brand-emblem{width:18px;height:24px}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) .brand-cn{font-size:14px;letter-spacing:1px}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) .brand-cn small{display:block;margin:3px 0 0;font-size:3px;letter-spacing:1.4px}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > nav{
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:safe center;
  justify-self:stretch;
  width:auto;
  min-width:0;
  max-width:100%;
  gap:10px;
  margin:0;
  padding:0 2px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:#46554b transparent;
  font:inherit;
  line-height:1.4;
}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > nav a{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  min-width:24px;
  min-height:32px;
  padding:0 2px;
  color:inherit;
  font:inherit;
  white-space:nowrap;
}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > nav i{display:none}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > nav a:hover{color:#35dda5}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) a:focus-visible{outline:2px solid #35dda5;outline-offset:-2px;border-radius:3px}
html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > .footer-age{
  grid-column:3;
  grid-row:1;
  display:grid;
  place-items:center;
  justify-self:end;
  width:28px;
  height:22px;
  padding:0;
  margin:0;
  border:1px solid #3b4740;
  border-radius:999px;
  font-size:9px;
  letter-spacing:0;
}
@media(min-width:760px){
  html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer){gap:16px;font-size:12px}
  html body > footer[class]:is(.browse-footer,.account-footer,.series-footer,.legal-footer) > nav{gap:16px}
}