.classic-top-ad-mobile {
    display: none;
}

/* Narrow layout for the shared classic shell. Loaded on every classic page,
   but changes nothing above the phone breakpoint. */
@media (max-width: 720px) {
    html,
    body {
        min-width: 0 !important;
    }

    .fixed-width .l-width,
    .l-width,
    #footer .l-width {
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .l-cont {
        padding-right: 16px;
        padding-left: 16px;
    }

    #top-adv .l-cont {
        padding-right: 0;
        padding-left: 0;
    }

    #header,
    #header.l-width {
        min-width: 0 !important;
    }

    #header .l-cont {
        height: 140px;
        background: none;
    }

    .h-cloud,
    #h-login-or-register,
    #h-weather,
    #h-search {
        display: none;
    }

    #h-logo {
        top: 18px;
        left: 16px;
    }

    #h-menu {
        top: 84px;
        overflow-x: auto;
    }

    #h-menu .inner {
        min-width: 620px;
        margin-right: 16px;
        margin-left: 16px;
    }

    #body .l-width {
        padding-top: 24px;
    }

    .l-grid-type1 .l-cont .l-col-wrap,
    .l-grid-type1 .l-cont .l-cont .l-col-wrap {
        float: none;
        width: auto;
        margin: 0;
    }

    .l-grid-type1 .l-cont .l-col-left,
    .l-grid-type1 .l-cont .l-cont .l-col-left {
        float: none;
        width: auto;
        margin: 0;
        border-right: 0;
    }

    .l-grid-type1 .l-cont .l-col-right,
    .l-grid-type1 .l-cont .l-cont .l-col-right {
        float: none;
        width: auto;
        margin: 24px 0 0;
        border-left: 0;
    }

    .l-grid-type1 .l-left {
        padding: 0 0 24px;
    }

    .l-columns .l-left-column,
    .l-columns .l-right-column {
        float: none;
        width: auto;
        margin-left: 0;
    }

    .tabs {
        overflow-x: auto;
        white-space: nowrap;
    }

    #top-adv .classic-top-ad-desktop {
        display: none;
    }

    #top-adv .classic-top-ad-mobile {
        display: block;
    }

    #footer .l-width {
        padding-right: 16px;
        padding-left: 16px;
    }

    /* The legacy footer is built from absolutely positioned desktop blocks.
       On a phone, make the same content flow naturally so links do not overlap. */
    #footer {
        background-color: #414141;
        height: auto;
        background-position: center top;
    }

    #footer #f-inner {
        box-sizing: border-box;
        display: block;
        height: auto;
        min-height: 0;
        overflow: visible;
        padding-top: 24px !important;
        padding-bottom: 24px;
    }

    #f-menu,
    #f-to-top,
    #f-search,
    #f-logo,
    #f-copyrights,
    #f-options,
    #f-banners {
        box-sizing: border-box;
        height: auto;
        left: auto;
        margin: 0 0 16px;
        position: static;
        top: auto;
        width: auto;
    }

    #f-menu,
    #f-copyrights ul,
    #f-options li,
    #f-banners {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
    }

    #f-menu li,
    #f-copyrights ul li,
    #f-banners li {
        float: none;
        margin: 0;
        padding: 0;
    }

    #f-menu li,
    #f-copyrights ul li {
        background: none;
    }

    #f-menu a,
    #f-to-top a,
    #f-copyrights a,
    #f-options li a {
        align-items: center;
        display: inline-flex;
        min-height: 24px;
    }

    #f-search .inner {
        height: auto;
        margin: 0;
    }

    #f-search .cbg {
        height: auto;
        margin: 0;
        padding: 10px 5px;
    }

    #f-logo {
        margin-bottom: 12px;
    }

    #f-copyrights p,
    #f-copyrights ul {
        margin: 0 0 12px;
    }

    #f-options {
        list-style: none;
        padding: 0;
    }

    #f-options li {
        font: 12px/20px Georgia;
        margin: 0;
        padding: 0;
    }

    #f-options li a {
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #f-options li > div {
        display: none !important;
    }

    #f-banners {
        list-style: none;
        padding: 0;
    }
}