/* Keep the action icons together and the menu at the far edge. */
.homepage-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px}
.homepage-nav .brand{order:0;flex:0 0 auto;margin-right:12px}
.homepage-nav .header-app-install{order:1;margin:0;min-height:44px}
.homepage-nav .header-publishing-links{order:2;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.homepage-nav .header-share{order:3;margin:0;min-height:44px}
.homepage-nav .nav-toggle{order:4;display:block;flex:0 0 auto;margin-left:auto;min-width:44px;min-height:44px}
.homepage-nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:25;max-height:calc(100dvh - 150px);overflow-y:auto;background:#741a0d;padding:16px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:4px;border-bottom:1px solid #e77b47}
.homepage-nav .nav-links.open{display:flex}
body:has(.homepage-nav .nav-links.open) .promo-trigger{visibility:hidden}
@media(max-width:700px){
 .homepage-nav{display:grid;grid-template-columns:max-content max-content max-content minmax(0,1fr) max-content;grid-template-rows:auto auto;gap:7px 5px;padding:10px 4%}
 .homepage-nav .brand{grid-column:1 / -1;grid-row:1;flex:none;margin:0;line-height:1.15}
 .homepage-nav .header-app-install{grid-column:1;grid-row:2;min-height:44px;padding:5px 7px}
 .homepage-nav .header-publishing-links{grid-column:2;grid-row:2;gap:5px}
 .homepage-nav .header-share{grid-column:3;grid-row:2;min-width:44px;width:44px;padding:5px}
 .homepage-nav .header-share span{display:none}
 .homepage-nav .nav-toggle{grid-column:5;grid-row:2;margin:0;padding:5px 7px}
}
@media(max-width:360px){.homepage-nav{column-gap:4px;padding-left:8px;padding-right:8px}.homepage-nav .header-publishing-links{gap:4px}.homepage-nav .header-app-install{gap:4px;padding:4px}.homepage-nav .header-app-install img{width:24px;height:24px}.homepage-nav .header-app-install strong{font-size:10px}}