/* Wide-screen decoration: use the existing component layout and settings. */
.dx-home {
    --dx-news-blue: #0753ad;
    --dx-news-heading: #183f82;
    --dx-news-line: #dce5f1;
    --dx-news-tint: #f2f6fc;
    --dx-news-paper: #fff;
    --dx-news-inset: 18px;
    background: #eaf0f9;
    color: #212a38;
}

.dx-home > .dx-nav {
    margin-bottom: 20px;
    background: transparent;
}
.dx-home > .dx-nav .dx-nav-inner { background: var(--dx-news-paper); }
.dx-home > .dx-nav .dx-nav-menu,
.dx-home > .dx-nav :is(.dx-tool-ai, .dx-tool-burger, .dx-tool-login) {
    border-bottom: 2px solid var(--dx-news-blue);
}
.dx-home > .dx-nav .dx-tool-login { background: var(--dx-news-tint); }
.dx-home > .dx-nav .dx-nav-menu li:first-child a { padding-inline-start: var(--dx-news-inset); }
.dx-home > .dx-nav .dx-nav-menu a:hover { color: var(--dx-news-blue); }

.dx-home > .dx-layout {
    margin-bottom: 18px;
    background: var(--dx-news-paper);
}
.dx-home > .dx-layout > .dx-layout-inner { padding-inline: var(--dx-news-inset); }
.dx-home > .dx-layout:not(.dx-layout-fixed) > .dx-layout-inner { padding-block: 16px; }
.dx-home > .dx-layout > .dx-layout-inner:has(> :is(.dx-image-show, .dx-image-carousel)) { padding: 0; }
.dx-home > .dx-layout > .dx-layout-inner > :is(.dx-wrap, .dx-multi-row) { margin-block: 0; }

.dx-home .dx-layout a:hover { color: var(--dx-news-blue); }
.dx-home .dx-layout a:focus-visible { outline: 2px solid var(--dx-news-blue); outline-offset: -2px; }
.dx-home .dx-sec-title { padding: 6px 0 4px; border: 0; }
.dx-home .dx-sec-main {
    margin-bottom: 16px;
    color: var(--dx-news-heading);
    font-size: var(--dx-sec-main-size, clamp(28px, 3vw, 40px));
    letter-spacing: .02em;
    text-wrap: balance;
}
.dx-home .dx-sec-subs { gap: 18px; }
.dx-home .dx-sec-subs a { color: #526070; font-size: 15px; letter-spacing: 0; }

/* Give the heading and its "more" link one shared baseline. */
.dx-home :is(.dx-nc-block-title, .dx-cc-heading, .dx-zone-hd, .dx-dc-lhd, .dx-dc-rhd, .dx-panel-hd, .dx-as-hd, .dx-vf-hd, .dx-fl-hd) {
    position: relative;
    padding: 0 0 9px;
    border-bottom: 1px solid var(--dx-news-line);
    background: transparent;
    color: var(--dx-news-blue);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}
.dx-home :is(.dx-nc-block-title, .dx-cc-heading, .dx-zone-hd, .dx-dc-lhd, .dx-dc-rhd, .dx-panel-hd, .dx-as-hd, .dx-vf-hd, .dx-fl-hd)::after {
    content: "";
    position: absolute;
    inset: auto auto -1px 0;
    width: 3.2em;
    height: 2px;
    background: var(--dx-news-blue);
    pointer-events: none;
}
.dx-home :is(.dx-zone-col .dx-zone-hd, .dx-cc-heading h3, .dx-cc-heading-title, .dx-vf-t1, .dx-vf-t2, .dx-fl-cn) {
    color: var(--dx-news-blue);
    letter-spacing: 0;
}
.dx-home :is(.dx-nc-more, .dx-cc-heading a, .dx-zone-arrows, .dx-dc-more, .dx-panel-hd .dx-more) { color: #59697c; }
.dx-home .dx-panel-hd span { line-height: 1.5; }

.dx-home .dx-nc .dx-nc-left { border-color: var(--dx-news-line); }
.dx-home .dx-nc-headline {
    color: var(--dx-news-heading);
    line-height: 1.4;
    white-space: normal !important;
}
.dx-home .dx-nc-list li + li { border-top: 1px solid var(--dx-news-line); }
.dx-home .dx-nc-list li.dx-nc-redli { border-bottom: 0; }
.dx-home :is(.dx-nc-items li:not(.dx-nc-ranked), .dx-nc-ranked, .dx-cc-news li, .dx-txt-list li a, .dx-rank-list li) {
    border-bottom-color: var(--dx-news-line);
    border-bottom-style: solid;
}
.dx-home :is(.dx-nc-text_list .dx-nc-items li, .dx-zone-group .dx-txt-list li a, .dx-dot-list li a, .dx-dc-bcard-title)::before {
    background: var(--dx-news-blue);
    border-radius: 50%;
}
.dx-home :is(.dx-nc-notice, .dx-rank-list, .dx-dc-top, .dx-zc-quick, .dx-zc-bottom) { background: var(--dx-news-tint); }
.dx-home :is(.dx-zc-banner, .dx-zc-fa, .dx-zc-quick > *, .dx-zc-bottom, .dx-nc-ranked i) { color: var(--dx-news-blue); }
.dx-home :is(.dx-zc-banner, .dx-zc-quick > * + *, .dx-tri-col, .dx-dc-left, .dx-dc-exp) { border-color: var(--dx-news-line); }
.dx-home .dx-rank-list li i.dx-hot { background: var(--dx-news-blue); }

.dx-home .dx-topic-v2 .dx-tab-hd { border-color: var(--dx-news-line); }
.dx-home .dx-topic-v2 .dx-tab { font-size: 17px; }
.dx-home .dx-topic-v2 .dx-tab:hover { color: var(--dx-news-blue); }
.dx-home .dx-topic-v2 .dx-tab.dx-on {
    color: var(--dx-news-blue);
    box-shadow: inset 0 -2px 0 var(--dx-news-blue);
}
.dx-home .dx-topic-v2 .dx-tab:focus-visible { outline-color: var(--dx-news-blue); }
.dx-home .dx-topic-v2 .dx-tab-panel { border-color: var(--dx-news-line); }

.dx-home :is(.dx-as-card, .dx-promo-module, .dx-promo-hero-media, .dx-promo-cards article, .dx-vf-media, .dx-dc-exp) { border-radius: 0; }
.dx-home .dx-cc-card-grid article,
.dx-home .dx-vf .dx-vf-item { border: 1px solid var(--dx-news-line); }
.dx-home .dx-vf-list { gap: 16px; padding-bottom: 0; border-bottom: 0; }
.dx-home .dx-vf .dx-vf-item { margin: 0; padding: 0; }
.dx-home .dx-vf-cap {
    margin: 0;
    padding: 9px 12px;
    font: inherit;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: start;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dx-home .dx-footer { border-top: 1px solid var(--dx-news-line); background: var(--dx-news-paper); }
.dx-home .dx-fl-line { display: none; }
