/* Incremental article styles: all rules are scoped to this field note. */
.field-hero{padding:42px 0 35px;background:#f8f7f2;border-bottom:1px solid var(--line)}
.field-hero h1{max-width:1050px;font-size:clamp(36px,4vw,53px);line-height:1.13;margin:14px 0 0}
.field-standfirst{max-width:850px;font-size:19px;line-height:1.68;margin-top:20px;color:#455a67}
.field-byline{font-size:13px;letter-spacing:.02em;color:#667680;margin:16px 0 0}
.field-cover{margin-top:34px;margin-bottom:28px}
.field-figure{margin:26px 0 30px;width:100%}
.field-figure img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:8px;display:block;background:#dce7e8}
.field-figure figcaption{padding:9px 1px 0;color:#637784;font-size:12px;line-height:1.6}
.field-cover .field-figure{margin:0}
.field-cover .field-figure img{max-height:540px;aspect-ratio:16/9;object-fit:cover}
.field-article .detail-section{scroll-margin-top:105px}
.field-article .detail-section p{line-height:1.85}
.field-source .field-note{color:#627680;font-size:13px!important}
.field-source a{overflow-wrap:anywhere}
body.zh .field-hero h1{font-size:clamp(32px,3.5vw,44px);line-height:1.3}
@media(max-width:760px){.field-hero{padding:23px 0 25px}.field-hero h1{font-size:33px}.field-standfirst{font-size:16px;margin-top:14px}.field-cover{margin-top:20px;margin-bottom:8px}.field-figure{margin:19px 0 24px}.field-figure img{max-height:none}.field-byline{font-size:11px}body.zh .field-hero h1{font-size:30px}}
/* The new insight tile follows the existing card grid without modifying global CSS. */
#perspectives .detail-cards article[data-insight="ai-automotive-hangzhou"]{overflow:hidden}
#perspectives .detail-cards article[data-insight="ai-automotive-hangzhou"] .field-card-thumb{margin:-24px -24px 20px;width:calc(100% + 48px);aspect-ratio:16/9;object-fit:cover;display:block}
#perspectives .detail-cards article[data-insight="ai-automotive-hangzhou"] .field-card-date{font-size:11px;letter-spacing:.055em;color:#647884;margin-bottom:12px}