/* Insights: extends the validated AIXPLOR V6 design. */
.blog-intro { background: linear-gradient(130deg,#0c1a2c,#123763); color: #fff; padding: 36px 0 64px; }
.blog-intro .eyebrow { color: var(--blue-light); }
.blog-intro h1 { font-size: clamp(32px,4vw,56px); letter-spacing: -.03em; max-width: 20em; margin: 0 0 22px; }
.blog-intro .lead { max-width: 46em; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 14px; color: #d8e9ff; margin-bottom: 40px; }
.breadcrumbs a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
.blog-topics { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.blog-topics span { padding: 7px 12px; border: 1px solid #557b9f; border-radius: 999px; font-size: 14px; }
.blog-topics span:last-child { border-color: #bf8057; }
.blog-card { border: 1px solid var(--line); }
.blog-card h2,.blog-card h3 { font-size: 18px; line-height: 1.38; margin: 0; letter-spacing: normal; }
.blog-card :is(h2,h3) a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }
.blog-card :is(h2,h3) a:hover { text-decoration-color: currentColor; }
.blog-card .article-body > p:not(.article-meta) { color: var(--muted); font-size: 15px; }
.blog-read { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--blue-text); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.blog-card .blog-read { margin-top: auto; }
.blog-cover { overflow: hidden; background: var(--navy-800); aspect-ratio: 16/9; }
.blog-cover img { width: 100%; height: 100%; object-fit: cover; }
.blog-placeholder { min-height: 170px; height: auto; letter-spacing: .06em; }
.blog-empty { grid-column: 1/-1; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 40px; }
.blog-empty p { max-width: 42em; margin: 20px 0; color: var(--muted); }
.blog-announcement { margin-top: 28px; color: var(--muted); }
.blog-all { margin-top: 24px; }
.reading-wrap { width: min(780px,100% - 48px); margin-inline: auto; }
.blog-reading { padding-top: 48px; padding-bottom: 64px; }
.blog-reading > .blog-cover { border-radius: 14px; margin-bottom: 40px; }
.blog-meta { margin-top: 24px; color: #d8e9ff; font-size: 14px; }
.prose { font-size: 18px; line-height: 1.85; overflow-wrap: anywhere; }
.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre { margin: 0 0 24px; }
.prose h2 { font-size: clamp(24px,3vw,32px); margin: 42px 0 18px; }
.prose h3 { font-size: 23px; margin: 32px 0 16px; }
.prose a { color: var(--blue-text); text-decoration: underline; text-underline-offset: 4px; }
.prose blockquote { margin-left: 0; padding: 16px 24px; border-left: 4px solid var(--blue); background: var(--soft); }
.prose pre { padding: 18px; max-width: 100%; overflow: auto; border-radius: 8px; background: var(--soft); font-size: 15px; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin: 32px 0; }
.blog-next { background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; margin: 44px 0 24px; }
.blog-next h2 { font-size: 26px; margin: 0 0 12px; }
.blog-next p { margin-bottom: 22px; color: var(--muted); }
.blog-related { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media (max-width: 1080px) { .blog-articles { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) {
  .blog-intro { padding: 22px 0 42px; }
  .reading-wrap { width: calc(100% - 32px); }
  .breadcrumbs { margin-bottom: 26px; }
  .blog-articles,.blog-related { grid-template-columns: 1fr; }
  .blog-empty { padding: 24px; }
  .blog-reading { padding: 32px 0 44px; }
  .prose { font-size: 17px; }
  .blog-next { padding: 24px; }
  .blog-next .btn { width: 100%; }
}
@media print { .blog-intro { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }