/* One persistent invitation action, always at the right of the navigation. */
.nav .nav-in,.nav .nav-actions{direction:ltr}
.nav .nav-actions>.language-switch{order:0}
.nav .nav-actions>.login{order:1}
.nav .nav-actions>.mobile-menu{order:2}
.nav .nav-actions>[data-cta-position="header"]{order:3}
@media(max-width:760px){
 .nav .nav-in,html[lang=de] .nav .nav-in,html[lang=ar] .nav .nav-in{grid-template-columns:minmax(0,1fr) auto auto}
 .nav .nav-in>.logo{grid-column:1;grid-row:1}
 .nav .logo img{width:120px;height:auto}
 .nav .nav-actions>[data-cta-position="header"]{grid-column:2 / 4;grid-row:1;justify-self:end}
 .nav .language-switch{grid-column:1;grid-row:2;justify-self:start}
 .nav .nav-actions>.login{grid-column:2;grid-row:2;justify-self:end}
 .nav .mobile-menu{grid-column:3;grid-row:2;justify-self:end}
}
@media(max-width:370px){.nav .logo img{width:90px}}

/* Reserve the brand width; collapse crowded navigation before it can squeeze the logo. */
.nav .logo{flex-shrink:0}
.nav .nav-in{max-width:1600px}
@media(max-width:1600px){
 .nav .nav-route-links{display:none}
 .nav .mobile-menu{display:block;position:relative}
 .nav .mobile-menu summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
 .nav .mobile-menu summary::-webkit-details-marker{display:none}
 .nav .mobile-menu summary svg{width:22px;height:22px}
 .nav .mobile-menu nav{position:absolute;right:0;left:auto;top:52px;min-width:240px;max-width:calc(100vw - 40px);padding:8px;background:var(--white);border:1px solid var(--border);border-radius:12px}
 .nav .mobile-menu nav a{display:flex;min-height:44px;padding:8px 12px;font-size:16px;color:var(--ink)}
}

/* The explainer is a standalone action after removing the repeated primary CTA. */
.sub-hero .hero-explainer{display:flex;width:fit-content;margin-inline:0;padding-inline:0;justify-content:flex-start;margin-top:20px}