/* ── Blog article enhancements (V2 CMS) ──────────────────────────
   Extends .prose-lawyer to cover the elements real posts actually use
   (h4, ol, img, strong, blockquote, lead paragraph) and tunes readability.
   On-brand only: navy #040725, gold #EBB30A, Cinzel headings. */

.prose-lawyer { max-width: 760px; font-size: 1.075rem; line-height: 1.78; color: rgba(4,7,37,0.86); }
.prose-lawyer > p:first-of-type { font-size: 1.2rem; line-height: 1.7; color: #14182f; }

.prose-lawyer h2 { font-size: clamp(1.5rem, 2.6vw, 1.85rem); margin: 2.6rem 0 .9rem; letter-spacing: -.01em; }
.prose-lawyer h2::before { content: ""; display: block; width: 34px; height: 3px; background: #EBB30A; border-radius: 2px; margin-bottom: .85rem; }
.prose-lawyer h3 { font-size: 1.32rem; margin: 2rem 0 .55rem; }
.prose-lawyer h4 { font-family: 'Cinzel', serif; font-weight: 600; font-size: 1.05rem; color: #040725; margin: 1.5rem 0 .5rem; }

.prose-lawyer p { margin-bottom: 1.15rem; }
.prose-lawyer ul, .prose-lawyer ol { margin: .85rem 0 1.3rem 1.3rem; display: flex; flex-direction: column; gap: .5rem; }
.prose-lawyer ul li { list-style: disc; }
.prose-lawyer ol li { list-style: decimal; }
.prose-lawyer li { padding-left: .2rem; }

.prose-lawyer img { border-radius: 14px; margin: 1.9rem 0; width: 100%; height: auto; box-shadow: 0 18px 44px -26px rgba(4,7,37,.5); }
.prose-lawyer strong { color: #040725; font-weight: 700; }
.prose-lawyer blockquote { border-left: 3px solid #EBB30A; background: rgba(235,179,10,.06); padding: .9rem 1.25rem; margin: 1.6rem 0; border-radius: 0 10px 10px 0; font-size: 1.12rem; color: #14182f; }

/* article meta chips (in the dark hero) */
.article-chip { display: inline-flex; align-items: center; gap: .4rem; font-family: 'JetBrains Mono', monospace; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.8); border: 1px solid rgba(235,179,10,.4); border-radius: 999px; padding: .32rem .75rem; }

/* share buttons */
.share-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgba(4,7,37,.12); color: #040725; background: #fff; transition: all .15s ease; }
.share-btn:hover { background: #040725; color: #EBB30A; border-color: #040725; }
.share-btn svg { width: 16px; height: 16px; }

/* prev / next post navigation */
.post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 640px) { .post-nav { grid-template-columns: 1fr; } }
.post-nav a { display: block; padding: 1.1rem 1.3rem; border: 1px solid rgba(4,7,37,.1); border-radius: 14px; background: #fff; transition: all .15s ease; }
.post-nav a:hover { border-color: rgba(235,179,10,.6); box-shadow: 0 14px 30px -20px rgba(4,7,37,.4); }
.post-nav .dir { font-family: 'JetBrains Mono', monospace; font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: #C49007; }
.post-nav .ttl { font-family: 'Cinzel', serif; color: #040725; margin-top: .35rem; line-height: 1.3; }
.post-nav a.next { text-align: right; }