/* Ulric nav (unav) v1 — header menu that never wraps. Desktop (>=1100px): one-line links + accessible dropdowns
   (hover, focus, click). Below that, or whenever the links would not fit (JS adds .unav-tight): hamburger with a
   slide-in sheet, accordion submenus and a sticky CTA. Themed from the kit's --ink/--paper/--accent. */
.unav-old,.hdr .unav-old,header .unav-old{display:none!important}
.unav{--unav-ink:var(--ink,#16201a);--unav-paper:var(--paper,#faf9f5);--unav-accent:var(--aink,var(--accent,#2f6b45));display:none;margin-left:auto;min-width:0}
.unav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
.unav-list>li{position:relative;flex:none}
.unav-a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 12px;border-radius:999px;border:0;background:none;color:var(--unav-ink);font:500 .92rem/1.2 var(--unav-font,system-ui,-apple-system,"Segoe UI",sans-serif);text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
.unav-a:hover,.unav-dd.is-open>.unav-a{background:color-mix(in srgb,var(--unav-accent) 10%,transparent)}
.unav-a[aria-current]{color:var(--unav-accent);box-shadow:inset 0 -2px 0 var(--unav-accent);border-radius:0}
.unav-a:focus-visible,.unav-menu a:focus-visible,.unav-burger:focus-visible,.unav-x:focus-visible,.unav-acc:focus-visible,.unav-ml:focus-visible{outline:2px solid var(--unav-accent);outline-offset:2px}
.unav-car{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.unav-dd.is-open .unav-car{transform:rotate(180deg)}
.unav-menu{position:absolute;top:calc(100% + 6px);left:50%;translate:-50% 0;min-width:220px;list-style:none;margin:0;padding:8px;border-radius:16px;background:var(--unav-paper);
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px -16px rgba(0,0,0,.35);border:1px solid color-mix(in srgb,var(--unav-ink) 10%,transparent);
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility 0s .16s;z-index:80}
.unav-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.unav-dd.is-open>.unav-menu{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .16s}
.unav-menu a{display:block;white-space:nowrap;padding:10px 14px;border-radius:10px;color:var(--unav-ink);text-decoration:none;font:500 .92rem/1.3 var(--unav-font,system-ui,-apple-system,"Segoe UI",sans-serif)}
.unav-menu a:hover,.unav-menu a:focus-visible{background:color-mix(in srgb,var(--unav-accent) 10%,transparent)}
.unav-menu a[aria-current]{color:var(--unav-accent);font-weight:650}
/* hamburger: three rules that morph into an X (after mandalamed.com) */
.unav-burger{--unav-ink:var(--ink,#16201a);display:inline-grid;place-items:center;flex:none;width:44px;height:44px;margin-left:4px;border:1px solid color-mix(in srgb,var(--unav-ink) 16%,transparent);border-radius:50%;background:transparent;color:var(--unav-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.unav-bars{position:relative;display:block;width:20px;height:14px}
.unav-bars b{position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.6,0,.2,1),opacity .18s,width .3s}
.unav-bars b:nth-child(2){top:6px;width:64%}.unav-bars b:nth-child(3){top:12px}
.unav-burger[aria-expanded=true] .unav-bars b:nth-child(1){transform:translateY(6px) rotate(45deg)}
.unav-burger[aria-expanded=true] .unav-bars b:nth-child(2){opacity:0;width:0}
.unav-burger[aria-expanded=true] .unav-bars b:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
header .unav-cta-h,.hdr .unav-cta-h{white-space:nowrap;flex:none}
header.hdr .wrap>.brand,header.top .wrap>.brand{margin-right:auto}
@media (min-width:1100px){
  html:not(.unav-tight) .unav{display:block}
  html:not(.unav-tight) .unav-burger{display:none}
  html:not(.unav-tight) .unav+*{margin-left:12px}
}
/* panel: unrolls from under the header, links climb in on a short ladder, page behind dims */
.unav-panel{--unav-ink:var(--ink,#16201a);--unav-paper:var(--paper,#faf9f5);--unav-accent:var(--aink,var(--accent,#2f6b45));position:fixed;left:0;right:0;bottom:0;top:var(--unav-top,64px);z-index:39;display:block}
.unav-panel[hidden]{display:none}
.unav-scrim{position:absolute;inset:0;background:rgba(10,14,12,.42);opacity:0;transition:opacity .28s}
.unav-sheet{position:absolute;left:0;right:0;top:0;max-height:100%;display:flex;flex-direction:column;background:var(--unav-paper);color:var(--unav-ink);
  clip-path:inset(0 0 100% 0);transition:clip-path .42s cubic-bezier(.6,0,.2,1);box-shadow:0 30px 60px -30px rgba(0,0,0,.45);border-top:1px solid color-mix(in srgb,var(--unav-ink) 10%,transparent)}
.unav-panel.is-open .unav-scrim{opacity:1}.unav-panel.is-open .unav-sheet{clip-path:inset(0 0 -60px 0)}
.unav-mlist{flex:1;overflow:auto;overscroll-behavior:contain;padding:8px max(20px,calc((100% - 720px)/2)) 20px}
.unav-mlist>*{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1);transition-delay:calc(60ms + var(--i,0) * 35ms)}
.unav-panel.is-open .unav-mlist>*{opacity:1;transform:none}
.unav-ml,.unav-acc{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--unav-ink) 10%,transparent);background:none;color:var(--unav-ink);
  font:500 1.3rem/1.25 var(--unav-display,Georgia,serif);text-align:left;text-decoration:none;cursor:pointer}
.unav-ml[aria-current]{color:var(--unav-accent)}
.unav-acc .unav-car{width:16px;height:16px}.unav-acc[aria-expanded=true] .unav-car{transform:rotate(180deg)}
.unav-sub{display:grid;padding:6px 0 10px 14px;border-bottom:1px solid color-mix(in srgb,var(--unav-ink) 10%,transparent)}
.unav-sub[hidden]{display:none}
.unav-sub a{padding:11px 0;color:var(--unav-ink);text-decoration:none;font:500 1.02rem/1.3 var(--unav-font,system-ui,-apple-system,"Segoe UI",sans-serif)}
.unav-sub a[aria-current]{color:var(--unav-accent)}
.unav-cta{position:sticky;bottom:0;display:flex;gap:10px;flex-wrap:wrap;padding:14px max(20px,calc((100% - 720px)/2)) calc(14px + env(safe-area-inset-bottom));background:var(--unav-paper);border-top:1px solid color-mix(in srgb,var(--unav-ink) 12%,transparent)}
.unav-cta>a{flex:1 1 140px;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:999px;white-space:nowrap;text-decoration:none;font:600 .95rem/1 var(--unav-font,system-ui,-apple-system,"Segoe UI",sans-serif);
  background:var(--btn,var(--accent,#2f6b45));color:var(--btnink,#fff);border:1px solid transparent}
.unav-cta>a+a{background:transparent;color:var(--unav-ink);border-color:color-mix(in srgb,var(--unav-ink) 30%,transparent)}
.unav-menu li.unav-all{margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--unav-ink) 10%,transparent)}
html.unav-lock,html.unav-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.unav-sheet,.unav-scrim,.unav-menu,.unav-car,.unav-mlist>*,.unav-bars b{transition:none!important}}
