/* One site navigation, independent of the older page-specific header rules. */
:root{--dc-header-height:76px}
#dc-site-header{box-sizing:border-box;position:sticky;inset:0 0 auto;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:var(--dc-header-height);min-height:var(--dc-header-height);padding:0 clamp(18px,4vw,64px);margin:0;border:0;border-bottom:1px solid #c4dca522;background:#060d09f5;backdrop-filter:blur(16px);color:#edf1e5;font:14px/1.4 system-ui,sans-serif;transform:none}
#dc-site-header *{box-sizing:border-box}
#dc-site-header a{text-decoration:none;box-shadow:none}
#dc-site-header .dc-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-height:44px;margin:0;padding:0;border:0;background:none;color:#edf1e5}
#dc-site-header .dc-brand img{display:block;width:38px;height:38px;margin:0;border:0;border-radius:50%}
#dc-site-header .dc-brand strong{font:700 15px/1.2 system-ui,sans-serif;letter-spacing:.16em}
#dc-site-header .dc-brand small{display:none}
#dc-site-header .dc-desktop-nav{position:static;display:flex;align-items:center;gap:4px;margin:0 0 0 auto;padding:0;width:auto;overflow:visible;transform:none}
#dc-site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 15px;border:1px solid transparent;border-radius:999px;background:none;color:#c2cbbb;font:500 14px/1.4 system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
#dc-site-header nav a:hover{background:#c6dc9410;color:#f2f6e8}
#dc-site-header nav a[aria-current]{color:#d4e6a7;background:#c6dc940d;border-color:#b2ca7545}
#dc-site-header .dc-language{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;border:1px solid #b2ca7535;border-radius:50%;font:600 13px system-ui;color:#dde8c8;background:none;position:static}
#dc-site-header .dc-mobile-menu{display:none}
#dc-site-header :is(a,summary):focus-visible{outline:2px solid #cce493;outline-offset:3px}
.dc-context-nav{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;padding:12px clamp(18px,4vw,64px);background:#080f0a;border-bottom:1px solid #c4dca51c;font:14px/1.5 system-ui,sans-serif}
.dc-context-nav a{display:inline-flex;align-items:center;min-height:44px;color:#d1dfa9;border:0;padding:8px 0;text-decoration:none}
.dc-site-header~main,.dc-context-nav~main{scroll-margin-top:var(--dc-header-height)}
body.dc-catalog-page .toolbar{top:var(--dc-header-height)}
body.living-atlas .app{grid-template-rows:var(--dc-header-height) minmax(0,1fr)}
.dc-tree-page #dino-time-tree .dtt-appbar{top:var(--dc-header-height);grid-template-columns:minmax(0,1fr) auto}
@media(max-width:1100px){.dc-tree-page #dino-time-tree .dtt-appbar{grid-template-columns:1fr}.dc-tree-page #dino-time-tree .dtt-primary-nav{grid-column:1;grid-row:auto}.dc-tree-page #dino-time-tree .dtt-header-tools{grid-column:1;grid-row:auto}}
@media(max-width:900px){
 :root{--dc-header-height:68px}
 #dc-site-header{padding:0 16px;gap:10px}
 #dc-site-header .dc-brand{margin-right:auto;gap:8px}
 #dc-site-header .dc-brand img{width:32px;height:32px}
 #dc-site-header .dc-brand strong{font-size:13px;letter-spacing:.12em}
 #dc-site-header .dc-desktop-nav{display:none}
 #dc-site-header .dc-mobile-menu{display:block;position:static;margin:0;padding:0;border:0;background:none}
 #dc-site-header .dc-mobile-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;min-width:70px;padding:9px 12px;border:1px solid #b2ca7535;border-radius:999px;list-style:none;cursor:pointer;font:600 14px/1.4 system-ui,sans-serif;color:#edf1e5;background:none}
 #dc-site-header .dc-mobile-menu>summary::-webkit-details-marker{display:none}
 #dc-site-header .dc-mobile-menu>summary::after{content:'+';font-size:20px;line-height:1}
 #dc-site-header .dc-mobile-menu[open]>summary::after{content:'−'}
 #dc-site-header .dc-mobile-menu nav{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(48px,auto);position:absolute;top:calc(100% + 8px);bottom:auto;left:12px;right:12px;width:auto;height:auto;min-height:0;max-height:calc(100dvh - 100px);overflow:auto;margin:0;padding:12px;gap:4px;border:1px solid #adc57b48;border-radius:18px;background:#08120b;box-shadow:0 18px 50px #0009;z-index:50;transform:none}
 #dc-site-header .dc-mobile-menu nav a{display:flex;justify-content:flex-start;min-height:48px;border-radius:10px;font-size:16px;padding:12px 16px}
 .dc-context-nav{padding:6px 18px;gap:4px 18px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#dc-site-header *{transition:none!important}}