.article-page-shell { width: 100%; }
.article-page-shell .article-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-height: 430px;
    background: #142929;
    color: #fff;
}
.article-hero-media { position: absolute; inset: 0; margin: 0; z-index: -2; overflow: hidden; }
.article-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.article-hero::after {
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(180deg, rgba(8,19,19,.05) 5%, rgba(8,19,19,.4) 42%, rgba(8,19,19,.94) 100%);
}
.article-hero-inner { width: min(1180px, 100%); margin: 0 auto; padding: 110px 24px 32px; box-sizing: border-box; pointer-events: none; }
.article-hero-inner a { pointer-events: auto; }
.article-hero .detail-breadcrumb { margin: 0 0 18px; color: #fff; font-size: 11px; }
.article-hero .detail-breadcrumb a { color: #fff; }
.detail-page .article-hero #dTitle { max-width: 960px; color: #fff; font-size: clamp(32px, 3.8vw, 52px) !important; line-height: 1.1; margin: 0 0 22px; text-wrap: balance; }
.article-hero .detail-meta { margin: 0; gap: 10px 20px; color: #fff; border: 0; padding: 0; }
.article-hero .detail-meta a, .article-hero .detail-meta i, .article-hero .detail-updated { color: #f1deb0; }
.detail-page .article-page-shell > .main-layout { max-width: 1180px; gap: 28px; padding-top: 32px; }
.article-page-shell .editorial-body { font-size: 18px; line-height: 1.8; color: #344443; overflow-wrap: anywhere; }
.editorial-body p { margin: 0 0 1.2em; }
.editorial-body h2 { font: 700 clamp(25px, 2.5vw, 32px)/1.22 Georgia, serif; margin: 1.5em 0 .65em; color: #142929; }
.editorial-body h3 { font: 700 23px/1.3 Georgia, serif; margin: 1.3em 0 .6em; }
.editorial-body ul, .editorial-body ol { padding-left: 1.4em; margin: 0 0 1.3em; }
.editorial-body li { margin-bottom: .5em; }
.editorial-body a { text-decoration: underline; text-underline-offset: 3px; }
.editorial-intro { margin: 24px 0; }
body[data-theme="dark"] .article-page-shell .editorial-body { color: #d7e0dc; }
body[data-theme="dark"] .article-page-shell .editorial-body h2 { color: #f3f1e7; }
@media(max-width: 700px) {
    .article-page-shell .article-hero { min-height: 380px; }
    .article-hero-inner { padding: 100px 20px 26px; }
    .article-hero-media img { object-position: center 35%; }
    .article-hero .detail-meta { font-size: 10px; gap: 8px 14px; }
    .detail-page .article-page-shell > .main-layout { padding-top: 24px; }
    .article-page-shell .editorial-body { font-size: 17px; line-height: 1.75; }
}