/* The Woof blog (woof.net/blog/, marketing-lane-spec L7). Body copy is static HTML in each
   blog/<slug>/index.html so crawlers that run no JS read every word; this sheet styles it.
   Tailwind (CDN, from _landing-header) handles the page chrome; the post body uses plain
   elements so a new post is written as ordinary HTML. */
.post-body { font-size: 1.125rem; line-height: 1.75; color: #334155; }
.post-body > * + * { margin-top: 1.25rem; }
.post-body h2 {
    font-family: 'Fraunces', Georgia, serif; font-weight: 700; color: #1a1a2e;
    font-size: 1.625rem; line-height: 1.25; margin-top: 2.5rem;
}
.post-body ul { list-style: disc; padding-left: 1.5rem; }
.post-body ul > li + li { margin-top: 0.5rem; }
.post-body a { color: #0d8ae6; text-decoration: underline; text-underline-offset: 2px; }
.post-body a:hover { color: #0369a1; }
.post-body strong { color: #1a1a2e; }
.post-body .source { font-size: 0.875rem; color: #64748b; }

/* The clip slot: a still today, the V5 clip later (same box, same caption). */
.post-figure { margin: 2.5rem 0; }
.post-figure img {
    display: block; width: 100%; height: auto; border-radius: 1rem;
    border: 1px solid #e2e8f0; box-shadow: 0 10px 30px -12px rgba(15, 23, 42, 0.25);
}
.post-figure figcaption { margin-top: 0.75rem; font-size: 0.875rem; color: #64748b; text-align: center; }
@media (max-width: 640px) {
    .post-body { font-size: 1.0625rem; }
    .post-body h2 { font-size: 1.375rem; }
    .post-figure img { max-width: 320px; margin: 0 auto; }
}