.insights-page {
    color: #181817;
    background: #f5f2eb;
    font-family: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
    overflow-x: hidden;
}

.insights-page * { box-sizing: border-box; }
.insights-container { width: 88%; max-width: 1120px; margin: 0 auto; }
.insights-article-narrow { width: 86%; max-width: 760px; margin-left: auto; margin-right: auto; }
.insights-kicker { margin: 0 0 18px; color: #b08a4d; font-size: 12px; font-weight: 600; letter-spacing: .22em; }

.insights-hero {
    padding: 120px 0 105px;
    color: #fff;
    background: #0c1236;
}
.insights-hero h1,
.insights-article-header h1,
.insights-contact h2 {
    margin: 0;
    font-family: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;
    font-weight: 600;
}
.insights-hero h1 { font-size: 52px; line-height: 1.3; letter-spacing: .06em; }
.insights-hero > div > p:last-child { max-width: 620px; margin: 24px 0 0; color: #c9c5bd; font-size: 17px; line-height: 1.9; }

.insights-list-section { padding: 84px 0 105px; }
.insights-card {
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 320px;
    margin-bottom: 34px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 55px rgba(12,18,54,.08);
}
.insights-card-cover { display: block; min-height: 320px; overflow: hidden; background: #0c1236; }
.insights-card-cover img { width: 100%; height: 100%; min-height: 320px; display: block; object-fit: cover; transition: transform .45s ease; }
.insights-card:hover .insights-card-cover img { transform: scale(1.025); }
.insights-card-content { padding: 48px 54px; display: flex; flex-direction: column; justify-content: center; }
.insights-card-meta { margin: 0 0 18px; color: #9b7841; font-size: 12px; letter-spacing: .12em; }
.insights-card h2 { margin: 0; font-family: "Songti SC", "STSong", Georgia, serif; font-size: 28px; line-height: 1.5; }
.insights-card h2 a { color: #171a2e; }
.insights-card-content > p:not(.insights-card-meta) { margin: 20px 0; color: #6d6963; font-size: 16px; line-height: 1.9; }
.insights-read-more { color: #0c1236; font-weight: 600; }
.insights-empty { padding: 70px 20px; text-align: center; color: #79736a; background: #fff; }
.insights-pagination { margin-top: 45px; text-align: center; }
.insights-pagination .pagination > li > a,
.insights-pagination .pagination > li > span { color: #0c1236; }
.insights-pagination .pagination > .active > span { color: #fff; background: #0c1236; border-color: #0c1236; }

.insights-article-header { padding: 100px 0 64px; background: #ece8df; }
.insights-back { display: inline-block; margin-bottom: 48px; color: #676159; }
.insights-article-header h1 { color: #0c1236; font-size: 46px; line-height: 1.4; letter-spacing: .035em; }
.insights-article-summary { margin: 28px 0 24px; color: #666159; font-size: 19px; line-height: 1.9; }
.insights-byline { display: flex; gap: 12px 26px; flex-wrap: wrap; color: #827b71; font-size: 13px; }
.insights-article-cover { padding-top: 64px; }
.insights-article-cover img { width: 100%; max-height: 660px; display: block; object-fit: cover; }
.insights-article-body { padding: 68px 0 78px; color: #2d2c2a; font-size: 18px; line-height: 2; word-wrap: break-word; overflow-wrap: break-word; }
.insights-article-body * { max-width: 100%; }
.insights-article-body h2,
.insights-article-body h3 { color: #0c1236; font-family: "Songti SC", "STSong", Georgia, serif; font-weight: 600; line-height: 1.55; }
.insights-article-body h2 { margin: 2.2em 0 .8em; font-size: 30px; }
.insights-article-body h3 { margin: 1.8em 0 .65em; font-size: 23px; }
.insights-article-body p { margin: 0 0 1.35em; }
.insights-article-body ul,
.insights-article-body ol { margin: 0 0 1.5em; padding-left: 1.5em; }
.insights-article-body li { margin-bottom: .55em; }
.insights-article-body img { max-width: 100%; height: auto; display: block; margin: 2em auto; }
.insights-article-body blockquote { margin: 2em 0; padding: 20px 26px; color: #514d47; background: #ece8df; border-left: 3px solid #b08a4d; }
.insights-article-body a { color: #8a6734; text-decoration: underline; }
.insights-original-link { padding: 0 0 82px; border-top: 1px solid #d5cec1; }
.insights-original-link a { display: inline-block; margin-top: 26px; color: #0c1236; font-weight: 600; }

.insights-contact { padding: 82px 0; color: #fff; background: #0c1236; }
.insights-contact-inner { display: grid; grid-template-columns: 1fr 260px; gap: 9%; align-items: center; }
.insights-contact h2 { font-size: 34px; }
.insights-contact p:not(.insights-kicker) { max-width: 620px; margin: 22px 0; color: #c3beb6; font-size: 16px; line-height: 1.9; }
.insights-contact a { color: #d7bf91; }
.insights-contact-qr { width: 240px; justify-self: end; text-align: center; background: #fff; color: #202020; }
.insights-contact-qr img { width: 100%; display: block; }
.insights-contact-qr p { margin: 0 !important; padding: 14px 10px 17px; color: #282828 !important; font-size: 14px !important; line-height: 1.55 !important; }
.insights-contact-qr span { color: #8b857c; font-size: 12px; }

@media (max-width: 767px) {
    .insights-container,
    .insights-article-narrow { width: 86%; }
    .insights-hero { padding: 82px 0 72px; }
    .insights-hero h1 { font-size: 38px; }
    .insights-hero > div > p:last-child { font-size: 16px; }
    .insights-list-section { padding: 58px 0 72px; }
    .insights-card { grid-template-columns: 1fr; }
    .insights-card-cover,
    .insights-card-cover img { min-height: 230px; height: 230px; }
    .insights-card-content { padding: 32px 28px 38px; }
    .insights-card h2 { font-size: 24px; }
    .insights-card-content > p:not(.insights-card-meta) { font-size: 16px; }
    .insights-article-header { padding: 72px 0 48px; }
    .insights-back { margin-bottom: 34px; }
    .insights-article-header h1 { font-size: 34px; }
    .insights-article-summary { font-size: 17px; }
    .insights-byline { display: block; line-height: 1.9; }
    .insights-byline span { display: block; }
    .insights-article-cover { width: 100%; padding-top: 0; }
    .insights-article-cover img { max-height: none; }
    .insights-article-body { padding: 50px 0 58px; font-size: 17px; line-height: 1.9; }
    .insights-article-body p,
    .insights-article-body li,
    .insights-article-body blockquote { word-break: break-word; }
    .insights-article-body h2 { font-size: 26px; }
    .insights-article-body h3 { font-size: 21px; }
    .insights-original-link { padding-bottom: 60px; }
    .insights-contact { padding: 64px 0; }
    .insights-contact-inner { grid-template-columns: 1fr; gap: 38px; }
    .insights-contact h2 { font-size: 29px; }
    .insights-contact-qr { width: 230px; justify-self: start; }
}
