#recent-posts {margin:1.5rem 0 2.5rem; scroll-margin-top:7rem}
#recent-posts-title,#post-archive-title {color:var(--navy);margin:0 0 1rem;font-size:clamp(1.15rem,2vw,1.45rem)}
.recent-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.recent-card {min-width:0;overflow:hidden;border-radius:16px;background:white;box-shadow:0 5px 20px #16345b14;color:#152f47}
.recent-cover {display:grid;place-items:center;background:#eef3f5;aspect-ratio:4/3}
.recent-cover img {display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.recent-body {padding:1rem 1.1rem 1.1rem}
.recent-meta {display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.recent-meta a {font-size:.8rem;color:#095c67;text-decoration:underline;text-underline-offset:3px}
.recent-body time {font-size:.78rem;font-weight:650;color:#42646b;font-variant-numeric:tabular-nums}
.recent-body h4 {font-size:1.05rem;line-height:1.5;margin:.25rem 0 .65rem}
#recent-posts summary {cursor:pointer;font-weight:650;line-height:1.5;color:#075c65;padding:.45rem 0}
.recent-caption {border-top:1px solid #dde7e8;font-size:.88rem}
.recent-caption img {display:block;max-width:100%;height:auto;margin:.6rem auto}
.original-caption {white-space:pre-line;overflow-wrap:anywhere;line-height:1.65;margin:.6rem 0}
.recent-links {display:flex;flex-wrap:wrap;gap:.35rem .8rem}
.recent-links a {text-decoration:underline;text-underline-offset:3px;color:#095c67;padding:.3rem 0}
.recent-more {margin-top:.85rem}
.recent-more>.recent-grid {margin-top:.75rem}
#recent-posts :focus-visible {outline:3px solid #006ca8;outline-offset:-3px}
@media(max-width:880px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.recent-grid{grid-template-columns:1fr}.recent-body{padding:.8rem 1rem}.recent-cover{aspect-ratio:4/3}}