/* Native CosmautDL appearance; these rules only adapt its available width and placement. */
.brs-cosmdl-slot {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.brs-cosmdl-slot .cosmdl-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.brs-cosmdl-slot .cosmdl-card-body {
    display: block;
    min-width: 0;
}
.brs-cosmdl-slot .cosmdl-meta,
.brs-cosmdl-slot .cosmdl-links,
.brs-cosmdl-slot .cosmdl-card-title {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}
.brs-cosmdl-slot .cosmdl-link {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 44px;
    padding-block: 10px;
    white-space: normal;
    overflow-wrap: anywhere;
}
.brs-cosmdl-slot .cosmdl-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
.brs-cosmdl-slot--inline {
    margin-block: 24px;
}
.brs-cosmdl-slot--mobile {
    display: none;
}
/* Puock v2.11.0 uses Bootstrap lg at 992px and hides #sidebar below that breakpoint. */
@media (max-width: 991.98px) {
    .brs-cosmdl-slot--mobile {
        display: block;
    }
    .brs-cosmdl-widget {
        display: none;
    }
}