.form-row-inline {
    display: flex;
    justify-content: center;
    /* center everything horizontally */
    align-items: flex-end;
    /* align labels + inputs nicely */
    gap: 1rem;
    /* space between items */
    flex-wrap: wrap;
    /* wrap on smaller screens */
    margin-bottom: 1.5rem;
}

.form-row-inline>div {
    flex: 1;
    /* let items expand equally */
    min-width: 180px;
    /* prevent inputs from being too small */
}

/* Make word count box smaller */
.form-row-inline .word-count {
    flex: 0.5;
    /* shrink relative to others */
    max-width: 120px;
}

/* Type entry textarea */
#articlePost,
#articlePost1 {
    width: 100%;
    min-height: 400px;
    /* base */
    height: 60vh;
    /* responsive to screen height */
    max-height: 700px;
    resize: vertical;
    /* allow user resize if needed */
}

/* --- Toolbar wrapper (outer) --- */
#rich_text_editor_toolbar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 1rem auto .75rem auto;
    flex-wrap: wrap;
    border: none !important;
    box-shadow: none !important;
    padding: .5rem 0;
}

/* Keep toolbar row tucked under the editor */
.toolbar-row {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

/* --- Actual editor controls (inner) --- */
#editor_toolbar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    /* wraps nicely on small screens */
    border: none !important;
    box-shadow: none !important;
    margin: 0;
    padding: 0;
}

/* Button group behavior on wide screens */
#editor_toolbar .btn-group {
    flex-wrap: nowrap;
}

/* Larger, consistent buttons */
#editor_toolbar .btn {
    font-size: 1.05rem;
    padding: .55rem 1rem;
    border-radius: 6px;
    min-width: 120px;
    text-align: center;
    margin: 0 .4rem;
    border: 0;
    /* kill any stray borders */
}

/* Dropdown panel width */
#editor_toolbar .dropdown-menu {
    min-width: 260px;
}

/* Nuke any plugin default borders */
.editor-toolbar,
[data-role="editor-toolbar"] {
    border: none !important;
    box-shadow: none !important;
    margin-top: .5rem;
}

/* Emphasis for Post button (if used in this area) */
#post_button {
    font-weight: 700;
    background-color: #198754;
    color: #fff;
    border: 0;
}

#post_button:hover {
    background-color: #157347;
}