/* Every palette keeps a calm reading surface and matched artwork accents. */
.topbar{background:var(--paper);background:color-mix(in srgb,var(--paper) 94%,transparent);border-color:var(--line)}
.language,.archive-section,.story figure>div{background:var(--panel)}
.archive-section,.archive-row,.archive-row:last-child,.filter,.search,.button.outline,.archive-actions .download,.font-buttons button{border-color:var(--line)}
.hero-scene,.about-art,.cover-stage,.cover-stage.robinhood,.cover-stage.bnb,.reader-cover,.reader-cover.robinhood,.reader-cover.bnb,.story blockquote{background:var(--panel)}
.cover-stage.robinhood,.reader-cover.robinhood{background:color-mix(in srgb,var(--panel) 65%,var(--yellow))}
.cover-stage.bnb,.reader-cover.bnb{background:color-mix(in srgb,var(--paper) 70%,var(--yellow))}
.hero-scene>img{aspect-ratio:1672/941;object-fit:contain;width:100%;height:auto}
.scene-label{background:var(--paper);border-color:var(--line)}
.button.primary:hover{background:var(--ink)}
.button.outline:hover,.cover-arrow,.related-card{background:var(--paper)}
.status-dot{box-shadow:0 0 0 4px var(--panel)}
.story .citation:hover{background:var(--panel)}
.source-list li:target{background:var(--yellow);outline-color:var(--yellow)}
.wordmark img{object-fit:contain;border-radius:12px}
.editorial-signature img{height:38px;object-fit:contain;border-radius:8px}
.about-art img{object-fit:contain;border-radius:22px}
.search input::placeholder{color:var(--muted);opacity:1}
@media(max-width:760px){.scene-label,.scene-caption{position:static;display:inline-flex;margin:8px 10px;font-size:8px}.scene-caption{float:right}.hero-scene>img{aspect-ratio:1672/941}.hero-scene{padding-bottom:2px}}

.footer-social{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid #ffffff55;border-radius:40px;font-size:12px;font-weight:700;white-space:nowrap;color:#fff;transition:color .2s,border-color .2s}.footer-social svg{width:18px;height:18px;fill:currentColor;stroke:none}.footer-social:hover{color:var(--yellow);border-color:var(--yellow)}.footer-social:focus-visible{outline-color:var(--yellow)}
@media(max-width:760px){.footer-social{margin-top:20px}}