.adb-oai-consent { margin: 14px 0; padding: 10px 12px; border: 1px solid #d9e2ea; border-radius: 8px; background: #f8fafc; color: #18324d; font: inherit; }
.adb-oai-consent label { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.5; font-weight: 400; cursor: pointer; }
.adb-oai-consent input[type=checkbox] { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; accent-color: #17334e; }
.adb-oai-consent p { margin: 6px 0 0 26px; font-size: 12px; line-height: 1.5; }
.adb-oai-consent a { color: #123f66; text-decoration: underline; }
.adb-oai-consent input:focus-visible, .adb-oai-consent a:focus-visible { outline: 2px solid #b87800; outline-offset: 3px; }
@media (max-width: 480px) { .adb-oai-consent { padding: 9px; } }

/* CAPI341 live mobile acceptance: constrain the submit grid's intrinsic width.
   Applies only when the new optional consent is present; desktop unchanged. */
@media (max-width: 639px) {
  #adb-form .adb-compact-submit:has(.adb-oai-consent) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #adb-form .adb-compact-submit:has(.adb-oai-consent) .adb-submit-col,
  #adb-form .adb-compact-submit:has(.adb-oai-consent) .adb-submit-col > div {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #adb-form .adb-compact-submit .adb-oai-consent {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  #adb-form .adb-compact-submit:has(.adb-oai-consent) input[type="submit"] {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-inline: 10px !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
  }
}