/* ==========================================================================
   ARTICLE BODY
   --------------------------------------------------------------------------
   Rich content written in the blog editor can contain embeds, wide tables and
   full-width images. This sheet keeps all of it inside the reading column on
   every screen. Loaded only by blog-single.php, on top of style.css.
   ========================================================================== */

/* Byline row in the hero: date, author and reading time on one wrapping line. */
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.post-meta > span{display:inline-flex;align-items:center;gap:6px}

.legal-doc img{max-width:100%;height:auto;border-radius:var(--r-sm,8px)}

.legal-doc iframe,
.legal-doc video{
  display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;
  border:0;border-radius:var(--r-sm,8px);margin:1.6rem 0;background:#0F172A;
}

.legal-doc figure{margin:1.8rem 0}
.legal-doc figure img{width:100%}
.legal-doc figcaption{
  font-size:.85rem;color:var(--muted,#64748B);margin-top:.5rem;text-align:center;
}

.legal-doc pre{overflow-x:auto;max-width:100%}
.legal-doc code{word-break:break-word}
.legal-doc a{word-break:break-word}

/* A table that will not fit gets its own horizontal scroll rather than
   pushing the whole page sideways. */
@media (max-width:760px){
  .legal-doc table{
    display:block;width:100%;max-width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}

/* Tag chips under the article */
.legal-doc .tagpill{text-decoration:none}