/* v2.3 Shared LIKIT top header on Technology and Literature pages (Cinema pages get the same look from style.css).
   Scoped to .lk-global with its own colours, so it never changes the section's own theme below it. */
.lk-global{--g-bg:#05080c;--g-surface:#0b1118;--g-card:#101820;--g-text:#f5f7fa;--g-text2:#a7b0bb;--g-muted:#707b87;--g-gold:#f5b800;--g-border:rgba(255,255,255,.08);--g-wrap:min(1280px,calc(100% - 40px));
  position:relative;z-index:40;height:82px;border-bottom:1px solid var(--g-border);background:var(--g-bg);color:var(--g-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.55}
.lk-global *{box-sizing:border-box}
.lk-global a{color:inherit;text-decoration:none}
.lk-global .header-inner{width:var(--g-wrap);height:100%;margin:auto;display:flex;align-items:center;gap:44px}
.lk-global .brand{display:flex;flex-direction:column;line-height:1}
.lk-global .brand strong{font-size:27px;letter-spacing:-1.4px;font-weight:800;color:var(--g-text)}
.lk-global .brand small{color:var(--g-muted);font-size:9px;margin-top:6px;letter-spacing:.15px}
.lk-global .global-nav{display:flex;align-items:center;gap:27px;flex:1}
.lk-global .global-nav a{font-size:13px;color:var(--g-text2);transition:color .2s}
.lk-global .global-nav a:hover,.lk-global .global-nav a.active{color:var(--g-gold)}
.lk-global .header-actions{display:flex;align-items:center;gap:8px}
.lk-global .menu-button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--g-text2);display:none;place-items:center;cursor:pointer;font-size:18px;font-family:inherit}
.lk-global .menu-button:hover{background:var(--g-card);color:var(--g-gold)}
.lk-global a:focus-visible,.lk-global button:focus-visible{outline:2px solid var(--g-gold);outline-offset:2px}
@media (max-width:1100px){.lk-global .header-inner{gap:25px}.lk-global .global-nav{gap:16px}}
@media (max-width:760px){
  .lk-global{height:68px}.lk-global{--g-wrap:calc(100% - 28px)}
  .lk-global .header-inner{justify-content:space-between;gap:12px}
  .lk-global .brand strong{font-size:24px}.lk-global .brand small,.lk-global .global-nav{display:none}
  .lk-global .header-actions{margin-left:auto}.lk-global .menu-button{display:grid}
  .lk-global .global-nav.mobile-open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--g-surface);padding:16px 20px 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--g-border);box-shadow:0 14px 25px #0005}
  .lk-global .global-nav.mobile-open a{padding:12px 0;border-bottom:1px solid var(--g-border);font-size:14px}
}
@media print{.lk-global{display:none}}

/* v2.3: main likit.in brand = Lingo Kitty logo (dark text, so it sits on a white tile on the dark header) */
.lk-global .brand-lk{flex-direction:row;align-items:center}
.lk-global .brand-lk img{display:block;height:48px;width:auto;background:#fff;border-radius:10px;padding:3px 8px}
@media (max-width:760px){.lk-global .brand-lk img{height:42px}}

/* v2.3.4: LIKIT Cinema logo as the site logo on every page */
.lk-global .brand-cinema{flex-direction:row;align-items:center}
.lk-global .brand-cinema img{display:block;height:56px;width:auto}
@media (max-width:760px){.lk-global .brand-cinema img{height:44px}}