.m015-notice { flex-wrap: wrap; }
.m015-notice .preview-notice__title { flex: 1; min-width: 0; }
.m015-notice .demo-button { min-height: 48px; font-size: .75rem; }
.m015-demo-boundary { width: 100%; margin: 0 0 4px; color: var(--kdl-text-secondary); font-size: .7rem; }
.m015-observation .obs-record-card { transition: border-color 170ms ease-out, background-color 620ms cubic-bezier(.33,0,.67,1), opacity 170ms ease-out; }
.m015-observation .obs-record-card--revoked { border-color: #d8dcda; background: var(--kdl-surface-muted); }
.m015-observation .obs-record-card--revoked .obs-record-text-content { color: var(--kdl-text-secondary); }
.m015-observation .obs-revoked-note { margin: 8px 0 0; color: var(--kdl-danger); font-size: .75rem; font-weight: 600; line-height: 1.5; }
.m015-observation .obs-current-state { margin: 8px 0 0; color: var(--kdl-success); font-size: .75rem; font-weight: 600; }
.m015-observation .obs-current-text { margin: 0; padding: 10px; border-radius: 16px; background: var(--kdl-canvas); white-space: pre-wrap; }
.m015-observation .m015-edit-panel { gap: 8px; }
.m015-observation .m015-edit-panel > .obs-editor-label { margin: 0; }
.m015-observation .m015-edit-panel .obs-original-text { max-height: 7em; overflow: auto; margin: 0; }
.m015-observation .m015-edit-panel .obs-editor-toolbar { padding: 4px 0 0; }
.m015-observation .m015-edit-panel .obs-text-editor { min-height: 104px; height: auto; flex: 1 1 104px; }
.m015-observation .m015-real-revision-note,
.m015-observation .m015-real-revoked-note { margin-bottom: 0; }
.m015-observation .transcription-archived .transcription-actions { flex-wrap: wrap; justify-content: flex-end; }
.m015-write-issue { display: grid; gap: 10px; margin-top: 4px; padding: 12px; border-radius: 16px; color: var(--kdl-primary-pressed); background: var(--kdl-primary-soft); }
.m015-write-issue h3, .m015-write-issue p { margin: 0; }
.m015-issue-actions, .m015-confirm-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.m015-issue-actions .obs-button, .m015-confirm-actions .obs-button { min-height: 48px; }
.m015-confirm-preview { max-height: 7em; overflow: auto; }
@media (max-width: 339px), (min-resolution: 1.8dppx) {
  .m015-observation .m015-edit-panel .obs-original-text { max-height: 5em; }
  .m015-issue-actions .obs-button, .m015-confirm-actions .obs-button { flex: 1 1 120px; }
}
@media (prefers-reduced-motion: reduce) {
  .m015-observation .obs-record-card { transition: none; }
}