/* Only browser navigation receives the catalogue container. Native shells keep their styles. */
.site-header.site-header--web .site-header__inner { width:min(1200px,calc(100% - 40px)); gap:18px; flex-wrap:nowrap; }
.site-header.site-header--web { height:80px; }
.site-header.site-header--web .site-nav { order:0; flex:1; justify-content:flex-start; gap:8px; }
.site-header.site-header--web .site-header__actions { gap:10px; margin-inline-start:auto; }
.site-header.site-header--web .site-nav > a { padding:10px 9px; white-space:nowrap; font-size:14px; }
.site-header.site-header--web .site-nav > a svg { width:21px; height:21px; }
.site-header.site-header--web .brand--mark { width:56px; height:56px; }
@media(min-width:981px) and (max-width:1240px) {
 .site-header.site-header--web .site-header__inner { gap:10px; }
 .site-header.site-header--web .site-header__actions { gap:6px; }
 .site-header.site-header--web .account-trigger__copy { display:none; }
 .site-header.site-header--web .header-publish { padding-inline:8px; }
}
@media(max-width:980px) {
 .site-header.site-header--web { height:auto; }
 .site-header.site-header--web .site-header__inner { width:calc(100% - 32px); height:64px; }
 .site-header.site-header--web .brand--mark { width:46px; height:46px; }
 .site-header.site-header--web .site-nav { flex:initial; }
 .site-header.site-header--web .reader-mobile-nav--catalog-home { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .site-header.site-header--web .reader-mobile-nav--catalog-home a { font-size:11px; }
}
@media(max-width:400px) {
 .site-header.site-header--web .site-header__inner { width:calc(100% - 24px); gap:8px; }
 .site-header.site-header--web .site-header__actions { gap:5px; }
 .site-header.site-header--web .reader-mobile-nav--catalog-home a { font-size:10px; }
}

/* Browser header: publishing beside discovery, reader controls opposite. */
.site-header--web .site-nav__publish { display:inline-flex; }
.site-header--web .header-library-link { font-size:15px; white-space:nowrap; }
.site-header--web .contest-menu__trigger { font-size:14px; white-space:nowrap; }
.site-header--web .account-trigger { position:relative; width:44px; height:44px; min-height:44px; padding:3px; border-radius:50%; }
.site-header--web .account-trigger__copy,
.site-header--web .account-trigger > svg { display:none; }
.site-header--web .account-avatar--small { width:36px; height:36px; flex-shrink:0; }
.site-header--web .account-notification-count { display:inline-flex; align-items:center; justify-content:center; min-width:19px; height:19px; padding:0 4px; border-radius:999px; background:#eb2858; color:white; font:700 11px/1 system-ui,sans-serif; white-space:nowrap; direction:ltr; }
.site-header--web .account-trigger > .account-notification-count { position:absolute; top:-3px; inset-inline-end:-3px; outline:2px solid white; }
.site-header--web .account-menu__panel nav a > span { display:flex; align-items:center; gap:12px; }
.site-header--web .reader-mobile-account { position:relative; }
.site-header--web .reader-mobile-account > .account-notification-count { position:absolute; top:0; inset-inline-end:calc(50% - 24px); height:16px; min-width:16px; font-size:9px; }
.site-header--web .web-language-menu { position:relative; flex-shrink:0; }
.site-header--web .web-language-menu__trigger { width:40px; height:40px; border:0; background:transparent; color:#626a78; }
.site-header--web .web-language-menu__trigger svg { width:23px; height:23px; }
.site-header--web .web-language-menu__panel { position:absolute; z-index:80; top:calc(100% + 12px); inset-inline-end:0; width:200px; padding:16px; border:1px solid #e4e7ed; border-radius:10px; background:white; color:#283345; box-shadow:0 12px 40px #17243c24; }
.site-header--web .web-language-menu__panel > strong { display:block; padding:0 8px 10px; font-size:16px; }
.site-header--web .web-language-menu__panel button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; padding:10px 8px; border:0; border-radius:6px; background:transparent; color:inherit; font-size:15px; cursor:pointer; }
.site-header--web .web-language-menu__panel button[aria-checked=true] { color:#2156ed; background:#f0f4ff; }
.site-header--web .web-language-menu__panel button svg { width:18px; height:18px; }
.site-header--web .web-language-menu button:focus-visible { outline:2px solid #2156ed; outline-offset:2px; }
.site-header--web .site-header__actions [data-product-tour=contests] { position:relative; }
.site-header--web .contest-menu__panel { left:auto; right:auto; inset-inline-end:0; transform:none; }
@media(max-width:980px) {
 .site-header--web .site-header__actions .contest-menu__trigger { width:auto; min-height:40px; padding-inline:6px; }
 .site-header--web .site-header__actions .contest-menu__trigger > span,
 .site-header--web .site-header__actions .contest-menu__chevron,
 .site-header--web .site-header__actions .contest-menu__trigger em { display:none; }
 .site-header--web .site-header__actions .contest-menu__trigger::after { content:none; }
 .site-header--web .site-header__actions .contest-menu__panel { position:fixed; top:64px; inset-inline:16px; width:auto; max-height:calc(100dvh - 150px); overflow:auto; margin:0; box-shadow:0 18px 45px #17243c30; }
 .site-header--web .site-header__actions .contest-menu__trigger > svg:first-child { width:23px; height:23px; }
 .site-header--web .site-header__actions .contest-menu__trigger > span { display:block; position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .site-header.site-header--web .site-nav { top:64px; }
}
@media(max-width:400px) {
 .site-header--web .web-language-menu__trigger { width:36px; }
 .site-header--web .site-header__actions .contest-menu__trigger { padding-inline:4px; }
 .site-header--web .header-login { font-size:12px; }
}