.language-switcher{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-color);background:rgba(245,241,232,.72)}
.language-link{min-width:30px;height:28px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;line-height:1;letter-spacing:.04em;color:var(--text-secondary);transition:var(--transition)}
.language-link:hover{color:var(--red-accent);background:var(--red-light)}
.language-link.active{color:#fff;background:var(--red-accent)}
@media(max-width:600px){.nav{padding:0 14px}.nav-actions{gap:10px}.nav-logo-cn{font-size:15px}.nav-logo-en{display:none}.logo-wrap{gap:8px}.logo-stamp{height:26px}.language-link{min-width:27px;padding:0 5px}}
@media(max-width:380px){.nav-logo-name{display:none}}

html[lang='fr'] #biz-card-marketing .biz-card-title-wrap{flex-basis:100%}
html[lang='en'] .hero-actions,
html[lang='fr'] .hero-actions{flex-direction:column;align-items:flex-start;flex-wrap:nowrap!important;gap:12px!important}
html[lang='en'] .hero-actions .btn-primary,
html[lang='en'] .hero-actions .btn-secondary,
html[lang='fr'] .hero-actions .btn-primary,
html[lang='fr'] .hero-actions .btn-secondary{flex:0 0 auto!important;width:100%;max-width:280px;white-space:normal!important}
html[lang='en'] .hero-desc,
html[lang='en'] .biz-desc,
html[lang='en'] .book-text,
html[lang='fr'] .hero-desc,
html[lang='fr'] .biz-desc,
html[lang='fr'] .book-text{text-align:left}

/* Accessible zoom and narrow-viewport reflow */
.bento-container,
.bento-card,
.book-columns-grid,
.book-column,
.biz-column,
.biz-card-header,
.biz-card-title-wrap,
.advantages-list,
.advantage-item,
.contact-methods-bar,
.contact-method-item,
.form-row-grid,
.form-group,
.footer-container,
.footer-column,
.footer-contact-row,
.nav-actions{min-width:0}

.hero-desc,
.biz-desc,
.biz-item-desc,
.adv-desc,
.book-text,
.book-list-item,
.contact-method-item,
.footer,
.drawer-head p{overflow-wrap:anywhere;word-break:normal}

input,
textarea,
select{max-width:100%;min-width:0}

@media(max-width:480px){
  .nav-logo-name{display:none}
  .nav-menu-btn,.language-switcher{flex-shrink:0}
  .hero-actions{flex-direction:column;align-items:stretch;flex-wrap:nowrap!important;gap:10px!important}
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{flex:0 0 auto!important;width:100%;max-width:none;padding:12px 14px!important;white-space:normal!important}
  .book-direct-btn{white-space:normal;text-align:left}
}

@media(max-width:340px){
  .nav{padding-left:10px;padding-right:10px}
  .nav-actions{gap:6px}
  .language-switcher{gap:0;padding:2px}
  .language-link{min-width:25px;padding:0 4px}
  .nav-menu-btn{width:34px}
}
body{overflow-x:visible}
.drawer{right:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1)}
.drawer.open{right:0;transform:translateX(0)}

/* Title reflow for browser zoom and large system text */
.hero-main-title,
.hero-main-title span,
.hero-pre-tag,
.section-title,
.section-tag,
.section-tag-small,
.card-title-serif,
.card-subtitle-mono,
.biz-title,
.biz-subtitle,
.biz-badge-red,
.biz-badge-blue,
.book-title,
.book-col-header,
.book-top-left-header .tl-tag,
.book-top-left-header .tl-title,
.book-top-left-header .tl-subtitle,
.field-label{
  max-width:100%;
  min-width:0;
  height:auto;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}

.hero-slogan-wrap,
.section-header,
.section-card-header,
.book-top-left-header,
.book-inner{max-width:100%;min-width:0;height:auto}

@media(max-width:480px){
  .section{padding-left:0!important;padding-right:0!important}
  .bento-container{padding-left:12px;padding-right:12px}
  .bento-card{padding:18px}
  .hero-main-title{font-size:clamp(24px,8vw,32px);line-height:1.35;letter-spacing:0}
  .section-title{font-size:clamp(21px,7vw,28px);line-height:1.4;letter-spacing:0}
  .card-title-serif{font-size:clamp(19px,6vw,22px);line-height:1.4}
  .book-title{font-size:clamp(20px,6.5vw,24px);line-height:1.4;letter-spacing:.02em}
  .biz-title{font-size:clamp(17px,5.5vw,20px);line-height:1.4}
  .hero-pre-tag,
  .section-tag,
  .section-tag-small,
  .card-subtitle-mono,
  .biz-subtitle,
  .book-top-left-header .tl-tag,
  .book-top-left-header .tl-title,
  .book-top-left-header .tl-subtitle{line-height:1.5;letter-spacing:.03em}
  .book-col-header,.field-label{line-height:1.5;letter-spacing:.02em}
}

@media(max-width:340px){
  .bento-container{padding-left:8px;padding-right:8px}
  .bento-card{padding:14px}
  .hero-main-title{font-size:22px}
  .section-title{font-size:20px}
}
