/* Porter Law — editorial typography for imported the_content().
 * The design kit never used Tailwind's typography plugin, so `.prose`/`prose-*`
 * utilities are unstyled. We define them here to match the kit's editorial style
 * (Suranna display headings, Work Sans body, brand ink/navy/brass tokens). Scoped
 * to .prose and .prose-pl so it only affects rendered post/page content. */

.prose-pl, .prose { color: #4A4A4A; font-family: "Work Sans", -apple-system, "Segoe UI", sans-serif; }

/* Headings */
.prose-pl h2, .prose h2 {
  font-family: "Suranna", "Times New Roman", serif;
  font-size: clamp(1.625rem, 3.5vw, 2.125rem);
  line-height: 1.18; letter-spacing: -0.01em; color: #1A1A1A;
  margin: 2.75rem 0 1.1rem;
}
.prose-pl h3, .prose h3 {
  font-family: "Suranna", "Times New Roman", serif;
  font-size: clamp(1.3rem, 2.4vw, 1.6rem);
  line-height: 1.25; letter-spacing: -0.01em; color: #1A1A1A;
  margin: 2.1rem 0 0.85rem;
}
.prose-pl h4, .prose h4 {
  font-family: "Work Sans", sans-serif; font-weight: 600;
  font-size: 1.05rem; color: #1A1A1A; margin: 1.75rem 0 0.6rem;
}
.prose-pl h2:first-child, .prose h2:first-child,
.prose-pl h3:first-child, .prose h3:first-child { margin-top: 0; }

/* Body */
.prose-pl p, .prose p {
  font-size: 17px; line-height: 1.65; color: #4A4A4A; margin: 0 0 1.15rem;
}
.prose-pl a, .prose a { color: #14213D; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(176,138,74,.5); }
.prose-pl a:hover, .prose a:hover { color: #8E6E37; }
.prose-pl strong, .prose strong { color: #1A1A1A; font-weight: 600; }
.prose-pl em, .prose em { font-style: italic; }

/* Lists */
.prose-pl ul, .prose ul, .prose-pl ol, .prose ol { margin: 0 0 1.3rem; padding-left: 1.4rem; }
.prose-pl ul, .prose ul { list-style: disc; }
.prose-pl ol, .prose ol { list-style: decimal; }
.prose-pl li, .prose li { font-size: 17px; line-height: 1.6; color: #4A4A4A; margin: 0.4rem 0; padding-left: 0.25rem; }
.prose-pl li::marker, .prose li::marker { color: #B08A4A; }

/* Media */
.prose-pl img, .prose img { border-radius: 6px; margin: 1.75rem 0; max-width: 100%; height: auto; display: block; }
.prose-pl img:first-child, .prose img:first-child { margin-top: 0; }
.prose-pl figure, .prose figure { margin: 1.75rem 0; }
.prose-pl figcaption, .prose figcaption { font-size: 13px; color: #6F6A60; margin-top: 0.5rem; }

/* Blockquote */
.prose-pl blockquote, .prose blockquote {
  border-left: 3px solid #B08A4A; padding: 0.25rem 0 0.25rem 1.25rem;
  margin: 1.75rem 0; color: #4A4A4A; font-style: italic;
}

/* Tables */
.prose-pl table, .prose table { width: 100%; border-collapse: collapse; margin: 1.75rem 0; font-size: 15px; }
.prose-pl th, .prose th, .prose-pl td, .prose td { border: 1px solid #D9D2C2; padding: 0.6rem 0.8rem; text-align: left; vertical-align: top; }
.prose-pl th, .prose th { background: #F5EFE4; font-family: "Work Sans", sans-serif; font-weight: 600; color: #1A1A1A; }

.prose-pl hr, .prose hr { border: 0; border-top: 1px solid #D9D2C2; margin: 2.5rem 0; }