.song-reading-page .release-reading-links { flex-wrap:wrap; gap:.8rem; }
.art-gallery { margin:3rem 0; padding-top:2rem; border-top:1px solid var(--line); scroll-margin-top:2rem; }
.art-gallery h2 { margin:0 0 1rem; color:var(--gold-soft); font:500 clamp(2rem,4vw,2.8rem) 'Cormorant Garamond',Georgia,serif; }
.art-gallery-intro { line-height:1.9; margin:0 0 1rem; }
.art-gallery-hint { color:var(--muted); font-size:.8rem; margin:0 0 1.5rem; }
.art-gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.art-gallery-card { min-width:0; margin:0; }
.art-gallery-card a { display:flex; align-items:center; justify-content:center; aspect-ratio:1; padding:.5rem; border:1px solid var(--line); border-radius:.3rem; background:rgba(17,10,26,.65); cursor:zoom-in; }
.art-gallery-card a:hover { border-color:var(--gold); }
.art-gallery-card img { display:block; width:100%; height:100%; object-fit:contain; }
.art-gallery-card figcaption { margin-top:.7rem; color:var(--gold-soft); font-size:.8rem; }
.art-gallery-card a:focus-visible,.art-lightbox button:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
body.art-gallery-open { overflow:hidden; }
.art-lightbox { width:min(85rem,calc(100vw - 2rem)); height:calc(100vh - 2rem); height:calc(100dvh - 2rem); max-width:none; max-height:none; margin:auto; padding:1rem; color:var(--paper); border:1px solid var(--gold); border-radius:.5rem; background:#090610; overflow:hidden; }
.art-lightbox[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:.75rem; }
.art-lightbox::backdrop { background:rgba(3,1,7,.92); }
.art-lightbox-header,.art-lightbox-footer { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.art-lightbox h2 { font:500 1.5rem 'Cormorant Garamond',Georgia,serif; color:var(--gold-soft); margin:0; }
.art-lightbox button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:.5rem .75rem; border:1px solid var(--line); border-radius:.25rem; background:#171021; color:var(--gold-soft); cursor:pointer; font:inherit; }
.art-lightbox button:hover { border-color:var(--gold); }
.art-lightbox-close { font-size:1.5rem !important; }
.art-lightbox-image { display:block; min-height:0; width:100%; height:100%; object-fit:contain; }
.art-lightbox-caption { margin:0; font-size:.8rem; text-align:center; color:var(--gold-soft); }
@media(max-width:600px) {
 .art-gallery-grid { grid-template-columns:1fr; gap:1.5rem; }
 .art-gallery-card a { aspect-ratio:auto; }
 .art-gallery-card img { height:auto; }
 .art-lightbox { width:calc(100vw - 1rem); height:calc(100vh - 1rem); height:calc(100dvh - 1rem); padding:.65rem; }
 .art-lightbox h2 { font-size:1.2rem; }
}

.story-header-artwork { width:100%; margin:0 auto 2rem; }
.story-header-artwork a { display:block; cursor:zoom-in; }
.story-header-artwork img { display:block; width:100%; height:auto; }
.story-header-artwork a:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }