/* Inactive readers must not leak fixed controls onto any other route. */
body #reader:not(.active),body:not(.route-reader) #reader{display:none!important;visibility:hidden!important;pointer-events:none!important}
#reader:not(.active) .hx-reader-header,body:not(.route-reader) .hx-reader-header{display:none!important}
/* Every cover uses the same full portrait composition and cream/gold lettering. */
.hx-edition-cover{display:block;position:relative;isolation:isolate;aspect-ratio:2/3;overflow:hidden;background:#020607}
.hx-edition-cover>img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:2/3!important;object-fit:contain!important;object-position:center!important;margin:0!important}
.hx-cover-lettering{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important;filter:none!important;transform:none!important}
.release-coordinate-deck .release-card .hx-edition-cover{width:100%}
.platform-issue-card .hx-edition-cover{width:100%;margin:0;letter-spacing:normal}
.platform-series-hero .hx-edition-cover.series-cover,.platform-issue-hero .hx-edition-cover.issue-cover{height:auto!important;max-height:none!important;width:100%;max-width:440px;justify-self:center}
#reader #cover{display:none!important}
#page{position:relative}
.hx-reader-edition{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hx-reader-edition[hidden]{display:none!important}
.customer-releases .hx-edition-cover{width:80px;flex:0 0 80px}
.customer-resume .hx-edition-cover{width:84px;float:left;margin-right:20px}
/* The global header height must not constrain wrapped series metadata. */
.platform-surface .platform-head{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;height:auto!important;min-height:0!important;max-height:none!important;padding:24px 0!important;gap:20px;align-items:center;background:none!important;box-shadow:none;backdrop-filter:none;border-bottom:1px solid #a9baff26!important}
.platform-head>div{min-width:0}
.platform-head h1{font:500 clamp(28px,5vw,54px)/1.12 Georgia,serif!important;letter-spacing:.01em!important;margin:6px 0;color:#eeeaf4}
.platform-surface .platform-head{left:0;width:100%;clip-path:none;overflow:visible}
.platform-surface .platform-head:before,.platform-surface .platform-head:after{content:none}
.platform-head span{font:14px/1.5 ui-monospace,monospace;letter-spacing:.02em;color:#a2adc1;overflow-wrap:anywhere}
.platform-head .platform-back,.platform-head .platform-search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:64px;min-height:64px;padding:0;border:0;background:none;color:#c7c5f5;cursor:pointer}
.platform-head button svg{width:44px;height:44px;fill:none;stroke:#d8e7ff;stroke-width:1.1;filter:drop-shadow(0 0 7px #a697ff66)}
.platform-head button .platform-icon-inner{stroke:#b69aff}.platform-head button .platform-icon-axis{stroke:#8eaecc;opacity:.2}
.platform-head button small{font:12px/1.3 ui-monospace,monospace;letter-spacing:.05em;color:#a9bcd0}
.platform-head button:hover svg,.platform-head button:focus-visible svg{filter:drop-shadow(0 0 9px #bbaaff);stroke:#fff}
.platform-head button:focus-visible{outline:1px solid #bbaaff;outline-offset:4px}
.platform-head .platform-search:after{content:none}
@media(max-width:720px){
  .platform-surface .platform-head{grid-template-columns:1fr 1fr;gap:16px;padding:16px 0 24px!important}
  .platform-head .platform-back{justify-self:start}.platform-head .platform-search{justify-self:end}
  .platform-head>div{grid-column:1/-1;grid-row:2;text-align:left}
  .platform-head h1{font-size:30px!important;line-height:1.16!important}
  .platform-head span{font-size:14px;line-height:1.5}
  .platform-head p{font-size:12px;line-height:1.4}
}
@media(max-width:420px){
  .platform-issue-card>.hx-edition-cover{grid-column:1;grid-row:1/6;margin:0;align-self:start}
}
/* Cover tiles keep the same complete masthead at every UI size. */
.issue-tabs .thumb>.hx-edition-cover{width:100%;height:100%;aspect-ratio:auto}
#thumbGrid .hx-edition-cover{width:100%;height:auto;aspect-ratio:2/3}
.library-grid .card>.hx-edition-cover{width:100%}