/* Shared site header — Lion Packing Systems */
:root{
  --lph-h:64px;
  --lph-bg:rgba(250,251,250,.92); --lph-panel:#FFFFFF; --lph-ink:#13201A; --lph-muted:#55645C;
  --lph-line:#D5DDD7; --lph-accent:#E8701A; --lph-hover:#F1F4F1;
  --lph-font:"Source Sans 3","IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --lph-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --lph-bg:rgba(14,21,18,.92); --lph-panel:#16211C; --lph-ink:#E5ECE7; --lph-muted:#9AAAA1;
    --lph-line:#26332C; --lph-accent:#F48F3C; --lph-hover:#1C2A23;
  }
}
:root[data-theme="dark"]{
  --lph-bg:rgba(14,21,18,.92); --lph-panel:#16211C; --lph-ink:#E5ECE7; --lph-muted:#9AAAA1;
  --lph-line:#26332C; --lph-accent:#F48F3C; --lph-hover:#1C2A23;
}
body{margin:0}
.lp-bleed{margin-inline:-20px}
html{scroll-padding-top:calc(var(--lph-h) + var(--lph-sub, 0px) + 12px)}

.lp-h{position:sticky;top:0;z-index:25;height:var(--lph-h);background:var(--lph-bg);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--lph-line);
  font-family:var(--lph-font);color:var(--lph-ink)}
.lp-h *{box-sizing:border-box}
.lp-h .lp-in{max-width:1200px;height:100%;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px));
  display:flex;align-items:center;gap:20px}
.lp-logo{display:flex;align-items:center;flex:none}
.lp-logo img{height:40px;width:auto;display:block}
.lp-logo .lp-ld{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lp-logo .lp-ll{display:none}:root:not([data-theme="light"]) .lp-logo .lp-ld{display:block}}
:root[data-theme="dark"] .lp-logo .lp-ll{display:none} :root[data-theme="dark"] .lp-logo .lp-ld{display:block}

.lp-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.lp-nav > a,.lp-dd > button{font:500 15px/1 var(--lph-font);color:var(--lph-muted);text-decoration:none;background:none;border:0;
  padding:10px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.lp-nav > a:hover,.lp-dd > button:hover,.lp-dd.open > button{color:var(--lph-ink);background:var(--lph-hover)}
.lp-nav a[aria-current="page"],.lp-dd.cur > button{color:var(--lph-ink);box-shadow:inset 0 -2px 0 var(--lph-accent);border-radius:8px 8px 0 0}
.lp-dd{position:relative}
.lp-dd > button svg{width:12px;height:12px;transition:transform .15s}
.lp-dd.open > button svg{transform:rotate(180deg)}
.lp-menu{position:absolute;top:calc(100% + 8px);left:-8px;min-width:300px;background:var(--lph-panel);border:1px solid var(--lph-line);
  border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.14);padding:8px;display:none}
.lp-dd.open .lp-menu{display:block}
.lp-menu a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--lph-ink)}
.lp-menu a:hover,.lp-menu a[aria-current="page"]{background:var(--lph-hover)}
.lp-menu b{display:block;font:600 15px/1.25 var(--lph-font)}
.lp-menu small{display:block;font:400 13px/1.35 var(--lph-font);color:var(--lph-muted);margin-top:3px}

.lp-lang{display:flex;border:1px solid var(--lph-line);border-radius:999px;overflow:hidden;flex:none}
.lp-lang button{border:0;background:transparent;color:var(--lph-muted);padding:7px 11px;cursor:pointer;font:500 12px/1 var(--lph-mono)}
.lp-lang button[aria-pressed="true"]{background:var(--lph-ink);color:var(--lph-panel)}

.lp-burger{display:none;margin-left:auto;border:1px solid var(--lph-line);background:transparent;color:var(--lph-ink);
  border-radius:8px;width:42px;height:38px;align-items:center;justify-content:center;cursor:pointer;flex:none}
.lp-burger svg{width:20px;height:20px}
.lp-mob{display:none}

@media (max-width:900px){
  .lp-nav{display:none}
  .lp-burger{display:inline-flex}
  .lp-h .lp-in{gap:10px}
  .lp-lang{margin-left:auto}
  .lp-burger{margin-left:0}
  .lp-sec .brand small{display:none!important}
  .lp-sec .brand b{font-size:1.3rem!important}
  .lp-mob{position:fixed;left:0;right:0;top:var(--lph-h);bottom:0;z-index:24;background:var(--lph-panel);overflow-y:auto;
    padding:12px max(16px,env(safe-area-inset-left,0px)) calc(24px + env(safe-area-inset-bottom,0px));font-family:var(--lph-font)}
  .lp-mob.open{display:block}
  .lp-mob a{display:block;padding:14px 8px;border-bottom:1px solid var(--lph-line);color:var(--lph-ink);text-decoration:none;font:600 17px/1.3 var(--lph-font)}
  .lp-mob a[aria-current="page"]{color:var(--lph-accent)}
  .lp-mob .lp-grp{font:500 12px/1 var(--lph-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lph-muted);padding:18px 8px 4px}
  .lp-mob .lp-sub a{padding-left:20px;font-weight:500}
  .lp-mob small{display:block;font:400 13px/1.35 var(--lph-font);color:var(--lph-muted);margin-top:2px}
  html.lp-lock,html.lp-lock body{overflow:hidden}
}

/* Each page's own section bar sits under the shared header */
.lp-sec{top:var(--lph-h)!important}
.lp-sec .lang,.lp-sec .logo,.lp-sec > .wrap > .brand:not(.lp-keep){display:none!important}
.lp-sec > .wrap{justify-content:flex-start!important;padding-block:8px!important}
.lp-sec .navlinks,.lp-sec nav{display:flex!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap;max-width:100%}
.lp-sec .navlinks::-webkit-scrollbar,.lp-sec nav::-webkit-scrollbar{display:none}
.lp-sec nav a{display:inline!important}
.lp-old{display:none!important}