/* Language controls remain readable on laptop and phone layouts. */
.language-switcher{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 7px;border:1px solid transparent;font-size:14px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1;color:#c5cdbd;letter-spacing:.015em;transition:color .2s,border-color .2s,background .2s}
.language-switcher a:hover{color:#fff;border-color:#ffffff60}
.language-switcher a[aria-current="page"]{color:#fff;border-color:var(--red);background:#f12c351c}
.header-inner{gap:24px}
.desktop-nav{gap:26px}
.footer .language-switcher{margin:0 0 25px;justify-content:flex-end}
.translation-badge{display:inline-block;font-size:14px;font-weight:400;line-height:1.5;color:#92202a;border:1px solid #a4232b66;padding:4px 8px;margin-top:10px;letter-spacing:0}
.project-tags .translation-badge{margin-top:0;background:#101110e3;color:#f4e8e8;border-color:#b66a6e}
.lesson-info .translation-badge{display:table;color:#ecc6c8;border-color:#aa7176;margin:8px 0 0}
.translation-notice{padding:18px 22px;border-left:3px solid var(--red);background:#e7e9df;font-size:17px;line-height:1.75;color:#445535;margin-bottom:32px}
.translation-notice a{text-decoration:underline;text-underline-offset:3px}
html[lang="zh-Hans"]{--sans:Arial,"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"PingFang SC","Microsoft YaHei",monospace}
html[lang="zh-Hans"] .hero h1{line-height:1.15;letter-spacing:-.025em}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3,html[lang="zh-Hans"] .project-caption strong,html[lang="zh-Hans"] .journal-card>strong{letter-spacing:-.02em}
html[lang="zh-Hans"] .prose{line-height:1.95}
html[lang="zh-Hans"] .hero-description{line-height:1.85}
html[lang="zh-Hans"] .archive-heading h1,html[lang="zh-Hans"] .entry-heading h1{line-height:1.2}
html[lang="en"] .hero h1{font-size:clamp(64px,6.2vw,94px)}
html[lang="en"] .contact-button>span{font-size:26px}
@media(max-width:1180px){
  .header-inner{gap:20px}
  .desktop-nav{gap:24px}
  .header-cta{display:none}
}
@media(max-width:960px){
  .header .language-switcher{margin-left:auto}
}
@media(max-width:700px){
  .header-inner{gap:12px}
  .header .brand{margin-right:auto}
  .header .language-switcher{margin-left:0}
  .language-switcher{gap:2px}
  .language-switcher a{font-size:14px;min-width:40px;min-height:44px;padding:10px 6px}
  .header .menu-toggle{padding:8px;min-width:44px;min-height:44px}
  .footer .language-switcher{justify-content:flex-start;margin-top:0;margin-bottom:25px}
  html[lang="en"] .hero h1{font-size:clamp(42px,7.4vw,62px)}
  html[lang="zh-Hans"] .hero h1{font-size:clamp(44px,7.8vw,66px);line-height:1.18}
  html[lang="en"] .project-main .project-caption strong{font-size:58px}
  html[lang="en"] .contact-button>span{font-size:22px}
  .translation-notice{font-size:16px;padding:16px 18px}
}
@media(max-width:480px){
  .header-inner{gap:6px}
  .header .brand{gap:7px}
  .header .brand-type{font-size:18px;letter-spacing:-.9px}
  .header .brand-type small{font-size:9px;letter-spacing:3px}
  .header .brand-mark{width:32px;height:28px}
}
@media(max-width:374px){
  .header .brand-mark{display:none}
  .header .brand-type{font-size:18px}
  html[lang="ru"] .hero h1{font-size:42px}
  html[lang="en"] .hero h1{font-size:39px}
  html[lang="zh-Hans"] .hero h1{font-size:42px}
}