/* A single responsive header is shared by cached desktop and mobile pages. */
.dp-mobile-header { display: none; }
/* Bound the content, rather than placing or moving Google's overlay frames. */
@media (min-width: 1400px) {
    #sb-site > .news_top5_wrapper > .row,
    #sb-site .row.main_content,
    #sb-site > .row,
    #sb-site .dp-desktop-header .row,
    #sb-site .carousel_post_home_wrapper > .row { max-width: 1120px !important; margin-left: auto; margin-right: auto; }
}
.dp-ad-slot { display: block; width: 100%; }
.dp-ad-slot[data-ad-status="unfilled"] { display: none !important; }
.dp-gpt-slot { width: 100%; max-width: 320px; margin: 0 auto; }
@media (max-width: 767px) {
    body { height: auto !important; min-height: 100vh; display: flow-root; }
    #sb-site { display: flow-root; min-height: 0; }
    .dp-desktop-header { display: none !important; }
    .dp-mobile-header {
        display: block; position: sticky; top: 0; z-index: 1000;
        width: 100%; margin: 0; padding: 0; background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,.14); box-sizing: border-box;
    }
    body.admin-bar .dp-mobile-header { top: 46px; }
    .dp-mobile-brandbar {
        display: grid; grid-template-columns: 64px minmax(0,1fr) 64px;
        align-items: center; min-height: 68px; padding: 4px 8px;
        box-sizing: border-box; width: 100%;
    }
    .dp-mobile-brand { min-width: 0; text-align: center; }
    .dp-mobile-brand > a { display: block; width: 80px; margin: 0 auto; line-height: 0; }
    .dp-mobile-brand img { display: block; width: 80px; height: 38px; max-width: 100%; margin: 0; object-fit: contain; }
    .dp-mobile-brand time { display: block; margin: 2px 0 0; font: 10px/14px Arial,sans-serif; white-space: nowrap; color: #222; }
    .dp-mobile-controls { display: flex; align-items: center; gap: 0; }
    .dp-mobile-controls-right { justify-content: flex-end; }
    .dp-mobile-controls a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 44px; color: #111; text-decoration: none; font-size: 18px; }
    .dp-menu-toggle { flex-direction: column; gap: 3px; }
    .dp-menu-toggle span { display: block; width: 19px; height: 3px; background: #111; }
    .dp-mobile-nav { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; border-top: 1px solid #eee; }
    .dp-mobile-nav::-webkit-scrollbar { display: none; }
    .dp-mobile-menu { display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; margin: 0 !important; padding: 0 !important; list-style: none; }
    .dp-mobile-menu > li { flex: 0 0 auto; display: block; float: none; margin: 0; border: 0; }
    .dp-mobile-menu > li > a { display: block; padding: 9px 13px; color: #111; font-size: 15px; line-height: 22px; white-space: nowrap; text-decoration: none; }
    .dp-mobile-menu > .current-menu-item > a { box-shadow: inset 0 -3px #f37521; }
    .dp-mobile-menu .sub-menu { display: none; }
    #sb-site { margin-top: 0 !important; }
}