.mley-reader-panel{position:fixed;top:var(--mley-reader-top,70px);right:0;bottom:0;width:50%;display:flex;flex-direction:column;z-index:1040;background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#202124);border-left:1px solid #aeb5be}
.mley-reader-panel[hidden],.mley-reader-panel [hidden]{display:none!important}
.mley-reader-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #ccd0d5;flex-shrink:0}
.mley-reader-heading h2{flex:1 1 200px;font-size:15px;margin:0;overflow-wrap:anywhere;line-height:1.4}
.mley-reader-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mley-reader-control{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;border:1px solid #b7bec7;border-radius:6px;padding:5px 8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.mley-reader-control:focus-visible{outline:3px solid #007aff;outline-offset:2px}
.mley-reader-frames,.mley-reader-frame{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
.mley-reader-frame iframe{flex:1;min-height:0;width:100%;border:0;background:white}
.mley-reader-status:empty{display:none}.mley-reader-status,.mley-reader-error{margin:0;padding:12px;font-size:14px}
body.mley-reader-open{overflow:hidden}
body.mley-reader-open .mley-reader-main{position:fixed!important;left:0!important;right:auto!important;top:var(--mley-reader-top,70px)!important;bottom:0!important;width:50%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;overflow:auto!important;overscroll-behavior:contain;transform:none!important}
body.mley-reader-open.mley-has-article-dock .mley-reader-main,body.mley-has-article-dock .mley-reader-panel{bottom:calc(68px + env(safe-area-inset-bottom))!important}
body.mley-reader-open #sidebar{display:none!important}
body.mley-reader-open .mley-reader-main .ley-content-shell{width:100%!important;max-width:100%!important;min-width:0}
/* The home shell normally uses viewport units. Inside a split reader its
   available width is the left pane, not the browser window. */
body.mley-reader-open .mley-reader-main .home-content-shell{width:100%!important;max-width:100%!important;min-width:0;margin:0!important;padding:12px!important}
body.mley-reader-open #mley-oaj-search-card{min-width:0;max-width:100%;margin:0;container-type:inline-size;container-name:mley-search-results}
body.mley-reader-open #mley-oaj-search-card>.card-body{min-width:0;padding:12px}
body.mley-reader-open #mley-oaj-search-card .mley-oaj-results-list{grid-template-columns:minmax(0,1fr)}
body.mley-reader-open #mley-oaj-search-card .list-group-item{min-width:0;overflow-wrap:anywhere}
body.mley-reader-open #mley-oaj-search-card .mley-cjf-input-row,body.mley-reader-open #mley-oaj-search-card .mley-cjf-pagination{flex-wrap:wrap}
body.mley-reader-open #mley-oaj-search-card .mley-cjf-input-row input{flex-basis:180px}
body.mley-reader-open #mley-oaj-search-card .btn{max-width:100%;white-space:normal}
body.mley-reader-open #mley-oaj-search-card .mley-oaj-result-chips span{max-width:100%;white-space:normal;padding-block:.3rem}
@container mley-search-results (max-width:600px){
  #mley-oaj-search-card .mley-oaj-source-banner,#mley-oaj-search-card .mley-oaj-results-summary,#mley-oaj-search-card .mley-oaj-result-top,#mley-oaj-search-card .mley-oaj-result-footer{flex-direction:column;align-items:stretch}
  #mley-oaj-search-card .mley-oaj-source-banner__link{width:100%;max-width:100%}
}
@media(max-width:767px){.mley-reader-panel{width:100%}.mley-reader-heading{padding:8px}.mley-reader-control{min-height:40px}body.mley-reader-open .mley-reader-main{visibility:hidden}}
html[data-theme=dark] .mley-reader-panel{background:#171b22;color:#e6e9ee}
#mley-pdf-panel #mley-pdf-save{width:auto;min-width:58px;padding:0 7px;font-size:12px}
#mley-pdf-panel #mley-pdf-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
@container mley-pdf (max-width:700px){#mley-pdf-panel.mley-pdf-panel--linked{grid-template-columns:minmax(0,1fr) auto auto 0 auto auto}#mley-pdf-panel .mley-pdf-official{display:none}}
