/* Keep all logo sizing here, overriding the older text-based brand rules. */
html[data-site="en"] body.template-home .hero h1.brand-lockup{width:560px!important;max-width:100%!important;display:block!important;line-height:1!important;font-size:inherit!important;padding:0!important;letter-spacing:0!important;overflow:visible!important;background:none!important;filter:none!important}
html[data-site="en"] body .hero .approved-hero-logo{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;filter:none!important;transform:none!important;border:0!important}
html[data-site="en"] body .site-header .site-ai-logo,html[data-site="en"] body .site-footer .site-ai-logo{display:block!important;width:36px!important;height:30px!important;max-width:none!important;flex:0 0 auto!important;object-fit:contain!important;filter:none!important;transform:none!important}
html[data-site="en"] body .site-header .brand,html[data-site="en"] body .site-footer .brand{display:inline-flex!important;gap:9px!important;align-items:center!important;flex-shrink:0!important}
html[data-site="en"] body .site-header .brand .brand-word,html[data-site="en"] body .site-footer .brand .brand-word{font-family:Geist,system-ui,sans-serif!important;font-size:24px!important;line-height:1.2!important;font-weight:650!important;letter-spacing:-.035em!important;text-transform:none!important;white-space:nowrap!important;background:linear-gradient(90deg,#9bf8d5,#f5d888)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
@media(max-width:600px){
 html[data-site="en"] body .site-header .site-ai-logo{width:28px!important;height:24px!important}
 html[data-site="en"] body .site-header .brand .brand-word{font-size:21px!important}
 html[data-site="en"] body.template-home .hero h1.brand-lockup{width:100%!important;max-width:440px!important}
}
@media(max-width:360px){html[data-site="en"] body .site-header .brand{gap:6px!important}html[data-site="en"] body .site-header .brand .brand-word{font-size:19px!important}html[data-site="en"] body .site-header .site-ai-logo{width:24px!important;height:22px!important}}

/* ── 翻译兜底 ─────────────────────────────────────────────────
   上面那些规则挂在 html[data-site="en"] 上。data-site 是浏览器翻译器
   不会改的属性（它只改 lang、加 class），所以正常情况下够用了。
   但 logo 是唯一一个「规则失效就会撑破页面」的元素：hero 那张图
   固有宽度 2400px，一旦没有 width 规则管它，整页就横向溢出。
   所以再补一层不带任何作用域的硬上限 —— 不管哪条规则失效都兜得住。 */
.hero h1.brand-lockup{max-width:560px}
.hero .approved-hero-logo,.brand-lockup img{
 display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.brand .site-ai-logo,.site-header .site-ai-logo,.site-footer .site-ai-logo{
 max-width:36px;max-height:30px;flex:0 0 auto;object-fit:contain}
.brand{max-width:100%;min-width:0}
.brand .brand-word{min-width:0}
img{max-width:100%}
.site-header,.site-footer,main{min-width:0}
/* 翻译后文字普遍变长（德语大概 +30%），而且德语常有 30 多个字母的
   复合词，一个词就能把栅格顶出屏幕。
   用 anywhere 而不是 break-word：两者断词时机一样，但只有 anywhere 会
   把「可断」算进 min-content 尺寸 —— 否则 flex / grid 的列仍按整词的
   max-content 撑开，断了也白断。英文里没有长到需要断的词，原样不受影响。 */
body,p,li,dd,dt,td,th,h1,h2,h3,h4,figcaption,blockquote,
a,button,summary,code{overflow-wrap:break-word}
/* anywhere 比 break-word 狠一档（它会改变 min-content 尺寸，所以能让
   flex / grid 的列真的收缩），但同样会改变**英文**的断行 —— 实测
   slp-experiment 那种长表格页整页重排。所以只在翻译后才开。 */
html:not([lang="en"]) body,html:not([lang="en"]) p,html:not([lang="en"]) li,
html:not([lang="en"]) dd,html:not([lang="en"]) dt,html:not([lang="en"]) td,
html:not([lang="en"]) th,html:not([lang="en"]) h1,html:not([lang="en"]) h2,
html:not([lang="en"]) h3,html:not([lang="en"]) h4,html:not([lang="en"]) a,
html:not([lang="en"]) span,html:not([lang="en"]) strong,
html.translated-ltr body,html.translated-ltr p,html.translated-ltr li,
html.translated-ltr dd,html.translated-ltr dt,html.translated-ltr td,
html.translated-ltr th,html.translated-ltr h1,html.translated-ltr h2,
html.translated-ltr h3,html.translated-ltr h4,html.translated-ltr a,
html.translated-ltr span,html.translated-ltr strong{overflow-wrap:anywhere}