/* User polish: remove books, refine cases, complete member bios */
.books,
.book-grid,
.book-card{display:none!important}

.cases,
.gcases{
  display:block!important;
  visibility:visible!important;
  background:var(--surface)!important;
  border-top:1px solid var(--border)!important;
}
.clist{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  gap:0!important;
  margin-top:clamp(40px,5vw,64px)!important;
  border-top:1px solid var(--border)!important;
}
.crow{
  display:grid!important;
  grid-template-columns:100px minmax(0,1fr)!important;
  gap:clamp(20px,3vw,48px)!important;
  align-items:start!important;
  cursor:default!important;
  padding:clamp(24px,3.5vw,40px) 0!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  background:transparent!important;
  overflow:visible!important;
  box-shadow:none!important;
  transition:
    opacity .75s cubic-bezier(.22,.61,.36,1),
    transform .75s cubic-bezier(.22,.61,.36,1),
    background .2s ease,
    padding-left .25s ease!important;
}
.crow:hover{
  background:var(--white)!important;
  padding-left:16px!important;
  box-shadow:none!important;
}
.crow.is-open,
.crow.is-open:not(:hover){
  background:transparent!important;
  padding-left:0!important;
  box-shadow:none!important;
}
.crow:hover,
.crow.is-open:hover{
  background:var(--white)!important;
  padding-left:16px!important;
}
.cn{
  position:relative!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:4px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--gold)!important;
  box-shadow:none!important;
  display:block!important;
  font-family:var(--serif-la)!important;
  font-size:clamp(22px,2.8vw,36px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
.cn::before,
.cn::after{
  content:none!important;
  display:none!important;
}
.carr{display:none!important}
.crow > div,
.crow-body{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  visibility:visible!important;
}
.c-group{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:4px 0 0!important;
  order:4!important;
  font-family:var(--sans)!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  color:var(--muted)!important;
  text-transform:uppercase!important;
}
.c-title{
  display:block!important;
  max-width:72ch!important;
  opacity:1!important;
  visibility:visible!important;
  font-family:var(--serif-zh)!important;
  font-size:clamp(15px,1.7vw,20px)!important;
  font-weight:400!important;
  letter-spacing:.04em!important;
  line-height:1.4!important;
  color:var(--fg)!important;
}
.c-sub,
.c-desc{
  display:block!important;
  max-height:none!important;
  opacity:1!important;
  overflow:visible!important;
  transform:none!important;
  margin-top:4px!important;
  visibility:visible!important;
  max-width:76ch!important;
  font-family:var(--sans)!important;
  font-size:12.5px!important;
  line-height:1.85!important;
  color:var(--muted)!important;
}

/* Honors should animate like the rest of the editorial lists.
   Older h-row rules replaced the reveal transition with only background/padding. */
.h-row.reveal{
  opacity:0!important;
  transform:translateY(26px)!important;
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1),
    transform .72s cubic-bezier(.22,.61,.36,1),
    background .2s ease,
    padding-left .25s ease!important;
  will-change:opacity,transform!important;
}
.h-row.reveal.visible{
  opacity:1!important;
  transform:none!important;
}
.h-row.reveal.visible:hover{
  transform:translateX(0)!important;
}

.mem-controls{display:none!important}
.mem-grid{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(620px,52vw,760px)!important;
  gap:clamp(18px,2vw,28px)!important;
  cursor:ew-resize!important;
  scroll-behavior:smooth!important;
  padding-bottom:0!important;
  align-items:start!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.mem-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mem-card{
  display:grid!important;
  grid-template-columns:minmax(220px,32%) minmax(0,1fr)!important;
  min-height:clamp(380px,30vw,500px)!important;
  height:auto!important;
  background:linear-gradient(135deg,var(--white),color-mix(in oklch,var(--gold) 2.2%,var(--surface)))!important;
  border:1px solid color-mix(in oklch,var(--gold) 18%,var(--border))!important;
  clip-path:none!important;
  box-shadow:0 18px 52px rgba(9,14,31,.055)!important;
  overflow:hidden!important;
}
.mem-card::before{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 48%,rgba(255,255,255,.55) 100%)!important}
.mem-photo{
  min-height:100%!important;
  height:100%!important;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%)!important;
  border-right:0!important;
  overflow:hidden!important;
}
.mem-photo img{transform:scale(1.035)!important;filter:saturate(.88) contrast(1.06)!important}
.mem-card:hover .mem-photo img{transform:scale(1.085)!important}
.mem-content{
  justify-content:flex-start!important;
  align-self:stretch!important;
  min-width:0!important;
  padding:clamp(30px,3vw,46px) clamp(28px,3vw,44px)!important;
  gap:clamp(9px,.9vw,14px)!important;
  overflow:visible!important;
  word-break:normal!important;
}
.mem-role{font-size:8.5px!important;letter-spacing:.22em!important}
.mem-name{font-size:clamp(26px,2.8vw,38px)!important}
.mem-name-en{font-size:clamp(13px,1.1vw,16px)!important}
.mem-bio{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  font-family:var(--serif-zh)!important;
  font-size:clamp(13.5px,.95vw,15px)!important;
  line-height:1.82!important;
  color:var(--muted)!important;
  max-width:42ch!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
}
@media(max-width:1080px){
  .mem-grid{grid-auto-columns:minmax(560px,82vw)!important}
  .mem-card{grid-template-columns:minmax(210px,34%) minmax(0,1fr)!important;min-height:auto!important}
  .mem-photo{min-height:420px!important}
  .mem-content{padding:30px 28px 36px!important}
}
@media(max-width:720px){
  .cases,.gcases{min-height:0!important}
  .clist{border-top:1px solid var(--border)!important}
  .crow{grid-template-columns:72px 1fr!important;gap:18px!important;padding:24px 0!important}
  .crow:hover{padding-left:0!important;background:transparent!important}
  .cn{font-size:28px!important;padding-top:3px!important}
  .cn::before,.cn::after{content:none!important;display:none!important}
  .mem-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
    overflow-x:visible!important;
    cursor:default!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .mem-card{grid-template-columns:1fr!important;clip-path:none!important;width:100%!important;min-height:0!important}
  .mem-card::before{display:none!important}
  .mem-photo{clip-path:none!important;min-height:0!important;height:clamp(380px,105vw,520px)!important}
  .mem-content{padding:28px 22px 34px!important}
  .mem-bio{max-width:none!important;font-size:14px!important;line-height:1.84!important}
}