/* Cookie banner. Same size as the Setto banner: one short line, 3 small buttons in one row.
   Phones about 100px tall, desktop one line with the buttons beside the text. */
#ndc { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 2147483600; max-width: 560px; margin: 0 auto; background: #fff; color: #1f2937; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, .16); padding: 10px 14px; font: 13.5px/1.45 'IBM Plex Sans Thai', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif; }
#ndc p { margin: 0 0 8px; }
#ndc a { color: #064b63; }
#ndc .b { display: flex; flex-wrap: nowrap; gap: 6px; justify-content: flex-end; }
#ndc button { font: inherit; font-size: 13px; border-radius: 8px; padding: 6px 12px; cursor: pointer; border: 1px solid #d1d5db; background: #fff; color: #111827; white-space: nowrap; }
#ndc button.p { background: #064b63; color: #fff; border-color: #064b63; }
#ndc .row { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-top: 1px solid #f1f5f9; }
#ndc .row b { display: block; font-size: 13.5px; }
#ndc .row span { font-size: 12.5px; color: #5b6770; }
#ndc .row input { margin-top: 3px; width: 16px; height: 16px; flex: none; }
/* wide screens: text and the 3 buttons on one line; the settings panel stays stacked */
@media (min-width: 700px) {
  #ndc.one { display: flex; align-items: center; gap: 16px; max-width: 720px; }
  #ndc.one p { margin: 0; flex: 1 1 auto; }
}
@media (max-width: 520px) {
  #ndc { left: 8px; right: 8px; bottom: 8px; padding: 9px 12px; font-size: 13px; }
  #ndc p { margin: 0 0 7px; }
  #ndc .b button { flex: 1 1 0; padding: 6px 4px; font-size: 12.5px; }
}
/* scrolled down: a small pill that covers nothing */
#ndc.mini { display: block; left: 50%; right: auto; bottom: 10px; transform: translateX(-50%); width: auto; max-width: none; padding: 4px; border-radius: 999px; }
#ndc.mini p, #ndc.mini [data-k=set] { display: none; }
#ndc.mini .b { gap: 4px; }
#ndc.mini .b button { flex: none; padding: 4px 10px; font-size: 12px; border-radius: 999px; }