/* Approved page artwork remains unchanged. Reader polish and bounded navigation. */
@media screen{
 html{scroll-behavior:auto!important;scroll-padding-top:92px}
 body{background:#e8edf2}
 #profile{gap:30px!important}
 #profile>.poster-page{box-shadow:0 10px 32px #102b4319,0 0 0 1px #cbd5df70!important;scroll-margin-top:92px}
 .reader-toolbar{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom:1px solid #dce3ea;box-shadow:0 4px 20px #06234b0a}
 .reader-toolbar button,.reader-toolbar a.download,.edition-switch{border-radius:6px!important;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important}
 .reader-toolbar button:hover:not(:disabled){background:#e9eff6;box-shadow:0 2px 6px #06234b12}
 .reader-toolbar button:focus-visible,.reader-toolbar a:focus-visible,#contents-panel a:focus-visible{outline:2px solid #e79016;outline-offset:3px}
 #contents-panel{transition:transform .36s cubic-bezier(.16,1,.3,1),visibility .36s!important;box-shadow:18px 0 55px #06234b24}
 #contents-panel nav a,#search-results a{transition:background-color .16s ease,color .16s ease}
 .reader-progress i{transition:width .28s cubic-bezier(.2,.7,.2,1)!important}
 #media-viewer{border:1px solid #cbd5df;border-radius:10px;box-shadow:0 20px 80px #06234b55}
 #media-viewer[open]{animation:awDialogIn .24s cubic-bezier(.16,1,.3,1)}
 #media-viewer::backdrop{background:rgba(3,16,33,.78)}
 @keyframes awDialogIn{from{opacity:.5;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
}
@media(max-width:600px){#profile{gap:18px!important}.reader-toolbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}
@media print{#profile>.poster-page{box-shadow:none!important}.reader-toolbar,.reader-progress{display:none!important}}

@media screen{#profile>.poster-page:not(.active) .float-rig{animation-play-state:paused!important;will-change:auto!important}#profile>.poster-page .v83-enter{will-change:auto!important}}

@media screen{
 .reader-toolbar .reader-title,.reader-toolbar button,.reader-toolbar .edition-switch,.reader-controls input{color:#06234b!important}
 .reader-title>span,.reader-controls>label{color:#52677d!important}
 #story-start,.aw-hero-refined{background:#06234b!important}
}

@media(prefers-reduced-motion:reduce){
 html body .reader-progress i,html body .reader-toolbar button,html body .reader-toolbar a.download,html body .edition-switch,html body #contents-panel,html body #contents-panel a,html body #search-results a{transition:none!important}
 html body #media-viewer[open],#profile .float-rig,#profile .v65-floating,#profile .v83-enter{animation:none!important;transition:none!important}
}

/* Navy navigation - reader only. */
@media screen{
 html body .reader-toolbar{background:linear-gradient(110deg,#03172d 0%,#06234b 60%,#10385d 100%)!important;border-bottom:1px solid #315371!important;box-shadow:0 4px 18px #03172d30!important}
 html body .reader-toolbar .reader-title,html body .reader-toolbar button,html body .reader-toolbar .edition-switch{color:#f4f7fb!important}
 html body .reader-toolbar .reader-title>span{color:#b9cbe0!important}
 html body .reader-toolbar button,html body .reader-toolbar .edition-switch{background:transparent!important;border-color:#9ab5d15c!important}
 html body .reader-toolbar button:hover:not(:disabled),html body .reader-toolbar .edition-switch:hover{background:#ffffff14!important;border-color:#e79016!important}
 html body .reader-toolbar .reader-controls>label,html body .reader-toolbar .reader-controls input{color:#06234b!important}
 html body .reader-toolbar a.download{background:#e79016!important;color:#06234b!important;border-color:#e79016!important}
 html body .reader-toolbar a.download:hover{background:#f4a326!important}
}

/* Desktop canvas only; profile artwork, mobile and print retain their existing surfaces. */
@media screen and (min-width:1024px){
 html body{
  background-color:#061c34!important;
  background-image:radial-gradient(ellipse at 15% 12%,rgba(39,86,127,.36),transparent 55%),radial-gradient(ellipse at 88% 82%,rgba(19,62,100,.32),transparent 58%),linear-gradient(135deg,#03172d 0%,#0b2b4a 48%,#061b32 100%)!important;
  background-attachment:fixed!important;
  background-size:cover!important;
 }
 html body #profile{background:transparent!important}
}