/* 18423 · use the supplied SHORTBOOK+ logo on all PLUS reading-platform headers.
   Render one original graphic, not a font recreation. Keep the previous independent
   SHORTBOOK (original home) and + (PLUS home) destinations, without JavaScript. */
.plus-brand-lockup .plus-combined-logo,
.plus-reader-brand-lockup .plus-combined-logo {
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-width:0;
  line-height:0;
  isolation:isolate;
}
.plus-brand-lockup .plus-combined-logo img,
.plus-reader-brand-lockup .plus-combined-logo img {
  display:block;
  width:auto;
  height:28px;
  max-width:none;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.plus-combined-logo>a{
  position:absolute;
  top:0;
  bottom:0;
  z-index:1;
  display:block;
  border-radius:3px;
  text-decoration:none;
}
.plus-combined-logo>.plus-combined-original{left:0;right:24px;}
.plus-combined-logo>.plus-combined-plus{right:-3px;width:27px;z-index:2;}
.plus-combined-logo>a:focus-visible{outline:2px solid #d9b36d;outline-offset:4px;}
.plus-combined-logo>a:hover{background:rgba(255,255,255,.025);}
.plus-topbar .plus-brand-lockup{flex:0 0 auto;gap:0;}
/* Retain the original brand's label colors in light theme while maintaining contrast. */
html[data-theme="light"] .plus-combined-logo img{filter:none;}

/* The Reader has its own compact topbar and essential type/reader controls. */
.plus-reader-brand-lockup .plus-combined-logo img{height:21px;}
@media(max-width:1040px){
  .plus-brand-lockup .plus-combined-logo img{height:26px;}
  .plus-reader-brand-lockup .plus-combined-logo img{height:20px;}
}
@media(max-width:620px){
  .plus-brand-lockup .plus-combined-logo img{height:21px;}
  .plus-reader-brand-lockup .plus-combined-logo img{height:18px;}
}
@media(max-width:360px){
  .plus-brand-lockup .plus-combined-logo img{height:18px;}
  .plus-reader-brand-lockup .plus-combined-logo img{height:13px;}
  .plus-combined-logo>.plus-combined-original{right:20px;}
  .plus-combined-logo>.plus-combined-plus{width:23px;right:-3px;}
}

/* Keep all Reader controls usable at 320–360px: a third header row is preferable
   to letting the branding cover the font-size, report or account controls. */
@media(max-width:360px){
  .reader-topbar{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:42px 44px 38px;
    min-height:124px;
    height:auto;
    align-content:center;
    column-gap:0;
    padding:0 12px;
  }
  .plus-reader-brand-lockup{grid-column:1;grid-row:1;height:42px;justify-self:start;}
  .plus-reader-brand-lockup .plus-combined-logo img{height:19px;}
  .reader-tools{grid-column:1;grid-row:2;height:44px;justify-self:end;}
  .plus-reader-tabs{grid-column:1;grid-row:3;height:38px;}
}