/* COGO ranking tabs r1: alignment only; retain the existing controls and theme. */
html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:12px;
  margin-bottom:18px;
}
html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .welcome {
  display:block;
  width:100%;
  margin:0;
}
html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .welcome h1 {
  margin:0 0 5px;
}
html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .rank-toolbar287 {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:0;
}
html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .rank-toolbar287 > .segmented {
  flex:0 1 auto;
  max-width:100%;
}
html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .rank-toolbar287 > .segmented:last-child {
  margin-inline-start:auto;
}
@container (max-width:420px) {
  html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .rank-toolbar287 > .segmented:first-child {
    flex-basis:100%;
  }
  html body[data-view=ranking] #main .ranking287.crt-r1 > .crt-heading > .rank-toolbar287 > .segmented:first-child > button {
    flex:1 1 0;
  }
}