/* ============================================================
   Weirdly Good — shared site chrome: navigation, breadcrumbs,
   cookie notice, skip link. Linked by EVERY page, including
   index.html (which otherwise carries its own inline styles).

   Tokens are redeclared here rather than imported, because
   index.html defines them inline and policy.css defines them
   again — this file has to work under either.
   ============================================================ */

:root{
  --wg-bg:#eef4e6; --wg-card:#f9fcf5; --wg-line:#d7e2c8;
  --wg-ink:#17251b; --wg-mut:#5c6a5b;
  --wg-deep:#14402c; --wg-acc:#2d6a4f; --wg-acc2:#3f8f68;
  --wg-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --wg-body:'Work Sans','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* ---- keyboard users land here first ---- */
.skip{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--wg-deep);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;
  font-family:var(--wg-body);font-size:14px;text-decoration:none;
}
.skip:focus{left:0}

/* ---- navigation ---- */
.wgnav{
  border-bottom:1px solid var(--wg-line);
  background:rgba(249,252,245,.82);
  backdrop-filter:saturate(1.4) blur(8px);
  position:sticky;top:0;z-index:100;
}
.wgnav-in{
  max-width:1120px;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;gap:18px;min-height:56px;
}
.wgnav-brand{
  font-family:var(--wg-display);font-weight:700;font-size:17px;letter-spacing:-.01em;
  color:var(--wg-deep);text-decoration:none;margin-right:auto;white-space:nowrap;
}
.wgnav-brand:hover{color:var(--wg-acc)}
.wgnav-links{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.wgnav-links a{
  font-family:var(--wg-body);font-size:14.5px;font-weight:500;
  color:var(--wg-mut);text-decoration:none;padding:7px 11px;border-radius:8px;
  transition:background .14s,color .14s;white-space:nowrap;
}
.wgnav-links a:hover{background:rgba(45,106,79,.09);color:var(--wg-deep)}
.wgnav-links a[aria-current="page"]{color:var(--wg-deep);font-weight:600;background:rgba(45,106,79,.11)}
.wgnav-cta{
  font-family:var(--wg-display)!important;font-weight:600!important;
  color:#fff!important;background:linear-gradient(92deg,var(--wg-deep),var(--wg-acc));
  padding:8px 15px!important;border-radius:999px!important;
}
.wgnav-cta:hover{filter:brightness(1.09);background:linear-gradient(92deg,var(--wg-deep),var(--wg-acc))!important;color:#fff!important}

@media (max-width:640px){
  .wgnav-in{gap:10px;padding:8px 14px;flex-wrap:wrap;min-height:0}
  .wgnav-brand{font-size:16px;margin-right:auto}
  .wgnav-links{width:100%;order:3;overflow-x:auto;flex-wrap:nowrap;
               padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .wgnav-links::-webkit-scrollbar{display:none}
}

/* ---- breadcrumbs ---- */
.wgcrumb{
  max-width:1120px;margin:0 auto;padding:14px 20px 0;
  font-family:var(--wg-body);font-size:13px;color:var(--wg-mut);
}
.wgcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wgcrumb li{display:flex;align-items:center;gap:6px;margin:0}
.wgcrumb li+li::before{content:"›";color:var(--wg-line);font-size:15px}
.wgcrumb a{color:var(--wg-acc);text-decoration:none}
.wgcrumb a:hover{text-decoration:underline}
.wgcrumb [aria-current="page"]{color:var(--wg-ink);font-weight:500}

/* ---- cookie / tracking notice ---- */
.wgck{
  position:fixed;left:14px;right:14px;bottom:14px;z-index:150;
  max-width:560px;margin:0 auto;
  background:var(--wg-card);border:1px solid var(--wg-line);border-radius:14px;
  box-shadow:0 6px 30px rgba(40,50,35,.16);
  padding:16px 18px;font-family:var(--wg-body);font-size:14px;
  color:var(--wg-ink);line-height:1.55;
  display:none;
}
.wgck.show{display:block}
.wgck p{margin:0 0 12px}
.wgck a{color:var(--wg-acc)}
.wgck-row{display:flex;gap:9px;flex-wrap:wrap}
.wgck button{
  font-family:var(--wg-display);font-size:14px;font-weight:600;cursor:pointer;
  border-radius:999px;padding:9px 18px;border:1px solid var(--wg-line);
  background:var(--wg-card);color:var(--wg-ink);
}
.wgck button.primary{
  background:linear-gradient(92deg,var(--wg-deep),var(--wg-acc));
  color:#fff;border-color:transparent;
}
.wgck button:hover{filter:brightness(1.06)}