/* FEAT-000073 — global Online Access filter */
.filter-anchor[data-filter="onlineAccess"] .filter-popover{
  width:360px;
  max-width:min(360px,calc(100vw - 28px));
}
.filter-anchor[data-filter="onlineAccess"] .online-access-option-list{
  max-height:none;
  overflow:visible;
  border-top:1px solid #edf0f2;
  border-bottom:1px solid #edf0f2;
  padding:4px 0;
}
.filter-anchor[data-filter="onlineAccess"] .online-access-option{
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:6px 4px;
  font:13px/1.25 Arial,sans-serif;
}
.filter-anchor[data-filter="onlineAccess"] .online-access-option:hover{background:#f6f8fa}
.filter-anchor[data-filter="onlineAccess"] .online-access-option.child{padding-left:26px}
.filter-anchor[data-filter="onlineAccess"] .online-access-option input{margin-top:2px}
.filter-anchor[data-filter="onlineAccess"] .online-access-option small{
  display:block;
  margin-top:2px;
  color:#77838d;
  font:10px/1.25 Arial,sans-serif;
}
.filter-anchor[data-filter="onlineAccess"] .online-access-parent{
  font-weight:700;
  color:#29465d;
}
.filter-anchor[data-filter="onlineAccess"] .filter-foot{padding-top:8px}

/* Make room for the additional global control without pushing the explanation
   into three lines on ordinary desktop widths. */
.context-line{gap:7px}
.context-persistence-note{
  flex:1 1 330px;
  min-width:300px;
  font-size:11.5px;
  line-height:1.28;
}
@media (min-width:1500px){
  .context-line > .filter-anchor .filter-btn{padding-left:9px;padding-right:9px}
  .context-persistence-note{min-width:360px}
}
@media (max-width:900px){
  .filter-anchor[data-filter="onlineAccess"] .filter-popover{
    width:min(360px,calc(100vw - 28px));
    max-height:min(70vh,470px);
    overflow:auto;
  }
  .context-persistence-note{min-width:260px}
}