/* Supera nav B — grouped dropdowns. Shared across all pages (loaded via <link>). Namespaced snav-* to avoid collisions.
   THEME-AWARE (R80 Evergreen): brand + surface + text colours ride the page's CSS custom properties with
   Evergreen fallbacks, so the nav follows each page's :root (Evergreen light) AND the additive evergreen-dark
   block (--sup-* surfaces) with no per-page nav rules. Pages on the legacy --green scheme (compare) or with no
   dark block resolve the fallbacks = the original light Evergreen look. Marketing asset (NOT theme-gate scope). */
.snav{position:sticky;top:0;z-index:60;background:var(--sup-nav,rgba(255,255,255,.94));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border,#E4E1D7);}
.snav .snav-in{display:flex;align-items:center;gap:14px;height:64px;}
.snav-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-head,"Fraunces","Plus Jakarta Sans",Georgia,serif);font-weight:800;font-size:21px;color:var(--text,#1C2A20);text-decoration:none;}
.snav-logo .snav-mark{width:28px;height:28px;display:block;}
.snav-links{display:flex;align-items:center;gap:2px;flex:1;}
.snav-dd{position:relative;}
.snav-link{font-family:var(--font-body,"Inter",system-ui,sans-serif);font-size:14.5px;font-weight:600;color:var(--text,#1C2A20);padding:8px 12px;border-radius:8px;cursor:pointer;background:none;border:none;white-space:nowrap;}
.snav-link:hover{background:var(--brand-soft,#DFF2E5);color:var(--brand,#1E4D33);}
.snav-car{display:inline-block;font-size:13px;line-height:1;color:var(--text,#1C2A20);margin-left:6px;transition:transform .18s ease;}
.snav-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:212px;background:var(--sup-card,#fff);border:1px solid var(--border,#E4E1D7);border-radius:12px;box-shadow:0 10px 30px rgba(16,24,40,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.14s;}
.snav-dd:hover .snav-menu,.snav-dd.snav-open .snav-menu{opacity:1;visibility:visible;transform:translateY(0);}
.snav-dd:hover .snav-car,.snav-dd.snav-open .snav-car{transform:rotate(180deg);}
.snav-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text,#1C2A20);text-decoration:none;}
.snav-menu a:hover{background:var(--brand-soft,#DFF2E5);color:var(--brand,#1E4D33);}
.snav-right{display:flex;align-items:center;gap:8px;}
.snav-theme{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;color:var(--text,#1C2A20);background:var(--sup-card,transparent);border:1px solid var(--border,#E4E1D7);border-radius:999px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;}
.snav-theme:hover{border-color:var(--brand,#1E4D33);color:var(--brand,#1E4D33);}
.snav-theme:focus-visible{outline:2px solid var(--accent,#57B77A);outline-offset:2px;}
.snav-theme svg{width:18px;height:18px;display:block;}
.snav-toggle{font-size:12.5px;font-weight:700;color:var(--muted,#6B6A5F);border:1px solid var(--border,#E4E1D7);border-radius:999px;padding:6px 12px;white-space:nowrap;text-decoration:none;}
.snav-toggle span{color:var(--brand,#1E4D33);}
.snav-cta{font-size:13.5px;font-weight:700;background:var(--brand,#1E4D33);color:#fff;border-radius:10px;padding:9px 16px;white-space:nowrap;text-decoration:none;}
.snav-cta:hover{background:var(--brand-hover,#143322);}
.snav-burger{display:none;flex:0 0 auto;background:none;border:none;cursor:pointer;padding:0;width:38px;height:38px;position:relative;font-size:0;-webkit-tap-highlight-color:transparent;}
.snav-burger::before{content:"";position:absolute;left:5px;right:5px;top:12px;height:3px;border-radius:2px;background:var(--text,#1C2A20);box-shadow:0 7px 0 var(--text,#1C2A20),0 14px 0 var(--text,#1C2A20);}
@media(max-width:820px){
  .snav{background:var(--sup-nav,#fff);backdrop-filter:none;-webkit-backdrop-filter:none;}
  .snav-burger{display:block;order:3;}
  .snav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--sup-card,#fff);border-bottom:1px solid var(--border,#E4E1D7);flex-direction:column;align-items:stretch;padding:8px;gap:2px;box-shadow:0 10px 30px rgba(16,24,40,.14);}
  .snav-links.snav-open{display:flex;}
  .snav-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:2px 0 6px 12px;min-width:0;display:none;}
  .snav-dd.snav-open .snav-menu{display:block;}
  .snav .snav-in{gap:6px;flex-wrap:nowrap;padding-left:14px;padding-right:14px;}
  .snav-right{order:2;margin-left:auto;gap:5px;}
  .snav-logo{font-size:18px;}
  .snav-logo .snav-mark{width:26px;height:26px;}
  .snav-toggle{font-size:10.5px;padding:4px 7px;}
  .snav-cta{font-size:11.5px;padding:6px 10px;}
  .snav-car{font-size:15px;margin-left:8px;}
}