/* Secondary pages: scroll offset under the sticky header. */
html{scroll-padding-top:78px}section[id]{scroll-margin-top:0}
@media(max-width:760px){html{scroll-padding-top:106px}section[id]{scroll-margin-top:0}}

/* Site header on secondary pages. The markup is the homepage's (qa/sync-shell.py copies it).
   These are the homepage's header rules from corrections.css and spacing.css, which secondary
   pages don't load; colours and surfaces come from reef.css. qa/consistency.sh compares the
   rendered header with the homepage's at 1440 and 390 and fails on any difference. */
.site-header{position:sticky;top:0;z-index:50}
.site-header .header{height:66px}
.site-header .brand img{width:150px}
.site-header .menu-button{display:none}
.site-header .main-nav{row-gap:var(--s-6);column-gap:var(--s-6)}
@media(max-width:1100px){.site-header .main-nav{row-gap:var(--s-4);column-gap:var(--s-4)}}
@media(max-width:760px){
  /* at the homepage's weight (corrections.css loads before ui-fixes.css there), so the shrink rules win as they do there */
  :where(.site-header) .brand{width:130px}
  .site-header .brand img{width:130px}
}