/* V11.16 mobile-only correction. Desktop intentionally untouched. */
@media(max-width:767px){
 body.library-page .membership-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;align-items:stretch!important}
 body.library-page .membership-grid>*,body.library-page .membership-panel{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
 body.library-page .membership-band{padding:42px 0 54px!important}
 body.library-page .membership-panel{padding:24px 20px!important}
 body.library-page .membership-grid h2{font-size:clamp(30px,8vw,42px)!important;overflow-wrap:normal!important}
 body.library-page .membership-grid p{overflow-wrap:break-word!important}
 body.library-page .access-panel-buttons{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
 body.library-page .access-panel-buttons button{width:100%!important;max-width:100%!important;white-space:normal!important}
}

/* V11.17: in a column flexbox the old flex-basis:130px made each CTA 3x too tall. */
@media(max-width:767px){
 body.library-page .membership-panel .access-panel-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}
 body.library-page .membership-panel .access-panel-buttons>button{
  flex:0 0 auto!important;align-self:stretch!important;box-sizing:border-box!important;
  width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;
  padding:10px 16px!important;line-height:1.35!important;white-space:normal!important;
  font-size:12px!important;text-align:center!important;border-radius:999px!important;
 }
}