/* Localized generated labels; geometry and animation remain shared. */
html[lang^="en"] .fab-use-cases[open] .fab-case-toggle,
html[lang^="en"] .experience-technical[open] .experience-detail-toggle,
html[lang^="en"] .architecture-detail[open] .disclosure-label,
html[lang^="en"] .deployment-workflow[open] .disclosure-label{font-size:0}
html[lang^="en"] .fab-use-cases[open] .fab-case-toggle::after,
html[lang^="en"] .experience-technical[open] .experience-detail-toggle::after{content:"Collapse −"}
html[lang^="en"] .architecture-detail[open] .disclosure-label::after{content:"Collapse architecture −"}
html[lang^="en"] .deployment-workflow[open] .disclosure-label::after{content:"Collapse workflow −"}
@media(max-width:700px){html[lang^="en"] .fab-primer-page .article-figure figcaption:before{content:"Scroll the diagram horizontally"}}
.lang-switch-current{color:var(--ink);font-weight:700}
.lang-switch-link{color:var(--muted);text-decoration:none}
.lang-switch-link:hover{color:var(--cyan)}
@media(max-width:430px){
html[lang^="en"] :is(.article-page,.resource-page) .nav{position:relative;height:auto;min-height:59px;flex-wrap:wrap;padding:12px 15px;gap:8px}
html[lang^="en"] :is(.article-page,.resource-page) .nav .lang-switch{margin:0;align-self:center}
html[lang^="en"] :is(.article-page,.resource-page) .nav-cta{flex:1 0 100%;text-align:center}
html[lang^="en"] :is(.article-page,.resource-page) .nav-links{top:calc(100% + 8px)}
}