.toplevel_page_broadcast .twitch-plugins-upsell {justify-content: center;display: flex; flex-wrap: wrap;max-width: 1000px;margin: 0 auto;}
.toplevel_page_broadcast .twitch-plugins-upsell-item {width: calc(33.3% - 4%);display: inline-flex;flex-direction: column; justify-content: space-between; vertical-align: top; margin: 0 2% 2%;}
.toplevel_page_broadcast .twitch-plugins-upsell-item img {width: 100%; height: auto;}
.toplevel_page_broadcast .twitch-plugins-upsell-item span {display: block;text-align: center;margin: 5px 0;}
.toplevel_page_broadcast .twitch-plugins-upsell-item a {display: block;width: 100%; text-align: center;}
.toplevel_page_broadcast .disabled {cursor: not-allowed;}
.toplevel_page_broadcast .upsell {color: red;}
.toplevel_page_broadcast #twitch-module {max-width: 1240px;margin: 0 auto;}
.toplevel_page_broadcast .wp-menu-image img {height: 20px !important;}
.toplevel_page_broadcast .wrap ul {list-style: disc;padding-left:15px;}

.editor-styles-wrapper h1 {
    font-family: var(--blockHeaderFont);
    font-weight: var(--blockHeaderFontWeight);
    font-style: var(--blockHeaderFontStyle);
    text-decoration: var(--blockHeaderTextDecoration);
    text-transform: var(--blockHeaderTextTransform);
}

.broadcast-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.broadcast-header h1, .broadcast-header h2 {
    color: #0073aa;
}
.broadcast-intro {
    margin-bottom: 20px;
}
.broadcast-card-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.broadcast-card {
    flex: 1;
    min-width: 300px;
    background: #fefefe;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 0 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    text-align: center;
}
.broadcast-card img {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
    margin-bottom: 15px;
}
.broadcast-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.broadcast-card h3 {
    margin: 0 0 10px;
    color: #0073aa;
}
.broadcast-card p {
    margin: 0 0 15px;
    color: #555;
}
.broadcast-card a.broadcast-button {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #0073aa;
    border-radius: 4px;
    text-decoration: none;
}
.broadcast-card a.broadcast-button:hover {
    background: #005f8d;
}