/* New illustrated article pages only: retain the site's white, ink and Daodan green roles. */
.article-story .article-shell{max-width:860px;margin-inline:auto}
.article-story .article-layout{display:block;max-width:800px;margin-inline:auto}
.article-story .article-content h1{text-wrap:balance}
.article-story .article-content{line-height:1.95}
.article-story .story-abstract{color:var(--text-secondary);padding-bottom:24px;border-bottom:1px solid var(--border)}
.article-story .article-content .story-figure{margin-block:32px}
.article-story .story-figure img{display:block;width:100%;height:auto;background:var(--subtle)}
.article-story .story-figure figcaption{margin-top:10px;color:var(--text-secondary);font-size:13px;line-height:1.7}
.article-story .story-related{max-width:800px;margin:48px auto 0;padding-top:26px;border-top:1px solid var(--border)}
.article-story .story-related h2{font-size:24px;margin-bottom:16px}
.article-story .story-next{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--action);font-size:18px;line-height:1.7}
.article-story .story-related nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px}
.article-story .story-related nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--action);font-size:14px}
.article-story .story-related a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.article-story .article-meta{margin-bottom:28px}.article-story .article-content .story-figure{margin-block:26px}.article-story .story-figure figcaption{font-size:12px}.article-story .story-next{font-size:17px}.article-story .story-related nav{gap:4px 18px}}
@media print{.article-story .story-figure{break-inside:avoid}.article-story .story-related{display:none}}