/* Cookie banner. Docked to the bottom, never covering the whole page:
   a full-screen interstitial that blocks reading until you answer is a dark
   pattern whichever button it highlights. */
#cookie-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  background: #ffffff; color: #09090b;
  border-top: 1px solid #e4e4e7;
  box-shadow: 0 -8px 30px -12px rgba(0,0,0,0.16);
  font: 14px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
#cookie-banner .cb-inner {
  max-width: 1080px; margin: 0 auto; padding: 16px;
  display: flex; gap: 18px; align-items: center; flex-wrap: wrap;
}
#cookie-banner .cb-text { flex: 1 1 420px; min-width: 260px; }
#cookie-banner .cb-text { color: #52525b; }
#cookie-banner strong { color: #09090b; }
#cookie-banner a { color: #09090b; text-underline-offset: 3px; }
#cookie-banner .cb-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
/* Both buttons the same size and weight. The only difference is fill, and the
   accept is not made louder than the decline. */
#cookie-banner button {
  font: inherit; font-weight: 500; cursor: pointer; height: 38px;
  border-radius: 8px; padding: 0 18px; min-width: 150px;
  border: 1px solid #e4e4e7; background: #ffffff; color: #09090b;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
#cookie-banner .cb-yes { background: #18181b; border-color: #18181b; color: #fafafa; }
#cookie-banner button:hover { background: #f4f4f5; }
#cookie-banner .cb-yes:hover { background: #27272a; }
#cookie-banner button:focus-visible { outline: 2px solid #a1a1aa; outline-offset: 2px; }
@media (max-width: 560px) {
  #cookie-banner .cb-inner { padding: 14px; gap: 12px; }
  #cookie-banner .cb-buttons { width: 100%; }
  #cookie-banner button { flex: 1 1 auto; min-width: 0; }
}
@media (prefers-color-scheme: dark) {
  #cookie-banner { background: #09090b; color: #fafafa; border-top-color: #27272a; }
  #cookie-banner .cb-text { color: #a1a1aa; }
  #cookie-banner strong, #cookie-banner a { color: #fafafa; }
  #cookie-banner button { background: #09090b; color: #fafafa; border-color: #27272a; }
  #cookie-banner button:hover { background: #1f1f23; }
  #cookie-banner .cb-yes { background: #fafafa; border-color: #fafafa; color: #18181b; }
  #cookie-banner .cb-yes:hover { background: #e4e4e7; }
}