/* Tendbo-owned interfaces only. No rules are injected into customer previews. */
@import url('./script-fonts.css?v=89ac540fc04861ba');
[data-language-picker]{display:inline-flex;max-inline-size:100%;align-items:center}
[data-locale-picker]{font:inherit;font-size:.9rem;color:inherit;background:#25344d;border:1px solid #60728c;border-radius:.45rem;padding:.4rem .6rem;max-inline-size:12rem;min-block-size:2.5rem}
[data-locale-picker]:focus-visible{outline:2px solid #ccddf0;outline-offset:3px}
html[dir=rtl] .header__actions,html[dir=rtl] .nav{direction:rtl}
.brand__logo,.brand__logo text{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=url],html[dir=rtl] input[type=email]{direction:ltr;text-align:start}
html[lang=ar],html[lang=arz],html[lang=ur],html[lang=ar] body,html[lang=arz] body,html[lang=ur] body{font-family:'DM Sans','Noto Sans Arabic',sans-serif}
html[lang=zh-Hans],html[lang=zh-Hans] body{font-family:'DM Sans','Noto Sans SC',sans-serif}
html[lang=ja],html[lang=ja] body{font-family:'DM Sans','Noto Sans JP',sans-serif}
html[lang=hi],html[lang=mr],html[lang=hi] body,html[lang=mr] body{font-family:'DM Sans','Noto Sans Devanagari',sans-serif}
html[lang=bn],html[lang=bn] body{font-family:'DM Sans','Noto Sans Bengali',sans-serif}
html[lang=te],html[lang=te] body{font-family:'DM Sans','Noto Sans Telugu',sans-serif}
html[lang=zh-Hans],html[lang=ja]{line-break:auto;word-break:normal;overflow-wrap:anywhere}
html[lang=hi],html[lang=mr],html[lang=bn],html[lang=te]{line-height:1.65}
@media(max-width:420px){[data-locale-picker]{max-inline-size:10rem}}

/* Language names and translated business labels must not be clipped by a fixed header. */
.playground-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}
.playground-shell>.workspace-header{height:auto;min-height:84px;min-width:0}
.playground-shell>.workspace{height:100%;min-height:0}
@media(max-width:760px){
 .playground-shell>.workspace-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:0}
 .workspace-header>[data-language-picker]{grid-column:1;grid-row:1}
 .workspace-header>.back-link{grid-column:2;grid-row:1;justify-self:end;font-size:11px;min-width:0;min-height:36px}
 .workspace-header>.back-link:before{content:none}
 .workspace-header>.workspace-identity{grid-column:1;grid-row:2}
 .workspace-header>#focus-site{grid-column:2;grid-row:2;max-width:115px}
 .workspace-identity p{max-inline-size:32ch}
}

/* Supply glyph coverage even where example identities specify serif/mono fonts.
 * The variable is absent on SV/EN and customer-imported documents. */
html:lang(ar),html:lang(arz),html:lang(ur){--tendbo-script-font:"Noto Sans Arabic"}
html:lang(hi),html:lang(mr){--tendbo-script-font:"Noto Sans Devanagari"}
html:lang(bn){--tendbo-script-font:"Noto Sans Bengali"}
html:lang(te){--tendbo-script-font:"Noto Sans Telugu"}
html:lang(zh){--tendbo-script-font:"Noto Sans SC"}
html:lang(ja){--tendbo-script-font:"Noto Sans JP"}
html:is(:lang(ar),:lang(arz),:lang(ur),:lang(hi),:lang(mr),:lang(bn),:lang(te)) :is(h1,h2,h3,.eyebrow){letter-spacing:normal!important;line-height:1.25;overflow-wrap:anywhere}
html:is(:lang(ar),:lang(arz),:lang(ur),:lang(hi),:lang(mr),:lang(bn),:lang(te)) .hero-copy{min-inline-size:0}
.demo-adjust-launcher{max-inline-size:calc(100% - 32px);box-sizing:border-box}
.demo-adjust-launcher strong,.demo-adjust-launcher small{overflow-wrap:anywhere}

@media(max-width:560px){
 html:is(:lang(ar),:lang(arz),:lang(ur),:lang(hi),:lang(mr),:lang(bn),:lang(te)) .hero-copy h1{font-size:clamp(32px,9vw,46px)!important}
}
/* Long translated words wrap inside the existing example composition. */
.hero-copy h1{overflow-wrap:anywhere}

/* EU Greek/Cyrillic fallback; Latin brand faces remain first for Latin locales. */
html:lang(el),html:lang(bg){--tendbo-script-font:"Noto Sans"}
html:lang(el) body,html:lang(bg) body{font-family:"DM Sans","Noto Sans",sans-serif}
/* Translated call-to-action labels must wrap rather than widen a mobile grid. */
.clarity .clarity-hero-grid>*{min-inline-size:0}
.clarity .url-entry__btn{white-space:normal;overflow-wrap:anywhere;min-inline-size:0}