/* Shared site header (24 Sept 2026): the same header on Explore, History, Puzzles, Discover and the info pages,
   matching the homepage. Self-contained so it looks the same whichever stylesheet the page loads. */
.adat-shared-header{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#041a31,#06284b);color:#fff;box-shadow:0 5px 18px rgba(6,31,58,.16)}
.adat-shared-header .shared-header-inner{display:grid;grid-template-columns:auto minmax(200px,250px) minmax(0,1fr) auto;align-items:center;gap:22px;min-height:96px;width:calc(100% - 32px);max-width:1600px;margin:0 auto;padding:8px 0;position:relative}
.adat-shared-header .brand{display:flex;align-items:center;min-width:0;padding:0;margin:0;background:none;border:0}
.adat-shared-header .adat-logo{display:block;width:auto;height:64px;max-width:300px;object-fit:contain}
.adat-shared-header .brand-promise{display:grid;gap:2px;padding-left:18px;border-left:1px solid rgba(255,255,255,.22);font:800 10px/1.35 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f3b136}
.adat-shared-header .brand-promise::before{display:none}
.adat-shared-header .brand-promise em{font:italic 500 12px/1.3 Georgia,serif;letter-spacing:0;text-transform:none;color:#f3b136}
.adat-shared-header .shared-nav{display:flex;justify-content:flex-end;align-items:center;gap:6px;min-width:0;font:700 13px/1.25 Arial,sans-serif}
.adat-shared-header .shared-nav a{white-space:nowrap;padding:9px 11px;border-radius:8px;color:#fff;text-decoration:none}
.adat-shared-header .shared-nav a:hover,.adat-shared-header .shared-nav a:focus-visible{color:#f3af30;background:rgba(255,255,255,.07)}
.adat-shared-header .shared-nav a.active{color:#f3af30}
.adat-shared-header .shared-nav-search{display:none}
.adat-shared-header .shared-actions{display:flex;align-items:center;gap:12px}
.adat-shared-header .shared-search{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:22px;text-decoration:none}
.adat-shared-header .shared-search:hover,.adat-shared-header .shared-search:focus-visible{background:rgba(255,255,255,.1)}
.adat-shared-header .shared-capsule{display:inline-flex;align-items:center;white-space:nowrap;padding:13px 18px;border-radius:9px;background:linear-gradient(135deg,#df9505,#c47700);color:#061f3a;font:700 14px/1 Arial,sans-serif;text-decoration:none}
.adat-shared-header .shared-capsule:hover,.adat-shared-header .shared-capsule:focus-visible{background:linear-gradient(135deg,#c98203,#b06a00)}
.adat-shared-header .shared-menu-btn{display:none;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.adat-shared-header :is(a,button):focus-visible{outline:3px solid #f3af30;outline-offset:2px}
/* Same behaviour as the homepage header: below 1200px the links fold into the menu button and the promise text stays. */
@media (max-width:1200px){
  .adat-shared-header .shared-header-inner{grid-template-columns:auto minmax(0,1fr) auto!important}
  .adat-shared-header .shared-nav{display:none!important}
  .adat-shared-header .shared-menu-btn{display:grid}
  .adat-shared-header .shared-nav.open{position:absolute;top:calc(100% - 6px);right:0;z-index:120;display:flex!important;width:min(330px,calc(100vw - 32px));align-items:stretch;flex-direction:column;gap:3px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#06213f;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
  .adat-shared-header .shared-nav.open a{padding:13px 14px;font-size:15px}
}
@media (max-width:640px){
  .adat-shared-header .shared-header-inner{min-height:72px;gap:10px;grid-template-columns:1fr auto!important}
  .adat-shared-header .brand-promise{display:none!important}
  .adat-shared-header .adat-logo{height:48px;max-width:190px}
  .adat-shared-header .shared-capsule{padding:10px 12px;font-size:13px}
  .adat-shared-header .shared-search{display:none}
  .adat-shared-header .shared-nav.open .shared-nav-search{display:block}
}