/* Keep primary navigation visible in narrow embedded browsers and long locales. */
header.topbar.yi-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 20px!important;min-height:76px;height:auto!important;padding-block:16px!important;align-items:center}
header.topbar.yi-header .brand{grid-column:1;grid-row:1;min-width:0}
header.topbar.yi-header .yi-header-actions{grid-column:3;grid-row:1;min-width:0;gap:12px}
header.topbar.yi-header nav.yi-nav,body.app-v53-on header.topbar.yi-header nav.yi-nav{display:flex!important;grid-column:2;grid-row:1;min-width:0;justify-content:center;align-items:center;gap:clamp(10px,1vw,18px);white-space:normal}
header.topbar.yi-header nav.yi-nav a{font-size:14px;line-height:1.45;text-align:center;overflow-wrap:normal}
header.topbar.yi-header.yi-compact nav.yi-nav,body.app-v53-on header.topbar.yi-header.yi-compact nav.yi-nav{display:flex!important;grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;border-top:1px solid #2d3744;padding-top:12px}
header.topbar.yi-header.yi-compact .yi-header-actions{grid-column:3}
a.yi-guide-link{color:#a5f5dd!important;background:#17372f;border:1px solid #4f9f88;border-radius:7px;padding:7px 10px!important;font-weight:750!important}
a.yi-guide-link:hover,a.yi-guide-link:focus-visible{background:#245442;color:#fff!important;outline:2px solid #92ead5;outline-offset:2px}
html[lang=ar] header.topbar.yi-header{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
@media(max-width:1199px){header.topbar.yi-header{grid-template-columns:minmax(0,1fr) auto!important}header.topbar.yi-header .yi-header-actions{grid-column:2}header.topbar.yi-header nav.yi-nav,body.app-v53-on header.topbar.yi-header nav.yi-nav{display:flex!important;grid-column:1/-1!important;grid-row:2!important;justify-content:space-between;width:100%;border-top:1px solid #2d3744;padding-top:12px}header.topbar.yi-header .yi-menu-toggle{display:block}}
@media(max-width:767px){header.topbar.yi-header{gap:12px 8px!important;padding:14px 16px!important}header.topbar.yi-header .brand{font-size:18px}.yi-header .brand-mark{width:28px;height:28px}header.topbar.yi-header .yi-header-actions{gap:8px}header.topbar.yi-header nav.yi-nav,body.app-v53-on header.topbar.yi-header nav.yi-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px!important;align-items:stretch}header.topbar.yi-header nav.yi-nav a{display:flex;align-items:center;justify-content:center;font-size:12px!important;padding:6px 2px;white-space:normal;min-width:0;word-break:normal;overflow-wrap:anywhere}header.topbar.yi-header .yi-user,header.topbar.yi-header .yi-signin{display:block!important}header.topbar.yi-header .yi-register{display:none!important}header.topbar.yi-header .yi-user-email{max-width:70px!important}header.topbar.yi-header .yi-signin{font-size:12px!important}header.topbar.yi-header .yi-locale summary{font-size:12px;padding-inline:5px}header.topbar.yi-header .yi-menu-toggle{width:26px;min-width:26px}header.topbar.yi-header .yi-user summary{padding-inline:5px}}