/* One route link: next to the identity on phones, in the action row while scrolling. */
#uyinfo-review .nd-public .nd-top {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto auto;
    grid-template-areas: "logo identity contact language" ". route contact language";
    align-items: center;
    column-gap: 16px;
    row-gap: 8px;
}
#uyinfo-review .nd-public :is(.nd-public-brand, .nd-public-brand-copy, .nd-toptools) { display: contents; }
#uyinfo-review .nd-public .nd-public-brand > .nd-logo { grid-area: logo; align-self: start; margin: 0; }
#uyinfo-review .nd-public .nd-public-identity { grid-area: identity; min-width: 0; }
#uyinfo-review .nd-public .nd-office-route { grid-area: route; justify-self: start; align-self: center; }
#uyinfo-review .nd-public .nd-header-contact { grid-area: contact; min-width: 0; }
#uyinfo-review .nd-public .nd-lang { grid-area: language; }
#uyinfo-review .nd-public .nd-office-address { grid-area: route; margin: 0; }

@media (max-width: 850px) {
    #uyinfo-review .nd-public .nd-top {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        grid-template-areas: "logo identity route" "contact contact language";
        gap: 12px;
        padding: 14px 16px;
    }
    #uyinfo-review .nd-public .nd-office-route {
        flex-direction: column;
        gap: 3px;
        min-width: 64px;
        min-height: 48px;
        padding: 7px 8px;
        font-size: 12px;
    }
    #uyinfo-review .nd-public .nd-route-full { display: none; }
    #uyinfo-review .nd-public .nd-route-short { display: block; }
    #uyinfo-review .nd-public .nd-header-contact { justify-self: stretch; }
    #uyinfo-review .nd-public .nd-header-contact small { display: none; }
    #uyinfo-review .nd-public .nd-brandname { row-gap: 4px; }
    #uyinfo-review .nd-public .nd-brand-company { font-size: 17px; gap: 7px; line-height: 1.4; }
    #uyinfo-review .nd-public .nd-brand-divider { display: none; }
}

/* The expanded slot keeps its height; only the contents of the bar reflow. */
#uyinfo-review .nd-public.nd-header-compact .nd-top {
    display: grid;
    grid-template-columns: 44px minmax(90px, 1fr) auto auto auto;
    grid-template-areas: "logo identity contact route language";
    min-height: 64px;
    column-gap: 16px;
    row-gap: 0;
}
#uyinfo-review .nd-public.nd-header-compact :is(.nd-public-brand, .nd-public-brand-copy, .nd-toptools) { display: contents; }
#uyinfo-review .nd-public.nd-header-compact :is(.nd-brand-company, .nd-office-address) { display: none; }
#uyinfo-review .nd-public.nd-header-compact .nd-public-brand > .nd-logo { align-self: center; }
#uyinfo-review .nd-public.nd-header-compact .nd-header-contact { justify-self: end; min-height: 44px; padding: 0; border: 0; background: transparent; gap: 8px; }
#uyinfo-review .nd-public.nd-header-compact .nd-header-contact > span:last-child { display: grid; gap: 1px; width: auto; }
#uyinfo-review .nd-public.nd-header-compact .nd-header-contact small { font-size: 11px; line-height: 1.3; margin: 0; white-space: normal; }
#uyinfo-review .nd-public.nd-header-compact .nd-header-contact strong { font-size: 16px; line-height: 1.3; letter-spacing: 0; }
#uyinfo-review .nd-public.nd-header-compact .nd-office-route { justify-self: end; min-height: 44px; }
@media (max-width: 850px) {
    #uyinfo-review .nd-public.nd-header-compact .nd-top { grid-template-columns: 44px minmax(0, 1fr) 58px auto; grid-template-areas: "logo identity route language" "logo contact route language"; padding: 8px 12px; column-gap: 8px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-public-brand > .nd-logo { width: 44px; height: 44px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-public-brand > .nd-logo svg { width: 22px; height: 22px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-platform-name { font-size: 20px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-header-contact { justify-self: stretch; max-width: 100%; }
    #uyinfo-review .nd-public.nd-header-compact .nd-header-contact small { display: none; }
    #uyinfo-review .nd-public.nd-header-compact .nd-header-contact strong { font-size: 15px; white-space: nowrap; text-align: left; }
    #uyinfo-review .nd-public.nd-header-compact .nd-contact-icon { display: none; }
    #uyinfo-review .nd-public.nd-header-compact .nd-office-route { min-width: 58px; padding: 4px 6px; font-size: 11px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-office-route > svg { width: 18px; height: 18px; }
}
@media (max-width: 380px) {
    #uyinfo-review .nd-public.nd-header-compact .nd-top { grid-template-columns: 44px minmax(0, 1fr) 44px 68px; column-gap: 5px; padding-inline: 8px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-header-contact strong { font-size: 14px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-office-route { width: 44px; min-width: 44px; padding: 8px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-route-short { display: none; }
    #uyinfo-review .nd-public.nd-header-compact .nd-lang { width: 68px; padding: 3px; }
    #uyinfo-review .nd-public.nd-header-compact .nd-lang button { width: 30px; min-width: 0; padding-inline: 0; }
}

@media(min-width:701px) and (max-width:1024px){
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-top{grid-template-columns:44px minmax(0,1fr) auto auto auto;grid-template-areas:"logo identity contact route language";gap:12px;padding:16px 20px}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-public-brand>.nd-logo{align-self:center}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-header-contact{justify-self:end;padding:0;background:transparent;border:0}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-contact-icon{display:none}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-header-contact small{display:none}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-header-contact strong{font-size:15px;white-space:nowrap}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-office-route{flex-direction:row;min-width:44px;padding:10px;font-size:12px}
 #uyinfo-review .nd-public:not(.nd-header-compact) .nd-office-route>svg{width:18px;height:18px}
}
