/* Shared article typography: used by the public blog post and the admin editor */
.blog-post-content,#contentEditor{--ba-green:#276620;--ba-ink:#1b2a17}
.blog-post-content h4,#contentEditor h4{font-size:1.02rem;font-weight:700;margin:1.4rem 0 .5rem;color:var(--ba-ink)}
.blog-post-content figure.blog-fig,#contentEditor figure.blog-fig{margin:1.9rem 0;padding:0;position:relative}
.blog-post-content figure.blog-fig img,#contentEditor figure.blog-fig img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;border-radius:14px;box-shadow:0 6px 24px rgba(16,38,12,.10)}
.blog-post-content figure.blog-fig figcaption,#contentEditor figure.blog-fig figcaption{font-family:inherit;font-size:.83rem;line-height:1.5;color:#6b7a66;text-align:center;margin:.65rem auto 0;max-width:92%}
.blog-post-content figure.size-md,#contentEditor figure.size-md{max-width:75%;margin-left:auto;margin-right:auto}
.blog-post-content figure.size-sm,#contentEditor figure.size-sm{max-width:50%;margin-left:auto;margin-right:auto}
.blog-post-content .blog-gallery,#contentEditor .blog-gallery{display:grid;gap:1rem;margin:1.9rem 0}
.blog-post-content .blog-gallery.cols-2,#contentEditor .blog-gallery.cols-2{grid-template-columns:repeat(2,1fr)}
.blog-post-content .blog-gallery.cols-3,#contentEditor .blog-gallery.cols-3{grid-template-columns:repeat(3,1fr)}
.blog-post-content .blog-gallery figure.blog-fig,#contentEditor .blog-gallery figure.blog-fig{margin:0;max-width:none}
.blog-post-content .blog-gallery img,#contentEditor .blog-gallery img{aspect-ratio:4/3;object-fit:cover}
.blog-post-content .blog-table,#contentEditor .blog-table{overflow-x:auto;margin:1.6rem 0;-webkit-overflow-scrolling:touch}
.blog-post-content table,#contentEditor table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.blog-post-content th,.blog-post-content td,#contentEditor th,#contentEditor td{border:1px solid #dfe6da;padding:.6rem .8rem;text-align:left;vertical-align:top}
.blog-post-content th,#contentEditor th{background:#eef5ea;color:var(--ba-ink);font-weight:700}
.blog-post-content tbody tr:nth-child(even) td,#contentEditor tbody tr:nth-child(even) td{background:#fafcf8}
.blog-post-content pre,#contentEditor pre{background:#14210f;color:#e6efe1;padding:1rem 1.2rem;border-radius:12px;overflow-x:auto;font-size:.85rem;line-height:1.6;margin:1.4rem 0}
.blog-post-content code,#contentEditor code{font-family:Menlo,Consolas,monospace;font-size:.88em;background:#eef2ea;padding:.12em .38em;border-radius:5px}
.blog-post-content pre code,#contentEditor pre code{background:none;padding:0;color:inherit}
.blog-post-content .callout{background:#eef5ea;border-left:3px solid var(--ba-green);padding:1rem 1.25rem;border-radius:0 10px 10px 0;margin:1.5rem 0;line-height:1.7}
.blog-post-content hr{border:none;border-top:1px solid #dfe6da;margin:2rem 0}
@media(max-width:700px){
  .blog-post-content .blog-gallery.cols-3,#contentEditor .blog-gallery.cols-3{grid-template-columns:repeat(2,1fr)}
  .blog-post-content figure.size-md,.blog-post-content figure.size-sm{max-width:100%}
}
@media(max-width:420px){
  .blog-post-content .blog-gallery.cols-2,.blog-post-content .blog-gallery.cols-3{grid-template-columns:1fr}
}

/* Keep the picture's own proportions when asked */
.blog-post-content figure.ratio-orig img,#contentEditor figure.ratio-orig img{aspect-ratio:auto;object-fit:initial}