#BannerDiv .StretchedHomePageBanner #ContentPanel{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border: 2px solid black;
border-radius: 5px;
}
/* ---------- 7. Card-style treatment for schedule / standings / scores blocks ---------- */
/* TeamSideline usually renders these as
<ul>
    <li> or  lists.
    This turns list items in the widget regions into clean cards. */
    .wm-card-list li,
    .standings li,
    .schedule li,
    .scores li {                            /* GENERIC &mdash; VERIFY */
    background: #fff;
    border: 1px solid var(--wm-border);
    border-radius: var(--wm-radius);
    padding: 12px 16px;
    margin-bottom: 8px;
    box-shadow: var(--wm-shadow);
    transition: transform .15s ease, box-shadow .15s ease;
    }
    .wm-card-list li:hover,
    .standings li:hover,
    .schedule li:hover,
    .scores li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
    }
    }
    /* ---------- 11. Responsive breakpoints ---------- */
    @media (max-width: 900px) {
    .container, .content, #content, main {
    padding-left: 12px;
    padding-right: 12px;
    }
    /* Force any wide tables to scroll horizontally instead of breaking layout */
    table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    }
    }
    <table>
    </table>
    </li>
</ul>