/* Weather Lingo: one canonical top-navigation contract */
.wl-site-nav {
  position: fixed; inset: 0 0 auto; z-index: 100;
  padding: 16px 24px;
  background: rgba(253,246,238,.85);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(0,0,0,.04);
  font-family: 'DM Sans', sans-serif;
}
.wl-site-nav__inner { max-width:1080px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wl-site-nav__brand { display:flex; align-items:center; gap:8px; min-width:0; color:#2E2E2E; text-decoration:none; font-family:'Cal Sans','DM Sans',sans-serif; font-size:22px; font-weight:600; white-space:nowrap; }
.wl-site-nav__brand img { width:28px; height:28px; border-radius:6px; flex:none; }
.wl-site-nav__actions { display:flex; align-items:center; gap:12px; flex:none; }
.wl-site-nav details { position:relative; }
.wl-site-nav summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:6px; padding:7px 14px; border:1px solid rgba(255,255,255,.5); border-radius:10px; background:rgba(255,255,255,.4); color:#4A3520; font-size:13px; font-weight:600; }
.wl-site-nav summary::-webkit-details-marker { display:none; }
.wl-site-nav__menu { position:absolute; right:0; top:calc(100% + 8px); min-width:148px; padding:6px; display:grid; background:rgba(253,246,238,.97); border:1px solid rgba(0,0,0,.06); border-radius:12px; box-shadow:0 8px 32px rgba(0,0,0,.12); }
.wl-site-nav__menu a { padding:8px 12px; border-radius:8px; text-decoration:none; color:#4A3520; font-size:13px; font-weight:500; }
.wl-site-nav__menu a:hover,.wl-site-nav__menu a[aria-current=page] { background:rgba(232,115,90,.12); color:#E8735A; font-weight:700; }
.wl-site-nav__cta { padding:8px 20px; border-radius:10px; background:#E8735A; color:#fff; text-decoration:none; font-size:13px; font-weight:600; white-space:nowrap; }
@media (max-width:768px) { .wl-site-nav{padding:10px 14px}.wl-site-nav__brand{font-size:18px;gap:6px}.wl-site-nav__brand img{width:24px;height:24px}.wl-site-nav__actions{gap:8px}.wl-site-nav summary{padding:7px 9px;font-size:12px}.wl-site-nav__cta{padding:8px 10px;font-size:12px}.wl-site-nav__menu{min-width:148px} }
@media (max-width:420px) { .wl-site-nav__brand span{display:none} }