/* Keep the Cookiebot banner compact on phones (issue #44). The banner text and layout are
   configured in the Cookiebot dashboard; this only tightens type and spacing so the dialog
   stays under 60% of the viewport height (guarded by tests/mobile-smoke.spec.js). */
@media (max-width: 600px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogHeader {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContentDsrText {
    padding-top: 8px !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }
}