/* R139 English-specific independent responsive tweaks, no original source overrides. */
.release-details{display:inline-flex;align-items:center;min-height:44px;color:#e3bb7b;
 text-decoration:underline;text-underline-offset:4px;font-size:13px}
.release-details:focus-visible,.language-switch a:focus-visible{outline:3px solid #ffe0a3;outline-offset:3px}
@media(max-width:760px){.language-switch{flex:none;gap:4px;margin-left:auto;max-width:85px}
 .language-switch a{min-width:30px;min-height:44px}}
@media(max-width:390px){.language-switch{font-size:10px;gap:2px}
 .language-switch a{min-width:25px}}


/* R139 MOBILE PREMIUM HEADER FINAL:
   Native single-line ALONEHUNTER logo; top row only logo+Menu,
   RU / EN on its own right-aligned row. Keep both language links
   visible even where legacy music.css hides nav a:not([aria-current]).
   No overflow clipping, no fake image, no sticky manipulation. */
@media(max-width:760px){
 header.sitebar,header.topbar{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;align-items:center;
  column-gap:10px;row-gap:0;justify-content:stretch;
  height:auto;min-height:75px;padding:9px clamp(12px,4vw,22px) 4px;
 }
 header.sitebar>.wordmark,header.topbar>.brand{
  grid-column:1;grid-row:1;min-width:0;
  white-space:nowrap;overflow-wrap:normal;
  display:inline-flex;align-items:center;justify-self:start;
  max-width:100%;margin:0;flex-shrink:1;
 }
 header.sitebar>.hamburger,header.topbar>.mobile-nav{
  grid-column:2;grid-row:1;justify-self:end;margin:0;
 }
 header.sitebar>.language-switch,header.topbar>.language-switch{
  grid-column:1/-1;grid-row:2;justify-self:end;justify-content:flex-end;
  width:auto;max-width:none;min-width:72px;
  display:inline-flex;gap:8px;margin:0;padding:0 0 1px;
 }
 header.sitebar>.language-switch a,header.topbar>.language-switch a{
  display:inline-flex!important;min-width:30px;min-height:36px;
  align-items:center;justify-content:center;
 }
 header.sitebar .wordmark{
  font-size:clamp(12px,3.45vw,16px);letter-spacing:.075em;
  gap:6px;white-space:nowrap;
 }
 header.sitebar .wordmark .monogram-master{width:26px;height:26px}
 header.topbar .brand-letter{
  font-size:clamp(12px,3.25vw,16px);letter-spacing:.05em;
  white-space:nowrap;line-height:1.2;
 }
 header.topbar .brand-letter small{
  font-size:7px;letter-spacing:.055em;white-space:nowrap;
 }
 header.sitebar .hamburger summary,header.topbar .mobile-nav summary{
  white-space:nowrap;min-width:70px;min-height:44px;
  display:flex;justify-content:center;align-items:center;
  font-size:12px;padding:8px 10px;
 }
}
@media(max-width:390px){
 header.sitebar .wordmark{font-size:clamp(12px,3.7vw,14px);letter-spacing:.04em}
 header.topbar .brand{gap:5px}
 header.topbar .brand .monogram-master{width:24px;height:24px}
 header.topbar .brand-letter{font-size:clamp(12px,3.6vw,14px);letter-spacing:.01em}
 header.topbar .brand-letter small{font-size:6px;letter-spacing:0}
 header.sitebar>.language-switch a,header.topbar>.language-switch a{
  display:inline-flex!important;min-width:26px;min-height:36px;
 }
}
@media(max-width:320px){
 header.sitebar .wordmark{font-size:12px;letter-spacing:.025em;gap:4px}
 header.sitebar .wordmark .monogram-master{width:22px;height:22px}
 header.topbar .brand-letter{font-size:12px}
 header.sitebar .hamburger summary,header.topbar .mobile-nav summary{
  min-width:66px;padding:7px 8px;font-size:11px;
 }
}


/* R142B: truthful 240px small-phone viewport fix.
   At 240px, the full ALONEHUNTER hero H1 was 251px min-content wide
   in a 224px container, causing Chrome visual viewport to expand to 259px.
   Do not clip/hide content. Reduce only EN homepage brand headline. */
@media(max-width:280px){
  .cinema .hero-copy h1{
    font-size:24px;
    letter-spacing:0;
    overflow-wrap:anywhere;
  }
}

/* R142C: independently reproduced EN home lower panel H2 min-content
   width 225px inside 196px at viewport 240px. Typography fix only.
   Do not crop content or hide overflow. */
@media(max-width:280px){
  .panel h2{font-size:24px;letter-spacing:0;overflow-wrap:anywhere}
}