/* Styles moved out of science-post-detail.html so the CSP can drop style-src 'unsafe-inline'. */

    .blog-post-header {
      position: relative;
      padding: 140px 0 60px 0;
      background: linear-gradient(180deg, rgba(235, 248, 248, 0.4) 0%, #ffffff 100%);
    }
    .blog-badge-tag {
      padding: 6px 16px;
      border-radius: 999px;
      font-size: 0.75rem;
      font-weight: 700;
      background: rgba(120, 144, 156, 0.12);
      color: #112a2e;
      letter-spacing: 0.05em;
    }
    .article-title {
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 700;
      color: #112a2e;
      line-height: 1.2;
      letter-spacing: -0.02em;
    }
    .blog-meta-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      object-fit: cover;
    }
    .blog-featured-img-frame {
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 20px 50px rgba(112, 144, 150, 0.08);
      margin-bottom: 50px;
    }
    .blog-rich-content p {
      font-size: 1.05rem;
      line-height: 1.8;
      color: #3e5a5e;
      margin-bottom: 24px;
    }
    .blog-rich-content h2 {
      font-size: 1.6rem;
      font-weight: 700;
      color: #112a2e;
      margin-top: 40px;
      margin-bottom: 18px;
    }
    .blog-sidebar-card {
      border: 1.5px solid rgba(120, 144, 156, 0.15);
      border-radius: 20px;
      padding: 30px;
    }