/* Shared bilingual hierarchy refinements. Brand colours and local fonts retained. */
.language-switch{font-weight:700;border:1px solid currentColor;padding:2px 10px;border-radius:3px}
.phero .wrap{max-width:1440px}.phero .h-xl{max-width:24ch;font-size:clamp(29px,3.6vw,50px);line-height:1.2}
html[lang=en] .phero .h-xl{max-width:29ch;font-size:clamp(28px,3.2vw,48px);line-height:1.15}
html[lang=en] .brand-name{display:none}html[lang=en] .nav-link{padding-inline:10px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:13px;line-height:1.8}
.crumb a{text-decoration:underline;text-underline-offset:4px}.detail .prose{min-width:0}.prose p{max-width:74ch}
.src-note{border-left:3px solid var(--violet);padding:16px 20px;background:var(--mist);font-size:14px;color:var(--muted);line-height:1.8}
.side-box{border-top:3px solid var(--violet)!important}.side-box a{padding-block:6px;border-bottom:1px solid var(--line)}
.hub a{min-height:146px}.hub a:focus-visible{outline:3px solid var(--violet)}
.prose>*{min-width:0;overflow-wrap:anywhere}.prose .more{white-space:normal}.prose h2{overflow-wrap:normal}
@media(max-width:700px){.util nav .language-switch{display:inline-flex!important;margin-left:auto}.util nav{width:100%}.phero .wrap{padding-block:35px}.phero .h-xl{font-size:30px}html[lang=en] .phero .h-xl{font-size:30px}.crumb{font-size:12px}.chain.chain-9{grid-template-columns:1fr!important}.hub{grid-template-columns:1fr!important}.facts-grid p{overflow-wrap:anywhere}.case-body{min-width:0}html[lang=en] .slide-body .h-xl{font-size:30px}.prose{font-size:16px!important}}
