/* =====================================================================
   SAPCOTE THEME — blog extras (loads after sgc-kit-blog.css, which is a verbatim copy of the kit file and is never edited)
   What the live posts carry that the three mocks did not exercise: eight guides have a comparison <table>, the four
   gardening posts carry WordPress alignment classes and captions on their inline images. Kit tokens only; nothing under
   16px; no new colours. Listed in blog-templates-build-handover-2026-11-10.md.
   ===================================================================== */

/* ---- tables in the article (the brand comparison, the running-cost sums): the kit's hairline and tint, 16px, scroll on the phone ---- */
.article table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:16px;line-height:1.45}
.article th,.article td{padding:10px 12px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.article thead th{font-weight:700;color:var(--green-dark);background:var(--lime-tint);border-bottom:2px solid var(--green)}
.article tbody tr:nth-child(even) td{background:rgba(0,0,0,.02)}
.article td:first-child{font-weight:700;color:var(--ink)}
@media (max-width:760px){
  .article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ---- WordPress's own classes on inline images and captions ---- */
.article img{max-width:100%;height:auto}
.article .alignleft,.article .alignright,.article .aligncenter{display:block;margin-left:auto;margin-right:auto;float:none}
.article .wp-caption{max-width:100%}
.article .wp-caption-text,.article figcaption{font-size:16px;line-height:1.45;color:var(--muted);margin-top:10px}

/* ---- blockquotes and horizontal rules, should a post carry one ---- */
.article blockquote{margin:0 0 22px;padding:4px 0 4px 20px;border-left:3px solid var(--lime);color:var(--muted)}
.article hr{border:0;border-top:1px solid var(--hair);margin:32px 0}