/* iPad-only article layout. Orientation changes resize the current article DOM. */
html[data-is-tablet-mode="desktop"] body #mobileBottomWeatherSearchBar.mobile-bottom-weather-search-bar {
    display: none !important;
    visibility: hidden !important;
}

html[data-is-tablet-mode="mobile"] body .news-container.article-magazine-news-page {
    width: 100% !important;
    max-width: none !important;
    padding-top: calc(var(--header-height, 56px) + env(safe-area-inset-top, 0px) + 4px) !important;
    padding-right: 14px !important;
    padding-bottom: 92px !important;
    padding-left: 14px !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .news-header {
    padding: 8px 0 10px !important;
    margin-bottom: 0 !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .news-header-top {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .news-title-brand-head-pc,
html[data-is-tablet-mode="mobile"] .article-magazine-news-page .news-title-brand-sub {
    display: none !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .news-title-brand-head-mobile {
    display: inline !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page > .news-layout {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding-top: 16px !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .article-editorial-sidebar {
    position: static !important;
    width: 100% !important;
    margin-top: 42px !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .article-editorial-sidebar__ad {
    display: none !important;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .article-mobile-banners {
    display: block !important;
    margin-top: 26px;
}

html[data-is-tablet-mode="mobile"] .article-magazine-news-page .sidebar-inquiry-buttons {
    display: none !important;
}

/* At 1024px landscape, the existing width media query is overridden by tablet mode. */
html[data-is-tablet-mode="desktop"] body .news-container.article-magazine-news-page {
    width: 100% !important;
    max-width: 1200px !important;
    padding-top: var(--header-height, 70px) !important;
    padding-right: 24px !important;
    padding-bottom: 72px !important;
    padding-left: 24px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-header {
    padding: 5px 0 0 !important;
    margin-bottom: 10px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-header-top {
    align-items: flex-start !important;
    flex-direction: row !important;
    gap: 20px !important;
    margin-bottom: 10px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-title-section,
html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-title-cluster {
    align-items: flex-start !important;
    flex-direction: column !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-title-brand-head-pc {
    display: inline !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-title-brand-head-mobile {
    display: none !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-title-brand-sub {
    display: block !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-title-brand-head {
    font-size: 29px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .rss-badge {
    min-height: 28px !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-editorial-nav {
    min-height: 48px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-editorial-nav .nav-btn,
html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-editorial-nav .nav-btn.active,
html[data-is-tablet-mode="desktop"] body .article-magazine-news-page .news-editorial-nav a.nav-btn.active {
    min-height: 47px !important;
    padding: 1px 14px 0 !important;
    font-size: 14px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-editorial-nav .nav-btn.active::after,
html[data-is-tablet-mode="desktop"] .article-magazine-news-page .news-editorial-nav .nav-btn[aria-current="page"]::after {
    right: 14px !important;
    left: 14px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page > .news-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
    align-items: start !important;
    gap: clamp(28px, 3vw, 48px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 28px !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .article-title {
    font-size: clamp(36px, 4vw, 48px) !important;
    line-height: 1.22 !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .article-content {
    font-size: 18px !important;
    line-height: 1.88 !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .article-mobile-banners {
    display: none !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .article-editorial-sidebar {
    position: sticky !important;
    top: calc(var(--header-height, 70px) + 18px) !important;
    width: auto !important;
    margin-top: 0 !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .article-editorial-sidebar__ad {
    display: block !important;
}

html[data-is-tablet-mode="desktop"] .article-magazine-news-page .sidebar-inquiry-buttons {
    display: flex !important;
}