/* Photos inside blog posts (figure / gallery in build_post.py). Linked only by posts that have photos. */
.post-fig{margin:6px 0 4px;display:flex;flex-direction:column;gap:10px}
.post-fig a{display:block;border-radius:8px}
.post-fig img{display:block;width:100%;height:auto;border-radius:8px;background:#F3F4F6}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.post-grid img{aspect-ratio:4/3;object-fit:cover}
.post-fig figcaption{font-size:14px;line-height:1.45;color:#4A5160}
.post-fig a:focus-visible{outline:3px solid #1F2FB8;outline-offset:3px}
@media (max-width:520px){.post-grid{gap:8px}}
/* Download buttons inside blog posts (downloads in build_post.py); the count badge is shown by assets/js/site.js. */
.post-dl{margin:6px 0 4px;padding:20px;border:1px solid #E3E5EA;border-radius:8px;background:#F3F4F6;display:flex;flex-direction:column;gap:14px}
.post-dl-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.post-dl-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:600;text-decoration:none}
.post-dl-main{background:#2B3FE0;color:#FFFFFF}
.post-dl-alt{border:1.5px solid #0E1220;background:#FFFFFF;color:#0E1220}
.post-dl .dl-count{align-items:center;margin-left:4px;padding:2px 9px;border-radius:999px;background:rgba(127,127,127,.2);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:600;line-height:1.4}
.post-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.post-dl-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#2B3FE0;text-decoration:none}
.post-dl-note{margin:0;font-size:14px;line-height:1.45;color:#4A5160}
.post-dl a:focus-visible{outline:3px solid #1F2FB8;outline-offset:3px}
.post-dl-btn:hover{filter:brightness(1.12)}