.mo-notice { padding: 10px 16px; margin: 16px 0 0; line-height: 1.5; overflow-wrap: anywhere; }
.mo-notice a { color: inherit; font-weight: 700; }
.mo-notice.mo-notice--with-image { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 20px; align-items: center; padding: 16px; }
.mo-notice-body { min-width: 0; }
figure.mo-notice-image { margin: 0; min-width: 0; }
.mo-notice-image-frame { width: 100%; aspect-ratio: 16 / 9; background: #edf1f3; overflow: hidden; }
.mo-notice-image-frame img.mo-notice-image-file { display: block; position: static; width: 100%; height: 100%; max-width: 100%; max-height: none; object-fit: contain; object-position: center; }
.mo-notice-image-caption { margin: 6px 0 0; font-size: .85em; line-height: 1.4; overflow-wrap: anywhere; }
.mo-notice-image-caption > span { display: block; }
#mo-notice-image-preview { max-width: 480px; }
#mo-notice-image-alt { overflow-wrap: anywhere; }
#mo-notice-image-select { margin-right: 8px; }
#mo-notice-preview { margin-top: 12px; }
#mo-notice-preview.mo-notice--with-image { grid-template-columns: minmax(0, 1fr); gap: 12px; }
#mo-notice-preview[hidden], #mo-notice-image-remove[hidden], #mo-notice-preview-note[hidden] { display: none; }
@media (max-width: 700px) {
	.mo-notice.mo-notice--with-image { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}