/* Option B: shared Hawthorne navigation. Scout retains its separate frozen assets. */
html { scroll-padding-top:calc(var(--hi-header-bar-height,104px) + 16px); }
#hawthorne-site-header, #hawthorne-site-header * { box-sizing:border-box; }
#hawthorne-site-header { --hi-nav-ink:#172f40; --hi-nav-paper:#fffdf8; --hi-nav-white:#f6f3eb; --hi-nav-green:#245b50; --hi-nav-gold:var(--hi-action-accent,#edcc88); position:sticky; top:0; z-index:1000; width:100%; max-width:none; margin:0; padding:12px 4%; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; border:0; border-radius:0; background:#101d25; color:var(--hi-nav-white); font:400 15px/1.6 'Public Sans',Arial,sans-serif; }
#hawthorne-site-header a { color:inherit; text-decoration:none; }
#hawthorne-site-header :is(a,button,summary) { font-family:'Public Sans',Arial,sans-serif !important; }
#hawthorne-site-header .hi-brand { display:flex; align-items:center; gap:12px; flex:none; min-height:49px; padding:0; background:none; border:0; color:var(--hi-nav-white); }
#hawthorne-site-header .hi-brand svg { display:block; width:38px; height:49px; flex:none; }
#hawthorne-site-header .hi-brand span { display:block; font:500 24px/1.08 Lora,Georgia,serif; letter-spacing:0; white-space:nowrap; }
#hawthorne-site-header .hi-brand small { display:block; margin:0; font:italic 14px/1.55 Lora,Georgia,serif; letter-spacing:0; text-transform:none; }
#hawthorne-site-header .hi-brand :is(span,small) { font-family:Lora,Georgia,serif !important; }
#hawthorne-site-header .hi-menu { display:none; margin:0; }
#hawthorne-site-header .hi-nav { display:flex; flex-direction:column; align-items:flex-end; gap:0; min-width:0; margin:0; padding:0; color:inherit; font:400 15px/1.6 'Public Sans',Arial,sans-serif; }
#hawthorne-site-header .hi-utilities { display:flex; gap:24px; align-items:center; }
#hawthorne-site-header .hi-utilities a { display:flex; align-items:center; min-height:32px; padding:0; font:500 13px/1.5 'Public Sans',Arial,sans-serif; }
#hawthorne-site-header .hi-primary { display:flex; align-items:center; gap:24px; }
#hawthorne-site-header .hi-primary > a, #hawthorne-site-header summary { display:flex; align-items:center; min-height:48px; margin:0; padding:0; font:500 15px/1.6 'Public Sans',Arial,sans-serif; white-space:nowrap; color:inherit; }
#hawthorne-site-header details { position:relative; margin:0; padding:0; border:0; border-radius:0; background:none; }
#hawthorne-site-header summary { position:static; cursor:pointer; gap:8px; list-style:none; padding-right:0 !important; }
#hawthorne-site-header summary::-webkit-details-marker { display:none; }
#hawthorne-site-header summary::after { content:'⌄'; position:static; inset:auto; display:block; color:currentColor; font:16px/1 'Public Sans',Arial,sans-serif; transform:translateY(-2px); }
#hawthorne-site-header details[open] > summary::after { transform:rotate(180deg) translateY(-2px); }
#hawthorne-site-header .hi-panel { position:absolute; left:0; top:calc(100% + 20px); z-index:2; display:flex; flex-direction:column; gap:2px; width:336px; max-width:calc(100vw - 32px); max-height:calc(100dvh - var(--hi-header-bar-height,104px) - 16px); overflow:auto; overscroll-behavior:contain; padding:8px 12px; background:var(--hi-nav-paper); color:var(--hi-nav-ink); border:1px solid #cbd5cf; border-radius:6px; box-shadow:0 12px 28px #142d3212; }
#hawthorne-site-header details:not([open]) > .hi-panel { display:none; }
#hawthorne-site-header .hi-panel > * { flex:0 0 auto; }
#hawthorne-site-header .hi-about > .hi-panel { left:auto; right:0; }
#hawthorne-site-header .hi-panel a { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; min-height:48px; margin:0; padding:10px 12px; color:var(--hi-nav-ink); font:500 16px/1.5 'Public Sans',Arial,sans-serif; white-space:normal; }
#hawthorne-site-header .hi-panel small { display:block; margin:0; color:var(--hi-nav-green); font:400 13px/1.5 'Public Sans',Arial,sans-serif; letter-spacing:0; text-transform:none; }
#hawthorne-site-header .hi-panel a:hover { background:#edf1eb; }
#hawthorne-site-header .hi-panel-label { margin:10px 12px 0; padding:16px 0 0; border-top:1px solid #cbd5cf; color:var(--hi-nav-ink); font:600 12px/1.5 'Public Sans',Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
#hawthorne-site-header .hi-primary > .hi-action { gap:12px; justify-content:center; min-height:48px; padding:12px 20px; border:0; border-radius:var(--hi-action-radius,6px); color:var(--hi-nav-ink); background:var(--hi-nav-gold); line-height:24px; }
#hawthorne-site-header .hi-action svg { flex:none; }
#hawthorne-site-header .hi-action:hover { background:var(--hi-action-gold-hover,#f4ddaf); }
#hawthorne-site-header .hi-primary > .hi-phone-home { display:none; }
#hawthorne-site-header a[aria-current], #hawthorne-site-header details:has(a[aria-current]) > summary, #hawthorne-site-header .hi-primary > a:hover:not(.hi-action), #hawthorne-site-header .hi-utilities a:hover { text-decoration:underline; text-underline-offset:5px; }
#hawthorne-site-header :is(a,button,summary):focus-visible { outline:3px solid var(--hi-nav-gold); outline-offset:3px; }
#hawthorne-site-header .hi-panel a:focus-visible { outline-color:var(--hi-nav-green); }
html.hi-embedded #hawthorne-site-header { display:none; }
/* Spring I hydrates inside #root; the shared header stays outside it. */
body:has(> #hawthorne-site-header) .hs-site-header { display:none !important; }
@media (min-width:1101px) and (max-width:1250px) {
  #hawthorne-site-header { gap:20px; padding-inline:3%; }
  #hawthorne-site-header .hi-brand span { font-size:22px; }
  #hawthorne-site-header .hi-primary { gap:16px; }
  #hawthorne-site-header .hi-primary > a, #hawthorne-site-header summary { font-size:14px; }
  #hawthorne-site-header .hi-primary > .hi-action { padding-inline:16px; }
}
@media (max-width:1100px) {
  #hawthorne-site-header { align-items:center; flex-wrap:wrap; padding:16px 20px; gap:0 16px; }
  #hawthorne-site-header .hi-brand { min-height:48px; gap:10px; }
  #hawthorne-site-header .hi-brand svg { width:30px; height:40px; }
  #hawthorne-site-header .hi-brand span { font-size:20px; }
  #hawthorne-site-header .hi-brand small { font-size:13px; }
  #hawthorne-site-header .hi-menu { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 12px; border:1px solid #cbd5cf; border-radius:6px; background:transparent; color:var(--hi-nav-white); font:500 14px/1.5 'Public Sans',Arial,sans-serif; white-space:nowrap; cursor:pointer; }
  #hawthorne-site-header .hi-nav { width:100%; align-items:stretch; max-height:calc(100dvh - var(--hi-header-bar-height,80px)); overflow:auto; overscroll-behavior:contain; padding:12px 4px 8px; }
  html.hi-js #hawthorne-site-header .hi-nav:not(.is-open) { display:none; }
  #hawthorne-site-header .hi-nav > * { flex:0 0 auto; }
  #hawthorne-site-header .hi-primary { flex-direction:column; align-items:stretch; gap:8px; }
  #hawthorne-site-header .hi-primary > a, #hawthorne-site-header summary { font-size:16px; }
  #hawthorne-site-header .hi-primary > .hi-action { order:-1; white-space:normal; margin-bottom:8px; font-size:15px; }
  #hawthorne-site-header .hi-primary > .hi-phone-home { display:flex; }
  #hawthorne-site-header .hi-panel, #hawthorne-site-header .hi-about > .hi-panel { position:static; width:100%; max-width:none; max-height:none; overflow:visible; margin:0 0 8px; box-shadow:none; }
  #hawthorne-site-header .hi-utilities { order:1; margin-top:12px; padding-top:12px; border-top:1px solid #526268; gap:32px; }
  #hawthorne-site-header .hi-utilities a { min-height:48px; font-size:15px; }
}
@media (max-width:350px) {
  #hawthorne-site-header { padding-inline:12px; column-gap:8px; }
  #hawthorne-site-header .hi-brand { gap:8px; }
  #hawthorne-site-header .hi-brand svg { width:26px; height:36px; }
  #hawthorne-site-header .hi-brand span { font-size:18px; }
  #hawthorne-site-header .hi-brand small { font-size:12px; }
  #hawthorne-site-header .hi-menu { padding-inline:8px; gap:6px; font-size:13px; min-width:64px; }
}