/* SeaVesselManager blog: readable article typography */
article > div.max-w-4xl { max-width: 46rem; }
article h1 { letter-spacing: -0.02em; }
article .text-xl.text-gray-600 { font-size: 1.25rem; line-height: 1.6; color: #475569; }

.article-content { font-size: 1.1875rem; line-height: 1.85; color: #1e293b; }
.article-content p { margin-bottom: 1.5rem; line-height: 1.85; color: #1e293b; }
.article-content p.text-lg { font-size: 1.3rem; line-height: 1.75; color: #0f172a; }
.article-content h2 { font-size: 1.8rem; line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; margin-top: 3.5rem; margin-bottom: 1.1rem; color: #0f172a; }
.article-content h3 { font-size: 1.35rem; line-height: 1.3; font-weight: 700; margin-top: 2.25rem; margin-bottom: 0.75rem; color: #0f172a; }
.article-content ul, .article-content ol { margin: 0 0 1.75rem; padding-left: 1.6rem; }
.article-content li { margin-bottom: 0.65rem; line-height: 1.75; color: #1e293b; }
.article-content li::marker { color: #0891b2; }
.article-content strong { color: #0f172a; }
.article-content a { color: #0e7490; text-decoration: underline; text-underline-offset: 3px; }
.article-content a:hover { color: #0891b2; }
.article-content > div[class*="border-l-4"] { margin: 2.25rem 0; }
.article-content > div[class*="border-l-4"] p { font-size: 1.1rem; line-height: 1.7; }
.article-content img { max-width: 100%; height: auto; border-radius: 0.75rem; }
.article-content table { display: block; overflow-x: auto; max-width: 100%; font-size: 0.95rem; }
.article-content .overflow-x-auto { margin-left: -1rem; margin-right: -1rem; padding: 0 1rem; }

@media (max-width: 640px) {
  .article-content { font-size: 1.0625rem; line-height: 1.8; }
  .article-content h2 { font-size: 1.5rem; margin-top: 2.75rem; }
  .article-content p.text-lg { font-size: 1.15rem; }
}

/* blog index cards */
.blog-card img { transition: transform .35s ease; }
.blog-card:hover img { transform: scale(1.03); }
.blog-thumb { overflow: hidden; background: #e2e8f0; }
.blog-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }