/* Cookie preference bar — matches homepage tokens (newsprint / ink / cobalt / rust) */
#cs-cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: oklch(96.5% 0.012 85);
  color: oklch(18% 0.02 60);
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.45;
  font-family: "Literata", "Iowan Old Style", Palatino, Georgia, serif;
  border-top: 1px solid oklch(82% 0.02 80);
  box-shadow: 0 -1px 0 oklch(93.2% 0.016 85);
}
#cs-cookie-bar p {
  margin: 0;
  max-width: 46rem;
  color: oklch(28% 0.02 55);
}
#cs-cookie-bar strong { color: oklch(18% 0.02 60); font-weight: 600; }
#cs-cookie-bar code {
  font-size: 0.92em;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: oklch(18% 0.02 60);
}
#cs-cookie-bar a {
  color: oklch(40% 0.14 262);
  text-decoration: underline;
  text-underline-offset: 2px;
}
#cs-cookie-bar a:hover { color: oklch(48% 0.16 262); }
#cs-cookie-bar .cb-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
#cs-cookie-bar button {
  font-size: 10px;
  padding: 7px 14px;
  white-space: nowrap;
  cursor: pointer;
  border: 1.5px solid transparent;
  font-family: "Familjen Grotesk", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 0;
}
#cs-cookie-bar button.cb-accept {
  background: oklch(42% 0.16 35);
  color: oklch(96.5% 0.012 85);
  border-color: oklch(42% 0.16 35);
}
#cs-cookie-bar button.cb-essential {
  background: transparent;
  color: oklch(18% 0.02 60);
  border-color: oklch(18% 0.02 60);
}
#cs-cookie-bar button:hover { filter: brightness(0.96); }
#cs-cookie-bar button:focus-visible {
  outline: 2px solid oklch(40% 0.14 262);
  outline-offset: 2px;
}
@media (max-width: 600px) {
  #cs-cookie-bar { font-size: 11px; padding: 10px 12px; }
}