/**
 * Hello World Block - Centralized Styles
 * Works in frontend, FSE editor, and block editor environments
 */

/* MANDATORY: Four-selector pattern for WordPress environment compatibility */
.hello-world,
.wp-block .hello-world,
.editor-styles-wrapper .hello-world,
.block-editor-block-list__layout .hello-world {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
}

.hello-world__content,
.wp-block .hello-world__content,
.editor-styles-wrapper .hello-world__content,
.block-editor-block-list__layout .hello-world__content {
    display: block;
    width: 100%;
    clear: both;
}

.hello-world__message,
.wp-block .hello-world__message,
.editor-styles-wrapper .hello-world__message,
.block-editor-block-list__layout .hello-world__message {
    margin: 0;
    padding: 0;
}

/* Alignment classes with four-selector pattern */
.hello-world.alignleft,
.wp-block .hello-world.alignleft,
.editor-styles-wrapper .hello-world.alignleft,
.block-editor-block-list__layout .hello-world.alignleft {
    float: left;
}

.hello-world.alignright,
.wp-block .hello-world.alignright,
.editor-styles-wrapper .hello-world.alignright,
.block-editor-block-list__layout .hello-world.alignright {
    float: right;
}

.hello-world.aligncenter,
.wp-block .hello-world.aligncenter,
.editor-styles-wrapper .hello-world.aligncenter,
.block-editor-block-list__layout .hello-world.aligncenter {
    text-align: center;
}