/* "What I'm up to lately" (home page, bottom) */
.lately-grid { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 620px) { .lately-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .lately-grid { grid-template-columns: repeat(3, 1fr); } .lately-n4, .lately-n2 { grid-template-columns: repeat(2, 1fr); } }
.lately-card { display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 20px 22px 22px; }
.lately-card.is-live { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.lately-emoji { font-size: 1.8rem; line-height: 1; margin-bottom: 10px; }
.lately-card h3 { margin: 0 0 6px; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.01em; }
.lately-big { margin: 2px 0 0; font-size: 1.05rem; color: var(--muted); }
.lately-big strong { font-size: 2.4rem; font-weight: 800; letter-spacing: -0.03em; color: var(--ink); }
.lately-sub { margin: 2px 0 10px; font-size: .88rem; color: var(--muted); }
.lately-text { margin: 0; color: var(--muted); }
.lately-credit { margin: auto 0 0; padding-top: 12px; font-size: .75rem; color: var(--muted); }
.lately-credit a { color: inherit; }

/* Draft mode: only visible to a signed-in admin */
.lately.is-draft { outline: 2px dashed #d99a1e; outline-offset: 14px; border-radius: 12px; }
.lately-draft { display: inline-block; margin-left: 10px; padding: 2px 10px; border-radius: 999px; background: #d99a1e; color: #1b1b1b; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }