/* v12.10.288 - explicit phone and tablet reader modes. */
html[data-op-responsive-view="phone"] body:not(.m2-editor) .m2-book{
  width:min(480px,100%)!important;
  max-width:100%!important;
  padding-inline:10px!important;
}

html[data-op-responsive-view="tablet"] body:not(.m2-editor){
  --m2-tablet-inline:clamp(16px,3vw,34px);
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-main{
  width:100%!important;
  max-width:none!important;
  padding:18px var(--m2-tablet-inline) 112px!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-book,
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-book:has(.m2-page[data-m2-page-layout]){
  width:min(960px,100%)!important;
  max-width:960px!important;
  margin:12px auto 86px!important;
  padding:0!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-page{
  width:100%!important;
  max-width:none!important;
  padding:clamp(20px,3vw,32px)!important;
  border-radius:20px!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-page-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:72px!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-page-head strong{
  font-size:clamp(25px,3vw,36px)!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-card-list{
  width:100%!important;
  min-width:0!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-page[data-m2-page-layout="two_horizontal"] .m2-card-list,
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-page[data-m2-page-layout^="grid_"] .m2-card-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-card{
  border:1px solid rgba(91,66,24,.26)!important;
  border-radius:14px!important;
}
html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-float-pager{
  width:min(720px,calc(100vw - 34px))!important;
  max-width:720px!important;
}

@media (min-width:701px) and (max-width:1219px){
  html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-glass-header{
    padding-inline:clamp(18px,3vw,34px)!important;
  }
  html[data-op-responsive-view="tablet"] body:not(.m2-editor) .m2-glass-panel{
    width:min(960px,calc(100% - 32px))!important;
  }
}