/* Secordit header — HEADER-P1P2-R2 (preview only). One compact sticky bar on every page; it never changes size
   or style on scroll (Matt, 10 Nov 19:00). Layout/order per MATT_CHOSEN_HEADER_1900.png: logo · Products ▾ ·
   Intelligence ▾ · Learning ▾ · Tools · About ▾ … search icon · appearance · Explore Products.
   Palette black / charcoal / white / teal; reuses theme tokens and the existing search (.ss + site-search.js)
   and appearance (.theme-ctrl + theme.js) components. Loaded after theme.css. */
:root{--sh-row:60px;--head-vis:60px;--dy:0px}
@media(min-width:1080px){:root{--sh-row:62px;--head-vis:62px}}
.site-head.sh{--sh-bg:#000;--sh-ink:#F6F9F9;--sh-muted:#ADADAD;--sh-line:rgba(255,255,255,.12);--sh-panel:#111416;--sh-hover:rgba(94,234,212,.10);--sh-cur:#5EEAD4;--sh-focus:#5EEAD4;
  position:sticky;top:0;z-index:40;background:var(--sh-bg);color:var(--sh-ink);font-family:var(--font);transform:none}
html[data-theme="light"] .site-head.sh{--sh-bg:#FFFFFF;--sh-ink:#1C1A17;--sh-muted:#57524A;--sh-line:#E7E1D8;--sh-panel:#FFFFFF;--sh-hover:#EAF3F2;--sh-cur:#0F766E;--sh-focus:#0F766E;background:var(--sh-bg);color:var(--sh-ink)}
.site-head.sh :focus-visible{outline:2px solid var(--sh-focus);outline-offset:2px;border-radius:8px}
.sh-vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.sh img{display:block;width:100%;height:auto}
/* Bar */
.sh-row{border-bottom:1px solid var(--sh-line)}
.sh-in{position:relative;box-sizing:border-box;max-width:var(--max,1120px);margin:0 auto;height:var(--sh-row);padding:0 16px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;column-gap:8px}
.sh-menu{grid-column:1;grid-row:1;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:var(--sh-ink);cursor:pointer}
.sh-menu .sh-i-close{display:none}
.sh.sh-open .sh-menu .sh-i-open{display:none}
.sh.sh-open .sh-menu .sh-i-close{display:block}
.sh-brand{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;min-height:44px;line-height:0;border-radius:8px}
.sh-logo{display:block;width:112px}
.sh-tools{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:4px}
/* Nav (mobile: full-height menu sheet, non-modal) */
.sh-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:41;box-sizing:border-box;height:calc(100vh - var(--sh-row));height:calc(100dvh - var(--sh-row));overflow-y:auto;overscroll-behavior:contain;background:var(--sh-bg);border-bottom:1px solid var(--sh-line);padding:6px 16px 96px}
.sh.sh-open .sh-nav{display:block}
.sh-groups{list-style:none;margin:0;padding:0}
.sh-groups>li{border-bottom:1px solid var(--sh-line)}
.sh-top,.sh-gbtn,.sh-gl{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;min-height:52px;padding:0 8px;margin:0;border:0;background:none;font:600 16px/1.3 var(--font);letter-spacing:-.005em;color:var(--sh-ink);text-decoration:none;text-align:left;cursor:pointer;border-radius:8px}
.sh-top[aria-current=page],.sh-gl[aria-current=page]{color:var(--sh-cur)}
.sh-chev{flex:none;width:12px;height:12px;margin-left:8px;color:var(--sh-muted)}
.sh-gbtn[aria-expanded=true] .sh-chev{transform:rotate(180deg)}
.sh-gbtn[aria-expanded=true]{background:var(--sh-hover)}
.sh-panel{display:none;padding:0 0 10px}
.sh-gbtn[aria-expanded=true]+.sh-panel{display:block}
.sh-panel ul{list-style:none;margin:0;padding:0}
.sh-ph{margin:10px 8px 2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-muted)}
.sh-panel a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:6px 8px 6px 16px;font-size:15px;font-weight:500;line-height:1.35;color:var(--sh-ink);text-decoration:none;border-radius:8px}
.sh-panel a.sh-all{font-weight:600}
.sh-panel a[aria-current=page]{color:var(--sh-cur)}
.sh-gbtn.sh-cur{color:var(--sh-cur)}
.sh-panel-wide{flex-direction:column}
.sh-gbtn[aria-expanded=true]+.sh-panel-wide{display:flex}
.sh-panel-wide .sh-pfoot{order:-1;margin:0;padding:2px 0 4px;border-bottom:1px solid var(--sh-line)}
.sh-mfoot{display:flex;align-items:center;gap:12px;padding:18px 0 0}
.sh-cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 20px;border-radius:8px;background:#0F766E;color:#FFFFFF;font:600 15px/1 var(--font);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;border:1px solid #0F766E}
.sh-cta-m{flex:1;min-height:48px}
.sh-mfoot .theme-ctrl{flex:none}
.sh-tools .theme-ctrl,.sh-tools .sh-cta-d{display:none}
@media(hover:hover)and (pointer:fine){
  .sh-top:hover,.sh-gbtn:hover,.sh-gl:hover,.sh-panel a:hover,.sh-menu:hover,.sh .ss-toggle:hover,.sh-tools .theme-ctrl:hover{background:var(--sh-hover);color:var(--sh-ink)}
  .sh-cta:hover{background:#0B5C56;border-color:#0B5C56;color:#fff}
}
/* Search: existing component, icon + panel on every width (reference shows an icon) */
.sh .ss{position:static;width:auto;transform:none;transition:none}
/* head.js still toggles .is-compact on scroll; neutralise the page's inline compact rules so the bar never changes */
.site-head.sh.is-compact .ss,.site-head.sh.is-compact .ss-toggle,.site-head.sh.is-compact .brand-link,.site-head.sh.is-compact .mnav summary{transform:none}
.sh .ss-toggle{display:inline-grid;width:44px;height:44px;color:var(--sh-ink);transform:none;border-radius:8px}
.sh .ss .ss-panel{display:none;position:absolute}
.sh .ss.ss-open .ss-panel{display:block;position:absolute}
.sh .ss .ss-results,.sh .ss .ss-empty{position:static;width:auto;margin:8px 0 0;max-height:60vh}
.sh .ss .ss-empty[hidden]{display:none}
.sh .ss-panel,.sh .ss.ss-open .ss-panel{left:0;right:0;top:100%;z-index:42;padding:10px 16px 14px;background:var(--sh-bg);border:0;border-bottom:1px solid var(--sh-line)}
.sh .ss-ico{left:calc(16px + 14px);top:calc(10px + 14px);color:var(--sh-muted)}
.sh .ss-q{height:44px;font-size:16px;color:var(--sh-ink);background:var(--sh-panel);border:1px solid var(--sh-line);border-radius:8px;padding:0 12px 0 38px}
.sh .ss-q::placeholder{color:var(--sh-muted)}
.sh .ss-q:focus-visible{outline:2px solid var(--sh-focus);outline-offset:1px}
html[data-theme="light"] .sh .ss-q{background:#FFFFFF;border-color:#D6CEC2;color:var(--sh-ink)}
.sh .ss-results,.sh .ss-empty{background:var(--sh-panel);border:1px solid var(--sh-line);border-radius:12px;color:var(--sh-ink)}
.sh .ss-hit{color:var(--sh-ink)}
.sh .ss-hit:hover,.sh .ss-hit:focus-visible{background:var(--sh-hover)}
.sh .ss-m{color:var(--sh-muted)}
/* R3 M1: no-results / Ask Ordit state uses theme tokens so text stays >=4.5:1 on --sh-panel in Light and Dark */
.sh .ss-empty,.sh .ss-empty p{color:var(--sh-ink)}
.sh .ss-empty .ss-ask{min-height:44px;color:var(--sh-ink);background:transparent;border:1px solid var(--sh-cur)}
.sh .ss-empty .ss-ask:hover,.sh .ss-empty .ss-ask:focus-visible{background:var(--sh-cur);color:var(--sh-bg)}
/* Desktop */
@media(min-width:1080px){
  .sh-in{grid-template-columns:auto auto minmax(0,1fr) auto;column-gap:0;padding:0 24px}
  .sh-menu{display:none}
  .sh-brand{grid-column:1;justify-self:start;margin-right:35px}
  .sh-logo{width:130px}
  .sh-nav{grid-column:2;grid-row:1;display:block;position:static;height:auto;overflow:visible;background:none;border:0;padding:0}
  .sh-groups{display:flex;align-items:center;gap:6px}
  .sh-groups>li{position:relative;border:0}
  .sh-home,.sh-mfoot{display:none!important}
  .sh-gbtn,.sh-gl{width:auto;min-height:44px;padding:0 12px;font-size:15px;font-weight:600;border-radius:8px}
  .sh-gbtn.sh-cur,.sh-gl.sh-cur{position:relative;border-radius:8px 8px 0 0}
  .sh-gbtn.sh-cur::after,.sh-gl.sh-cur::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sh-cur);pointer-events:none}
  .sh-chev{width:10px;height:10px;margin-left:7px;color:currentColor}
  .sh-panel{position:absolute;left:0;top:calc(100% + 9px);z-index:45;min-width:240px;box-sizing:border-box;padding:8px;background:var(--sh-panel);border:1px solid var(--sh-line);border-radius:12px}
  .sh-panel-wide{display:none;width:700px}
  .sh-gbtn[aria-expanded=true]+.sh-panel-wide{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8px}
  .sh-panel-wide .sh-pfoot{order:0;border-bottom:0}
  .sh-panel a{min-height:44px;padding:8px 12px;font-size:14.5px}
  .sh-ph{margin:6px 12px 4px}
  .sh-pfoot{grid-column:1/-1;margin-top:6px;padding-top:6px;border-top:1px solid var(--sh-line);display:grid;grid-template-columns:1fr 1.2fr;column-gap:8px}
  .sh-tools{grid-column:4;gap:4px}
  .sh-tools .theme-ctrl,.sh-tools .sh-cta-d{display:inline-flex}
  .sh-cta-d{margin-left:20px;padding:0 18px}
  /* Appearance as a plain icon in the bar (reference shows no ring); same button, same theme.js */
  html .sh-tools .theme-ctrl{background:transparent;border-color:transparent;color:var(--sh-ink);border-radius:8px}
  .sh .ss{position:static}
  .sh .ss-panel,.sh .ss.ss-open .ss-panel{left:auto;right:24px;width:420px;top:calc(100% + 9px);padding:10px;border:1px solid var(--sh-line);border-radius:12px;background:var(--sh-panel)}
  .sh .ss-ico{left:24px;top:24px}
  /* No-JS fallback: dropdowns open on focus */
  .sh:not(.sh-ready) .sh-groups>li:focus-within>.sh-panel{display:block}
  .sh:not(.sh-ready) .sh-groups>li:focus-within>.sh-panel-wide{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8px}
}
@media(min-width:1168px){.sh-in{padding:0}.sh .ss-panel,.sh .ss.ss-open .ss-panel{right:0}}
@media(max-width:1079.98px){
  .sh:not(.sh-ready):focus-within .sh-nav{display:block}
  .sh:not(.sh-ready) .sh-groups>li:focus-within>.sh-panel{display:block}
}
@media(prefers-reduced-motion:reduce){.sh *,.sh{transition:none!important;animation:none!important}}