/* Compact responsive navigation and a softly lit photographic desktop canvas. */
#reader-more[hidden],#reader-actions[hidden]{display:none!important}
#reader-actions{position:absolute;right:12px;top:calc(100% + 8px);width:min(310px,calc(100vw - 24px));padding:12px;display:grid;gap:8px;background:#fff;color:#06234b;border:1px solid #d5dfe8;border-radius:14px;box-shadow:0 18px 55px #03172d35;z-index:100002}
.reader-actions-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px;font-size:10px;font-weight:700;letter-spacing:1px;color:#61758a;border-bottom:1px solid #e6ecf1;margin-bottom:2px}
html body .reader-toolbar #reader-actions button,html body .reader-toolbar #reader-actions a{width:100%;min-height:44px;height:auto;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:12px 14px;color:#06234b!important;font-size:12px!important;line-height:1.35;text-align:left;border:1px solid #dbe4ec!important;border-radius:8px!important;background:#f4f7fa!important}
html body .reader-toolbar #reader-actions a.download{background:#f5a018!important;border-color:#f5a018!important;font-weight:700}
html body .reader-toolbar #reader-actions .reader-actions-close{width:28px;min-height:28px;height:28px;padding:0;justify-content:center;border:0!important;background:transparent!important;font-size:23px!important}
html body .reader-toolbar #reader-more{width:42px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1}
@media screen and (max-width:1199px){
 html body .reader-toolbar{height:60px!important;min-height:60px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px!important;padding:8px 12px!important;flex-wrap:nowrap!important}
 html body .reader-toolbar .reader-title{display:none!important}
 html body .reader-toolbar #contents-toggle{width:42px;height:40px;padding:0;justify-content:center}
 html body .reader-toolbar #contents-toggle span{display:none!important}
 html body .reader-toolbar .reader-controls{display:flex!important;justify-content:center;align-items:center;gap:6px!important;min-width:0;flex-wrap:nowrap!important}
 html body .reader-toolbar #previous,html body .reader-toolbar #next{width:36px;height:38px;padding:0;flex:0 0 36px}
 html body .reader-toolbar .reader-controls>label{height:38px;min-width:76px;justify-content:center;gap:4px;padding:4px 7px;margin:0;white-space:nowrap;font-size:11px}
 html body .reader-toolbar .reader-controls input{width:28px!important;padding:0!important;font-size:12px!important}
 html body #contents-panel{top:60px!important}
 html body .drawer-shade{top:60px!important;height:calc(100% - 60px)!important}
 html body #profile{padding-top:18px!important}
}
@media screen and (max-width:600px){
 html body .aw-bottom-nav{height:46px!important;min-height:46px!important;width:calc(100% - 16px)!important;max-width:430px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;padding:4px 6px!important;border-radius:12px!important;box-shadow:0 6px 22px #03172d2b!important}
 html body .aw-bottom-nav a{min-height:36px!important;font-size:9px!important}
}
@media screen{
 html body{background:#e0e5e9!important;background-image:none!important;isolation:isolate}
 html body::before{content:'';position:fixed;inset:-40px;z-index:-2;pointer-events:none;background:url('../assets/desktop-piling-panorama.webp') center center/cover no-repeat;filter:blur(4px) saturate(.65) brightness(.90);animation:readerCanvasDrift 45s ease-in-out infinite alternate;transform-origin:center}
 html body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(10,43,78,.52)}
 @keyframes readerCanvasDrift{from{transform:scale(1.035) translate(-6px,-4px)}to{transform:scale(1.065) translate(8px,5px)}}
}
@media(prefers-reduced-motion:reduce){html body::before{animation:none!important;transform:none!important}}
@media print{#reader-more,#reader-actions,body::before,body::after{display:none!important}}






/* Soft separation for the reader navigation. */
@media screen{html body .reader-toolbar{box-shadow:0 3px 12px rgba(2,15,32,.18)!important}}


/* The mobile reader uses the same approved cover as desktop. */
@media screen and (max-width:600px){
 html body #profile>.poster-page#premium-cover.aw-premium-cover{
  background:#071e38 url('../assets/front-cover-rigs-v17.lossless.webp') center / 100% 100% no-repeat!important;
  aspect-ratio:900/1273!important;height:auto!important;min-height:0!important;
  padding:0!important;overflow:hidden!important;display:block!important;
 }
 html body #premium-cover .aw-v23-cover-footer{display:none!important}
 html body::before{animation:none!important;filter:blur(5px) saturate(.6) brightness(.90);background-position:25% center}
}