/* Cookie banner (BNN, 2026-10-27). DESIGN-SYSTEM.md sections 11 and 18. Compact black panel with a thin line on top and no dimming.
   First view: one sentence + "Reject all" | "Accept all" (equal, 44px). "Settings" swaps the view in place. */
.bnn-cc { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1002; background: #000; color: rgba(255, 255, 255, .8);
  border-top: .5px solid rgba(255, 255, 255, .3); padding: 16px var(--bc-m, 16px) calc(16px + env(safe-area-inset-bottom));
  max-height: 80vh; max-height: 80dvh; overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box;
  font: 300 14px/21px "Helvetica Neue", HelveticaNeue, Arial, sans-serif; letter-spacing: .02em; }
.bnn-cc[hidden], .bnn-cc [hidden] { display: none !important; }
.bnn-cc-main, .bnn-cc-set { display: grid; gap: 14px; }
.bnn-cc-text { margin: 0; }
.bnn-cc-link { display: inline; padding: 0; background: none; border: 0; border-radius: 0; font: inherit; letter-spacing: inherit; cursor: pointer;
  color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.bnn-cc-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bnn-cc-btn { min-height: 44px; padding: 0 12px; background: transparent; color: #fff; border: .5px solid rgba(255, 255, 255, .6); border-radius: 0; cursor: pointer;
  font: 400 13px/1 "Helvetica Neue", HelveticaNeue, Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.bnn-cc-btn:hover { border-color: #fff; }
.bnn-cc-btn:focus-visible, .bnn-cc-link:focus-visible, .bnn-cc-row input:focus-visible { outline: 1px solid #fff; outline-offset: 3px; }
.bnn-cc-row { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; }
.bnn-cc-row input { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; margin: 2px 0 0; padding: 0; border: 1px solid rgba(255, 255, 255, .7); border-radius: 0; background: transparent; cursor: pointer; }
.bnn-cc-row input:checked { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 9.5l3.2 3.2L14 5.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / 100% 100% no-repeat; border-color: #fff; }
.bnn-cc-row input:disabled { cursor: default; opacity: .55; }
.bnn-cc-row label { display: flex; flex-direction: column; gap: 2px; cursor: pointer; }
.bnn-cc-row strong { color: #fff; font-weight: 400; }
.bnn-cc-row span { color: rgba(255, 255, 255, .6); font-size: 13px; line-height: 19px; }
@media (min-width: 768px) {
  .bnn-cc { padding: 16px var(--bc-m, 24px) calc(16px + env(safe-area-inset-bottom)); }
  .bnn-cc-main { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; }
  .bnn-cc-btns { grid-template-columns: repeat(2, 168px); }
  .bnn-cc-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 32px; }
}
/* the "Cookies" entry of the bottom row is a button that looks like the links next to it */
.bnn-meta .bnn-cookie-btn { background: none; border: 0; padding: 12px 0; margin: 0; color: rgba(255, 255, 255, .6); cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.bnn-meta .bnn-cookie-btn:hover { color: #fff; }
.bnn-meta .bnn-cookie-btn:focus-visible { outline: 1px solid #fff; outline-offset: 3px; }