/* A native link keeps language selection usable before or without JavaScript. */
.nav-links .language-switch { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 60px; min-height: 44px; padding: 0 10px; color: #354153; border: 1px solid #dfe5ec; border-radius: 999px; font-size: 12px; line-height: 1; transition: background .2s, border-color .2s; }
.nav-links .language-switch svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.4; }
.nav-links .language-switch::after { display: none; }
.nav-links .language-switch:hover { background: #edf5ff; border-color: #afcbe9; }
html:lang(en) .hero h1 { white-space: normal; text-wrap: balance; font-size: clamp(48px,6.2vw,88px); line-height: 1.1; max-width: 1100px; margin-inline: auto; letter-spacing: -.06em; }
html:lang(en) .hero-content > p { max-width: 850px; text-wrap: balance; }
html:lang(en) .chapter .project-title { font-size: clamp(42px,3.65vw,58px); line-height: 1.08; letter-spacing: -.05em; }
html:lang(en) .chapter .project-title > span { display: block; overflow-wrap: normal; }
html:lang(en) .chapter .chapter-description { line-height: 1.65; }
html:lang(en) .chapter .feature-tags { letter-spacing: 0; font-size: 12px; }
html:lang(en) .chapter .atlas-overview h3 { font-size: clamp(23px,2.15vw,33px); white-space: normal; }
html:lang(en) .chapter .preview-brand { font-size: 27px; }
html:lang(en) .chapter .phone-content > h3 { font-size: 24px; }
html:lang(en) .chapter .lian-note b { font-size: 16px; }
html:lang(en) .chapter .monitor-main .preview-brand { font-size: 23px; }
html:lang(en) .chapter .session-card h3 { font-size: 21px; }
html:lang(en) .chapter .code-row > b { white-space: normal; }
html:lang(en) .chapter .ai-title { font-size: 29px; }
html:lang(en) .chapter .ai-timeline b { font-size: 19px; }
html:lang(en) .next-chapter h2 { font-size: clamp(46px,6.5vw,90px); white-space: normal; text-wrap: balance; }
html:lang(en) .next-intro { text-wrap: balance; }
html:lang(en) .chapter-next { max-width: 62%; }

@media (max-width: 999px) {
  html:lang(en) .hero h1 { font-size: clamp(42px,7.5vw,66px); }
  html:lang(en) .chapter .project-title { font-size: 50px; }
}
@media (max-width: 600px) {
  .nav-inner { padding-inline: 18px; }
  .nav-links { gap: 14px; }
  .nav-links .language-switch { min-width: 48px; min-height: 44px; padding-inline: 7px; gap: 4px; font-size: 11px; }
  .nav-links .language-switch svg { width: 13px; height: 13px; }
  html:lang(en) .hero h1 { font-size: clamp(38px,10vw,54px); line-height: 1.1; max-width: 410px; }
  html:lang(en) .hero-content > p { font-size: 15px; max-width: 340px; line-height: 1.7; }
  html:lang(en) .hero-actions { gap: 17px; flex-wrap: wrap; }
  html:lang(en) .hero-actions .hero-button { padding-inline: 20px; }
  html:lang(en) .hero-text-link { font-size: 14px; }
  html:lang(en) .works-intro h2 { font-size: 27px; }
  html:lang(en) .works-intro { gap: 12px; }
  html:lang(en) .works-intro p { font-size: 13px; max-width: 240px; line-height: 1.6; }
  html:lang(en) .works-intro p > span { display: inline; }
  html:lang(en) .directory-copy { align-items: flex-start; flex-direction: column; gap: 3px; }
  html:lang(en) .directory-item { min-height: 68px; }
  html:lang(en) .directory-copy > span { white-space: normal; }
  html:lang(en) .chapter .project-title { font-size: clamp(37px,10.2vw,46px); max-width: 360px; margin-inline: auto; }
  html:lang(en) .chapter .feature-tags { font-size: 11px; }
  html:lang(en) .chapter .atlas-overview h3 { font-size: 25px; }
  html:lang(en) .chapter .preview-brand { font-size: 22px; }
  html:lang(en) .chapter .travel-photo > span { font-size: 16px; }
  html:lang(en) .chapter .phone-content > h3 { font-size: 22px; }
  html:lang(en) .chapter .lian-note b { font-size: 14px; }
  html:lang(en) .chapter .lian-note p { font-size: 11px; }
  html:lang(en) .chapter .ma-top { font-size: 11px; }
  html:lang(en) .chapter .ma-bottom { font-size: 11px; letter-spacing: 0; gap: 8px; }
  html:lang(en) .chapter .ma-float { width: 206px; gap: 12px; }
  html:lang(en) .chapter .monitor-main .preview-brand { font-size: 21px; }
  html:lang(en) .chapter .session-card h3 { font-size: 19px; }
  html:lang(en) .chapter .code-row { gap: 7px; }
  html:lang(en) .chapter .code-row > b { font-size: 12px; }
  html:lang(en) .chapter .code-row > span:last-child { font-size: 9px; }
  html:lang(en) .chapter .monitor-summary { gap: 8px; font-size: 10px; }
  html:lang(en) .chapter .ai-title { font-size: 24px; }
  html:lang(en) .chapter .ai-timeline b { font-size: 15px; }
  html:lang(en) .chapter .ai-timeline p { font-size: 12px; }
  html:lang(en) .chapter-next > span { display: none; }
  html:lang(en) .chapter-next b { font-size: 11px; }
  html:lang(en) .chapter-catalog .project-kind { font-size: 10px; }
  html:lang(en) .next-chapter h2 { font-size: 47px; }
  html:lang(en) .personal-links h3 { font-size: 23px; }
}
@media (max-width: 360px) {
  .nav-inner { padding-inline: 14px; }
  .nav-inner .wordmark { font-size: 11px; letter-spacing: .12em; }
  .nav-links { gap: 10px; }
  .nav-links a { font-size: 11px; }
  .nav-links .language-switch { min-width: 44px; padding-inline: 6px; }
  .nav-links .language-switch svg { display: none; }
  html:lang(en) .hero-actions { gap: 13px; }
  html:lang(en) .hero-actions .hero-button { padding-inline: 16px; font-size: 13px; }
  html:lang(en) .hero-text-link { font-size: 13px; gap: 4px; }
  html:lang(en) .chapter .ma-top { font-size: 10px; }
}