/* Keep each picker attached to its editable field at every screen width. */
.notice-inline-detail-group { display: contents; }
.notice-inline-control { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; }
.notice-inline-control .notice-inline-caret { flex: 0 0 auto; }
.notice-inline-caret:focus-visible { outline: 2px solid #09a2e7; outline-offset: 2px; }
@media screen and (max-width: 768px) {
  body.page-notice-editor .breadcrumbs { margin-top: 16px !important; }
  .redactor-page > .container { padding-left: 0; padding-right: 0; }
  .redactor-preview__border-inner { padding: 36px 12px 24px; gap: 10px; }
  .redactor-preview__name-wrap, .redactor-preview__parents-wrap { min-width: 0; }
  .redactor-preview .notice-inline-field { box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere; }
  .redactor-preview .notice-inline-name { min-width: 0; width: calc(100% - 8px); font-size: clamp(26px, 7vw, 38px); }
  .redactor-preview__parents-wrap { display: flex; justify-content: center; align-items: center; }
  .redactor-preview .notice-inline-ben-bat { flex: 0 0 auto; min-width: 34px; }
  .redactor-preview .notice-inline-parents { min-width: 0; flex: 0 1 auto; }
  .notice-inline-date-line { flex-direction: column; gap: 4px; }
  .notice-inline-date-line > .notice-inline-static { margin: 0 0 4px; }
  .notice-inline-date-line .notice-inline-control { width: 100%; }
  .notice-inline-control .notice-inline-field { min-width: 0; flex: 1 1 auto; text-align: center; margin: 0; padding: 4px; font-size: 16px; }
  .notice-inline-caret { display: inline-flex; justify-content: center; align-items: center; min-width: 36px; min-height: 44px; margin: 0; }
  .notice-inline-location-line { flex-direction: column; gap: 8px; }
  .notice-inline-detail-group { display: flex; align-items: center; width: 100%; gap: 6px; }
  .notice-inline-detail-group > .notice-inline-static { flex: 0 0 85px; margin: 0; text-align: right; font-size: 15px; }
  .notice-inline-detail-group .notice-inline-control { flex: 1; }
  .notice-inline-time, .notice-inline-greg-date { direction: ltr; unicode-bidi: isolate; }
  .redactor-preview__message { width: calc(100% - 8px); }
  .redactor-preview__header-wrap, .redactor-preview__signature-wrap { display: flex; justify-content: center; align-items: center; }
  .redactor-preview__header-wrap .notice-inline-field, .redactor-preview__signature-wrap .notice-inline-field { min-width: 0; }
  .redactor-figma-btn span { white-space: normal; }
}