/* Shared first-release usability rules. */
body .site-header { align-items: center; min-height: 76px; padding-top: 16px; padding-bottom: 16px; }
body .site-header .header-note { display: none; }
body .site-header .language { min-width: 44px; min-height: 44px; }
body .site-header #site-nav a { display: inline-flex; align-items: center; min-height: 44px; }
body .site-header #site-nav a:after { bottom: 4px; }
body .site-header .header-actions { gap: 16px; }
.hero-word { padding-bottom: .08em; margin-bottom: -.08em; }
.opening-scroll-hint { font-size: 14px; text-decoration: underline; text-underline-offset: 6px; }
.editorial-work-number { display: none; }
[id] { scroll-margin-top: 100px; }
.draft-copy { margin: 20px 0 0; display: block; cursor: pointer; }
[data-copy-status]:empty { display: none; }
#draft-status { scroll-margin-top: 110px; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.film-error { margin-top: 16px; font-size: 16px; line-height: 1.6; }
@media(max-width:700px) {
 body .site-header { min-height: 72px; padding: 14px 20px; }
 body .site-header .menu-toggle { width: 44px; height: 44px; align-items: center; }
 body .site-header .header-actions { padding: 0; }
 body .site-header #site-nav { height: 100dvh; overflow-y: auto; }
 body.menu-is-open { overflow: hidden; }
 .hero-title { bottom: 64px; }
 .opening-credit { bottom: 22px; max-width: none; font-size: 11px; }
 .page-index .layer-title { line-height: 1.16; }
 body[data-lang=zh].page-index .layer-title { letter-spacing: 0; }
 .page-index .layer-description { line-height: 1.8; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }

body[data-lang=zh] .library-title { line-height: 1.22; letter-spacing: 0; }
.error-links { display: flex; gap: 32px; padding: 32px var(--editorial-pad) 96px; flex-wrap: wrap; }
@media(max-width:700px) { .page-index .opening-scroll-hint { display: inline-block; top: 22%; } }

/* A stable navigation surface remains readable over every artwork and essay. */
body[class] .site-header, body[class] .site-header[data-nav-context] { background: #f7f7f4; color: #20211f; mix-blend-mode: normal; text-shadow: none; border-bottom: 1px solid #deded8; }
body[class] .site-header .wordmark, body[class] .site-header .language, body[class] .site-header #site-nav, body[class] .site-header .header-contact { color: #20211f; text-shadow: none; }

/* Reveal masks reserve descenders in English and full Chinese glyph height. */
.layer-title .copy-line { padding-top: .06em; padding-bottom: .16em; margin-top: -.06em; margin-bottom: -.16em; }