.writer-shell{width:min(100%,980px);margin:0 auto}
.article-subtitle{margin:12px 0;color:var(--muted);font-size:20px;line-height:1.55}
.article-content h2,.article-content h3,.article-content h4{margin:1.7em 0 .7em;line-height:1.25}
.article-content blockquote{margin:1.5em 0;padding:14px 18px;border-left:3px solid var(--accent);background:#edf4ef;color:#3e5148}
.article-content img{display:block;max-width:100%;height:auto;margin:20px auto;border:1px solid var(--line)}
.article-content figure{margin:20px 0}
.article-content figure.editor-image-figure{width:100%;max-width:100%}
.article-content figure.editor-image-figure img{width:100%;max-height:720px;object-fit:contain}
.article-content figcaption{color:var(--muted);font-size:13px;text-align:center}
.article-content pre{overflow:auto;padding:18px;background:#171c1a;color:#f4f6f3}
.article-content a{color:var(--accent);text-decoration:underline}
.article-video{position:relative;aspect-ratio:16/9;margin:24px 0;overflow:hidden;background:#111}
.article-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article-hero-image{margin:30px 0 36px}
.article-hero-image img{display:block;width:100%;max-height:560px;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}
.article-hero-image figcaption{margin-top:8px;color:var(--muted);font-size:12px}