/* Kept outside the collapsible menu, so both languages remain reachable on mobile. */
.atelier-home .language-switch{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0;font:500 .75rem/1.4 var(--a-font)}
.atelier-home .language-switch a{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:44px;padding:4px;color:var(--a-muted);text-decoration:none;border-bottom:2px solid transparent}
.atelier-home .language-switch a:hover,.atelier-home .language-switch a[aria-current="page"]{color:var(--a-coral-text);border-bottom-color:currentColor}
/* Visible inline boxes support editor hover/focus outlines. Inherited typography
   neutralises icon-only direct-span rules; fixed em/br markup stays intact. */
.atelier-home span[data-content-key]{display:inline;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}
.atelier-home .p-text-link>span[data-content-key],.atelier-home .a-button>span[data-content-key],.atelier-home .atelier-nav-contact>span[data-content-key]{color:inherit;flex-shrink:1}
.atelier-home .p-result-top>span[data-content-key]{color:inherit;font:inherit}
@media(min-width:901px){.atelier-home .language-switch{order:3;margin-left:12px}.atelier-home .atelier-nav-wrap{gap:18px}.atelier-home .atelier-nav{margin-left:auto}}
/* Grid keeps brand, language and menu on one row; expanded navigation owns its row. */
@media(max-width:900px){
 .atelier-home .atelier-nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;padding-block:8px}
 .atelier-home .atelier-nav-wrap>.atelier-brand{min-width:0;max-width:none;flex-shrink:1;margin:0;padding-block:4px}
 .atelier-home .brand-wordmark{font-size:min(1.55rem,5.5vw)}
 .atelier-home .language-switch{margin:0}
 .atelier-home .mobile-toggle{margin:0;white-space:nowrap}
 .atelier-home .atelier-nav{grid-column:1/-1;width:100%;min-width:0}
}
@media(max-width:620px){
 .atelier-home .brand-descriptor{font-size:.75rem}
 .atelier-home .language-switch a{min-width:30px}
 .atelier-home .mobile-toggle{width:44px;min-width:44px;justify-content:center;gap:0;padding-inline:9px}
 .atelier-home .mobile-toggle>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

.atelier-detail .a-link>span[data-content-key],.atelier-detail .d-back>span[data-content-key]{color:inherit;flex-shrink:1;font:inherit}
@media(min-width:901px) and (max-width:1100px){.atelier-detail .atelier-nav-wrap{gap:12px}.atelier-detail .atelier-nav{gap:12px}.atelier-detail .brand-descriptor{font-size:.65rem}}
/* Translation spans remain text, including in flex summaries with separate icons. */
.atelier-detail span[data-content-key]{min-width:0;flex-shrink:1}
.atelier-detail .d-fold[open] summary>span[data-content-key]{transform:none}