/* 出典付きコラムは、本文と検証用の詳しい資料を同じ読み幅で分ける。 */
body[data-template="article"] .life-article-prose{max-width:760px;margin-inline:auto;overflow-wrap:anywhere}
.life-article-prose>p{line-height:2.05}
.life-article-prose .emdash-iframe{margin-block:28px 12px;border-radius:8px;overflow:hidden;background:#f1f4f2}
.life-article-prose>.emdash-iframe+p{font-size:14px;color:var(--life-muted);line-height:1.7;margin-bottom:36px}
.life-article-prose a{text-underline-offset:.2em;text-decoration-thickness:1px}
.life-article-prose .life-article-citation{font-size:.72em;line-height:0;white-space:nowrap;margin-inline:2px}
.life-article-citation a{padding:6px 2px;text-decoration:none;font-weight:600}
.life-article-citation a:hover{text-decoration:underline}
.life-article-prose .life-article-update{font-size:14px;line-height:1.9;color:var(--life-muted);margin:32px 0 48px}
.life-article-update p:last-child{margin-bottom:0}
.life-article-prose .life-article-references{border-top:1px solid var(--life-line);padding-top:32px;font-size:15px;line-height:1.9}
.life-article-prose .life-article-references h2{font-size:24px;margin:0 0 20px;padding:0;border:0}
.life-article-references>p{color:var(--life-muted)}
.life-article-references ol{padding-left:1.8em;margin:24px 0 0}
.life-article-references li{padding:16px 8px 20px;border-bottom:1px solid var(--life-line);margin:0;scroll-margin-top:100px}
.life-article-references li::marker{color:var(--life-brand);font-weight:600;font-variant-numeric:tabular-nums}
.life-article-references li p{margin:0 0 8px;line-height:1.9}
.life-article-backlinks{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px}
.life-article-backlinks a{display:inline-block;padding-block:4px}
.life-article-prose :target{background:#fff5dc;scroll-margin-top:100px}
.life-article-prose .cta-post{margin-block:48px 32px}
@media(max-width:640px){.life-article-prose>p{line-height:2}.life-article-prose .life-article-references{font-size:14px}.life-article-references li{padding-right:0}.life-article-prose .emdash-iframe{margin-top:24px}}

/* 狭い画面は一列に保ち、右寄せ指定の図版だけ広い画面で本文を回り込ませる。 */
body[data-template="article"] .life-article-prose>.emdash-image{margin:16px auto 20px;max-width:min(100%,540px);float:none}
body[data-template="article"] .life-article-prose>.emdash-image img{display:block;max-width:100%;height:auto;margin-inline:auto}
body[data-template="article"] .life-article-prose>.emdash-image figcaption{margin-top:6px;color:var(--life-muted);font-size:13px;line-height:1.7;text-align:center}
@media(max-width:640px){body[data-template="article"] .life-article-prose>.emdash-image{max-width:min(100%,280px);margin-block:14px 18px}body[data-template="article"] .life-article-prose>.emdash-image figcaption{font-size:12px}}
@media(min-width:900px){
 body[data-template="article"] .life-article-prose>.emdash-image--align-right{float:right;max-width:260px;margin:4px 0 16px 28px}
 .life-article-prose>h2,.life-article-prose>h3,.life-article-prose>.emdash-iframe,.life-article-prose>.cta-post,.life-article-prose>.life-article-update{clear:both}
 .life-article-prose>.emdash-image--align-right+ul{display:flow-root;padding-left:1.5em}
 .life-article-prose>.emdash-image--align-right+ul+p+p{clear:both}
}