/* Safetlas shared chrome: header (with mobile hamburger) + footer. Injected by shared.js.
   Relies on the per-page CSS custom properties (--ink, --surface, --accent, …). */
.sh{display:block;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.sh-in{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:18px;box-sizing:border-box}
.sf-in{box-sizing:border-box}
.sh-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);flex:none}
.sh-brand span{font:600 19px/1 Outfit,sans-serif;letter-spacing:-.01em}
.sh-nav{display:flex;align-items:center;gap:2px}
.sh-nav a,.sh-nav>.sh-dd>button{font:500 14px Figtree,sans-serif;background:none;border:none;padding:8px 12px;
  border-radius:9px;cursor:pointer;color:var(--ink-3);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.sh-nav a:hover,.sh-nav>.sh-dd>button:hover{background:var(--surface-2);color:var(--ink)}
.sh-nav a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--accent);border-radius:9px 9px 0 0}
.sh-dd{position:relative}
.sh-ddmenu{position:absolute;left:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);
  border-radius:14px;box-shadow:0 10px 32px rgba(30,22,8,.16);padding:12px;width:440px;z-index:21;
  display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sh-ddmenu[hidden]{display:none}
.sh-nav .sh-ddmenu a{display:flex;align-items:center;gap:13px;padding:8px 10px;border-radius:9px;color:var(--ink)}
.sh-ddmenu .cc{width:22px;height:16px;flex:none;display:inline-flex}
.sh-ddmenu .cc svg{width:22px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.12);display:block}
.sh-ddmenu .nm{display:block;font:500 13.5px Figtree,sans-serif;color:var(--ink)}
.sh-ddmenu .dp{display:block;font:400 11.5px Figtree,sans-serif;color:var(--ink-3)}
.sh-sp{flex:1}
.sh-theme{font:500 13px Figtree,sans-serif;background:none;border:1px solid var(--line);border-radius:99px;
  padding:7px 13px;cursor:pointer;color:var(--ink-2)}
.sh-theme:hover{border-color:var(--ink-3)}
.sh-cta{font:600 14px Figtree,sans-serif;background:var(--ink);color:var(--bg);border:none;border-radius:99px;
  padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}
.sh-cta:hover{opacity:.88;color:var(--bg)}
.sh-burger{display:none;flex-direction:column;gap:4px;background:none;border:1px solid var(--line);border-radius:9px;
  padding:9px 8px;cursor:pointer;flex:none}
.sh-burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
.sh-theme-m{display:none;font:600 15px Figtree,sans-serif;background:none;border:none;cursor:pointer;color:var(--ink);
  align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:12px;border-radius:10px;margin-top:4px;border-top:1px solid var(--line)}
.sh-theme-m span{font-size:17px}
.sh :focus-visible,.sf :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* footer */
.sf{background:var(--surface);border-top:1px solid var(--line)}
.sf-in{max-width:1280px;margin:0 auto;padding:44px 24px 0;box-sizing:border-box}
.sf-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:28px;padding-bottom:32px}
.sf-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.sf-brand span{font:600 16px Outfit,sans-serif}
.sf-tag{font:400 13px/1.55 Figtree,sans-serif;color:var(--ink-3);margin:10px 0 0;max-width:34ch}
.sf h4{font:600 11px Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}
.sf a.fl{display:block;font:400 13.5px/2 Figtree,sans-serif;color:var(--ink-2);text-decoration:none}
.sf a.fl:hover{color:var(--accent-ink)}
.sf-contact{font:400 13px/1.6 Figtree,sans-serif;color:var(--ink-2);margin:0 0 10px}
.sf-em{font:400 12px/1.55 Figtree,sans-serif;color:var(--ink-3);margin:0}
.sf-note{border-top:1px solid var(--line);padding:16px 0 28px;font:400 12px Figtree,sans-serif;color:var(--ink-3)}

@media(max-width:820px){
  .sh-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);
    box-shadow:0 12px 28px rgba(30,22,8,.14);flex-direction:column;align-items:stretch;gap:0;padding:8px 12px 14px}
  .sh-nav.open{display:flex}
  .sh-nav a,.sh-nav>.sh-dd>button{width:100%;box-sizing:border-box;padding:12px 12px;border-radius:10px;font-size:15px}
  .sh-nav a[aria-current="page"]{border-bottom:none;background:var(--surface-2)}
  .sh-dd{position:static}
  .sh-ddmenu{position:static;width:auto;box-shadow:none;border:none;padding:4px 0 4px 10px;grid-template-columns:1fr}
  .sh-burger{display:flex;order:2}
  .sh-sp{order:1}
  .sh-theme{display:none}          /* header theme button hidden on mobile */
  .sh-theme-m{display:flex}        /* theme lives inside the menu instead */
  .sh-theme-m:hover{background:var(--surface-2)}
  .sh-cta{display:none}
  .sf-grid{grid-template-columns:1fr}
}