/* ============================================================
   Workback — cookie consent banner
   Shared across all pages. A subtle bar pinned to the bottom of
   the viewport (not a full-screen overlay). Reuses the brand
   tokens from beta.css (--wb-*), with hardcoded fallbacks so it
   styles correctly even if loaded on its own.
   ============================================================ */
.wb-consent{
  position:fixed; left:0; right:0; bottom:0; z-index:900;
  font-family:'Geist', system-ui, sans-serif;
  background:var(--wb-paper, #FAFAF7);
  border-top:1px solid var(--wb-line, #E8E7E2);
  box-shadow:0 -6px 28px rgba(0,0,0,0.07);
  transform:translateY(100%);
  transition:transform .42s cubic-bezier(0.16,1,0.3,1);
}
.wb-consent.open{ transform:translateY(0); }

.wb-consent-inner{
  max-width:1100px; margin:0 auto;
  padding:13px 24px;
  display:flex; align-items:center; gap:24px; justify-content:space-between;
}

.wb-consent-text{
  font-size:13px; line-height:1.5; margin:0;
  color:var(--wb-ink-2, #3D3D42);
}
.wb-consent-text a{
  color:var(--wb-blue, #1F4FD9); font-weight:500; text-decoration:none;
  white-space:nowrap;
}
.wb-consent-text a:hover{ text-decoration:underline; }

.wb-consent-actions{ display:flex; gap:10px; flex:none; }
.wb-consent-btn{
  height:36px; padding:0 18px; border-radius:8px; cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:600; white-space:nowrap;
  border:1px solid transparent;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.wb-consent-decline{
  background:transparent;
  border-color:var(--wb-line, #E8E7E2);
  color:var(--wb-ink-2, #3D3D42);
}
.wb-consent-decline:hover{ background:var(--wb-paper-2, #F2F1EC); }
.wb-consent-accept{
  background:var(--wb-blue, #1F4FD9); color:#fff;
}
.wb-consent-accept:hover{ background:#1A43BC; }

@media (max-width:640px){
  .wb-consent-inner{
    flex-direction:column; align-items:stretch; gap:12px; padding:14px 18px;
  }
  .wb-consent-actions{ width:100%; }
  .wb-consent-btn{ flex:1 1 0; }
}

/* Honour reduced-motion: no slide, just appear. */
@media (prefers-reduced-motion: reduce){
  .wb-consent{ transition:none; }
}