/* Brand names stay intact when the browser translates surrounding content. */
.brand{white-space:nowrap}
.header-actions,.quote-label{min-width:0}
.quote-button{display:inline-flex;align-items:center;justify-content:center;gap:14px}
.quote-button .quote-label,.quote-button .quote-icon{margin:0}
.quote-icon{flex:none}
h1,h2,h3{overflow-wrap:anywhere}
.story-copy,.story-card,.page-intro{min-width:0}
@media(max-width:850px){
  .header{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px}
  .header-actions{justify-content:flex-end;gap:5px}
  .header .brand{gap:9px}
  .header .brand-name{font-size:12px;letter-spacing:.1em}
  .header .brand-name small{font-size:6px}
  .header .brand-symbol{font-size:28px;padding-right:9px}
  .header .quote-button{flex:0 1 auto;min-width:0;max-width:160px;min-height:44px;padding:9px 13px;gap:7px;white-space:normal;font-size:11px;line-height:1.3;text-align:center;overflow-wrap:anywhere}
  .menu-toggle{flex:0 0 44px}
}
@media(max-width:700px){
  .header{gap:8px}
  .header .quote-button{max-width:140px;padding:8px 11px;font-size:10px}
  .header .quote-icon{display:none}
  .story-card h1{font-size:clamp(60px,19.5vw,76px)}
  html.translated-ltr .story-card h1,html.translated-rtl .story-card h1,html[lang=uk] .story-card h1{font-size:clamp(40px,12.5vw,60px);line-height:1.08}
  html.translated-ltr .page-intro h1,html.translated-rtl .page-intro h1,html[lang=uk] .page-intro h1{font-size:clamp(40px,12vw,58px)}
}