.dx-home {
    --dx-card-radius: 12px;
    --dx-card-space: 12px;
    --dx-card-media-radius: 8px;
    padding-block: var(--dx-card-space);
    background: #f3f5f7;
}
.dx-home :is(.dx-layout, .dx-wrap, .dx-top-image, .dx-nav) {
    width: calc(100% - 2 * var(--dx-card-space));
}
.dx-home .dx-layout .dx-wrap { width: 100%; }
.dx-home .dx-layout {
    margin-bottom: var(--dx-card-space);
    padding: var(--dx-card-space);
    border-radius: var(--dx-card-radius);
    background: #fff;
}
.dx-home .dx-layout-inner > :is(.dx-wrap, .dx-multi-row) { margin-block: 0; }
.dx-home .dx-layout:has(> .dx-layout-inner > :is(.dx-image-show, .dx-image-carousel)) { padding: 0; }
.dx-home .dx-image-show { border-radius: var(--dx-card-radius); }

.dx-home .dx-top-image,
.dx-home .dx-nav {
    max-width: var(--pc-content-width, 1280px);
    margin: 0 auto var(--dx-card-space);
    border-radius: var(--dx-card-radius);
    background: #fff;
}
.dx-home .dx-top-image:has(+ .dx-nav) {
    margin-bottom: 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
}
.dx-home .dx-top-image + .dx-nav {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.dx-home .dx-nav-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px auto 44px;
    width: 100%;
    height: auto;
}
.dx-home .dx-nav-menu {
    grid-row: 1;
    grid-column: 1 / -2;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid #e8e8e8;
}
.dx-home .dx-nav-menu::-webkit-scrollbar { display: none; }
.dx-home .dx-nav-menu li { flex: 0 0 auto; }
.dx-home .dx-nav-menu li a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0 9px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: normal;
}
.dx-home .dx-nav-menu a:focus-visible { outline-offset: -2px; }
.dx-home .dx-nav-menu a:is(:hover, :focus-visible, :active) { color: #a3231a; }
.dx-home .dx-nav-tools { display: contents; }
.dx-home .dx-tool { min-height: 44px; border: 0; }
.dx-home .dx-tool-burger {
    position: relative;
    grid-row: 1;
    grid-column: -2 / -1;
    color: #a3231a;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-start-end-radius: var(--dx-card-radius);
}
.dx-home .dx-top-image + .dx-nav .dx-tool-burger { border-start-end-radius: 0; }
.dx-home .dx-tool-burger::before {
    content: "";
    position: absolute;
    inset: 0 100% 0 auto;
    width: 9px;
    background: linear-gradient(to right, transparent, #fff);
    pointer-events: none;
}
.dx-home .dx-tool-burger svg { width: 19px; height: 15px; }
.dx-home .dx-tool-burger path { stroke: currentColor; }
.dx-home .dx-tool-burger[aria-expanded="true"] { background: #faf0ee; }
.dx-home .dx-tool-ai { grid-row: 2; grid-column: 2; }
.dx-home .dx-tool-ai svg { width: 24px; height: 24px; }
.dx-home .dx-tool-login { grid-row: 2; grid-column: 3 / -1; gap: 0; padding: 0; border: 0; background: transparent; }
.dx-home .dx-tool-login a { display: flex; align-items: center; min-height: 44px; padding: 0 8px; }
.dx-home :is(.dx-search-panel, .dx-nav-dropdown) { right: 0; max-width: 100%; border-radius: var(--dx-card-radius); }
.dx-home .dx-nav-dropdown { max-height: 60vh; overflow-y: auto; }
.dx-home .dx-nav-dropdown li a { line-height: 1.5; min-height: 44px; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }

/* Saved desktop heights should not clip a stack of mobile cards or lists. */
.dx-home .dx-layout-fixed { height: auto !important; overflow: visible; }
.dx-home .dx-layout-fixed > .dx-layout-inner { height: auto; overflow: visible; }
.dx-home .dx-cc-child-layout {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}
.dx-home .dx-layout-fixed .dx-layout-inner :is(.dx-image-show, .dx-image-show > a, .dx-img-row, .dx-img-row2, .dx-img-row ul, .dx-img-row2 ul, .dx-img-row li, .dx-img-row2 li, .dx-img-row li > a, .dx-img-row2 li > a, .dx-multi-row, .dx-multi-row-viewport, .dx-multi-row-track, .dx-multi-row-group, .dx-multi-row-item) {
    height: auto;
}
.dx-home .dx-layout-fixed .dx-layout-inner :is(.dx-image-show, .dx-img-row, .dx-img-row2, .dx-multi-row-item) img {
    width: 100%;
    max-height: none;
}
.dx-home .dx-layout-fixed .dx-layout-inner :is(.dx-img-row ul, .dx-img-row2 ul, .dx-multi-row-group) {
    grid-template-rows: none;
}

.dx-home .dx-sec-title { padding: 2px 0 0; border-bottom: 0; }
.dx-home .dx-sec-main {
    font-size: var(--dx-sec-fit-size, min(var(--dx-sec-main-size, 30px), clamp(1.375rem, 6vw, 1.75rem)));
    margin-bottom: 12px;
    letter-spacing: normal;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dx-home .dx-sec-subs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
.dx-home .dx-sec-subs li { border-top: 1px solid #e5e5e5; }
.dx-home .dx-sec-subs li a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 9px 2px;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: start;
}
@media (min-width: 541px) {
    .dx-home .dx-sec-subs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
}
.dx-home :is(.dx-sec-subs li a, .dx-nc-list li a em, .dx-nc-notice span, .dx-nc-text_list .dx-nc-items li, .dx-nc-item-body > a, .dx-cc-news li > a:last-child, .dx-cc-links-items span, .dx-zc-vt, .dx-zc-bottom, .dx-dc-top-list li a, .dx-dc-bcard-title, .dx-vf-cap, .dx-fl-list a, .dx-fb-main) {
    white-space: normal;
    overflow-wrap: anywhere;
}
.dx-home .dx-nc-headline { white-space: normal !important; overflow-wrap: anywhere; }
.dx-home .dx-nc-item-body > a { max-height: none; }
.dx-home .dx-nc-text_list .dx-nc-item-body > a { max-width: 100%; }
.dx-home .dx-news-combo { grid-template-columns: minmax(0, 1fr) !important; }
.dx-home .dx-nc-image_list .dx-nc-items { grid-template-columns: minmax(0, 1fr); }
.dx-home .dx-cc-quick .dx-cc-links-items { grid-template-columns: repeat(min(3, var(--cc-per-row)), minmax(0, 1fr)); }
.dx-home .dx-cc-links-items a { min-height: 44px; }
.dx-home .dx-cc-links-items :is(i, img) { flex-basis: min(var(--cc-icon-size), 32px); width: min(var(--cc-icon-size), 32px); }

.dx-home .dx-zone-group .dx-txt-list li a,
.dx-home .dx-rank-list li a { height: auto; min-width: 0; }
.dx-home :is(.dx-zone-group .dx-txt-list, .dx-rank-list) li a span {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
}
.dx-home .dx-zc-ico { flex-basis: min(36%, 120px); width: min(36%, 120px); }
.dx-home :is(.dx-dc, .dx-dc-top, .dx-dc-bottom) { flex-direction: column; gap: 16px; }
.dx-home :is(.dx-dc-left, .dx-dc-right) { flex: 0 1 auto; min-width: 0; padding: 0; border: 0; }
.dx-home .dx-dc-top-img { width: 100%; aspect-ratio: 16 / 9; }
.dx-home .dx-dc-bcard-img { height: auto; aspect-ratio: 4 / 3; align-self: flex-start; }
.dx-home .dx-dc-eview { overflow: visible; }
.dx-home .dx-dc-etrack { position: static; animation: none; }
.dx-home .dx-dc-etrack li[aria-hidden="true"] { display: none; }
.dx-home .dx-dc-exp-ava { flex-basis: min(36%, 140px); width: min(36%, 140px); }
.dx-home .dx-topic-v2 .dx-tab-hd { scrollbar-width: thin; }

.dx-home .dx-img-row ul, .dx-home .dx-img-row2 ul {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dx-home .dx-multi-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.dx-home .dx-multi-row .dx-multi-row-title { display: block; min-width: 0; margin: 0; padding: 0; }
.dx-home .dx-multi-row .dx-multi-row-title span {
    writing-mode: horizontal-tb;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 1em;
}
.dx-home .dx-multi-row:not(.is-scrolling) .dx-multi-row-group {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
    gap: 8px;
}
.dx-home :is(.dx-as-clip, .dx-multi-row.is-scrolling .dx-multi-row-viewport) {
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}
.dx-home :is(.dx-as-track, .dx-multi-row.is-scrolling .dx-multi-row-track) {
    width: 100%;
    animation: none;
}
.dx-home .dx-as-card { flex-basis: min(70%, 220px); scroll-snap-align: start; }
.dx-home .dx-multi-row.is-scrolling .dx-multi-row-group {
    display: flex;
    flex-basis: 100%;
    gap: 8px;
    padding-right: 0;
}
.dx-home .dx-multi-row.is-scrolling .dx-multi-row-item { flex: 0 0 min(65%, 220px); scroll-snap-align: start; }
.dx-home :is(.dx-as-card, .dx-multi-row-group)[aria-hidden="true"] { display: none; }

.dx-home .dx-image-carousel,
.dx-home .dx-layout-fixed > .dx-layout-inner > .dx-image-carousel { height: auto; }
.dx-home .dx-layout-fixed > .dx-layout-inner > .dx-image-carousel .dx-carousel {
    height: auto;
    aspect-ratio: 16 / 9;
}
.dx-home .dx-carousel { border-radius: var(--dx-card-media-radius); touch-action: pan-y pinch-zoom; }
.dx-home .dx-image-carousel .dx-carousel { border-radius: var(--dx-card-radius); }
.dx-home .dx-carousel .dx-carousel-slide img { object-fit: contain; }
.dx-home .dx-carousel .dx-carousel-arrow { width: 44px; height: 48px; }
.dx-home :is(.dx-vf-media, .dx-img-row li, .dx-img-row2 li, .dx-multi-row .dx-multi-row-item img,
    .dx-topic-media, .dx-cc-image img, .dx-cc-card-grid article, .dx-promo-hero-media, .dx-dc-exp-ava) {
    border-radius: var(--dx-card-media-radius);
}
.dx-home .dx-vf-list { flex-direction: column; gap: 20px; }
.dx-home .dx-vf-item:not(:last-child) { padding: 0; margin: 0; border: 0; }
.dx-home .dx-vf-cap { margin-top: 8px; font-size: 18px; letter-spacing: normal; }
.dx-home .dx-vf-play { width: 44px; height: 44px; touch-action: manipulation; }

.dx-home .dx-footer { background: transparent; }
.dx-home .dx-footer-inner {
    padding: 16px var(--dx-card-space);
    border-radius: var(--dx-card-radius);
    background: #fff;
}
.dx-home .dx-fl-list { gap: 8px 16px; margin-bottom: 24px; }
.dx-home .dx-fb-main { margin-right: 0; }
.dx-home .dx-fb-qr { position: static; transform: none; margin: 18px auto 0; }