/* Real posts: images cropped to fit, wide tables, code */
.cover img{width:100%;height:100%;object-fit:cover;display:block}
.cover.fit img{object-fit:contain;background:var(--navy-900)}
.cover picture{display:block;width:100%;height:100%}
.prose img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto}
.prose .table-wrap{overflow-x:auto;margin:0 0 24px;border:1px solid var(--line);border-radius:12px}
.prose table{border-collapse:collapse;width:100%;font:16px/1.5 var(--sans)}
.prose th,.prose td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--mist);font-weight:800}
.prose pre{overflow-x:auto}
.prose h4{font-family:var(--sans);font-size:20px;font-weight:800;margin:32px 0 8px}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.prose iframe,.prose video{max-width:100%}
.prose li>ul,.prose li>ol{margin-top:12px}
.prose li>p{margin:0}
.prose .callout p:last-child{margin-bottom:0}
.post-end .tags{display:flex;flex-wrap:wrap;gap:8px}
.post-end .tags a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink-2);font:700 14px var(--sans);text-decoration:none}
.post-end .tags a:hover,.post-end .tags a:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.prose{overflow-wrap:anywhere}

/* Author photos: round, sharp, same sizes as the initials badges */
.avatar.photo{background:var(--mist,#EEF2FB);overflow:hidden;padding:0}
.avatar.photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.avatar.xs{width:24px;height:24px;font-size:10px}
.meta .avatar.xs{display:inline-block;vertical-align:middle;margin-right:2px}
.meta .avatar.xs img{width:24px;height:24px}