.lang-suggest{position:fixed;inset-inline:0;bottom:0;z-index:80;background:#FFFFFF;border-top:1px solid var(--card-border,#E0DED4);box-shadow:0 -2px 18px rgba(35,57,43,0.10)}
html.has-lang-suggest body{padding-bottom:96px}
@media(max-width:640px){html.has-lang-suggest body{padding-bottom:128px}}
.lang-suggest__inner{max-width:704px;margin:0 auto;padding:13px clamp(16px,4vw,32px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.lang-suggest__text{margin:0;font-size:15px;line-height:1.5;color:var(--forest)}
.lang-suggest__actions{display:flex;align-items:center;gap:8px}
.lang-suggest__btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 18px;border-radius:8px;background:var(--forest);color:var(--sand);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:filter .2s}
.lang-suggest__dismiss{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sage);cursor:pointer;transition:background-color .2s,color .2s}

.lang-suggest .lang-suggest__btn:hover{filter:brightness(1.12)}
.lang-suggest .lang-suggest__dismiss:hover{color:var(--forest);background:rgba(35,57,43,0.07)}
.lang-suggest .lang-suggest__btn:focus-visible,
.lang-suggest .lang-suggest__dismiss:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

@media(max-width:640px){
  .lang-suggest__inner{gap:15px 12px;padding-bottom:max(13px,env(safe-area-inset-bottom))}
  .lang-suggest__actions{display:contents}
  .lang-suggest__text{order:1;flex:1}
  .lang-suggest__dismiss{order:2;margin-block:-6px}
  .lang-suggest__btn{order:3;flex-basis:100%}
}

@media(prefers-reduced-motion:reduce){
  .lang-suggest__btn,.lang-suggest__dismiss{transition-duration:0.01ms}
}