/* ===== Blog/News Detail Layout (AST Blog와 동일한 스타일) ===== */
      .blog-detail-wrap { max-width: 800px; margin: 0 auto; padding: 60px 24px 100px; min-height: 40vh; }
      .blog-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #888; margin-bottom: 40px; }
      .blog-breadcrumb a { color: #888; text-decoration: none; transition: color 0.2s; }
      .blog-breadcrumb a:hover { color: #222; }
      .blog-breadcrumb-sep { color: #ccc; font-size: 11px; }
      .blog-breadcrumb-current { color: #333; }
      .blog-detail-header { margin-bottom: 40px; }
      .blog-detail-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
      .blog-tag-ast { display: inline-block; padding: 4px 12px; background: #111; color: #fff; font-size: 12px; font-weight: 600; border-radius: 4px; letter-spacing: 0.02em; }
      .blog-tag-ast.internal { background: #2d74ff; }
      .blog-detail-date { font-size: 13px; color: #999; }
      .blog-detail-title { font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: #111; line-height: 1.4; margin: 0; letter-spacing: -0.02em; }
      .blog-divider { border: none; border-top: 1px solid #eee; margin: 40px 0; }
      .blog-hero-img { width: 100%; height: auto; display: block; border-radius: 8px; margin: 0 0 32px; }
      .blog-detail-body { font-size: 16px; color: #333; line-height: 1.85; word-break: break-word; }
      .blog-detail-body p, .blog-detail-body div { margin: 0 0 18px; }
      .blog-detail-body img { max-width: 100%; height: auto; display: block; margin: 8px 0 20px; border-radius: 8px; }
      .blog-detail-body iframe { max-width: 100%; width: 100%; aspect-ratio: 16 / 9; height: auto; border-radius: 8px; margin: 8px 0 20px; }
      .blog-detail-body a { color: #2D74FF; text-decoration: underline; }
      .blog-source-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 12px 20px; border: 1px solid #ddd; border-radius: 50px; font-size: 14px; font-weight: 600; color: #222; text-decoration: none !important; transition: background 0.2s; }
      .blog-source-link:hover { background: #f5f5f5; }
      .blog-back-wrap { margin-top: 60px; text-align: center; }
      .blog-back-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; border: 1.5px solid #222; border-radius: 50px; font-size: 14px; font-weight: 600; color: #222; text-decoration: none; transition: background 0.2s, color 0.2s; }
      .blog-back-btn:hover { background: #222; color: #fff; }
      .blog-back-btn svg { transition: transform 0.2s; }
      .blog-back-btn:hover svg { transform: translateX(-3px); }
      @media (max-width: 640px) { .blog-detail-wrap { padding: 40px 18px 80px; } }
      @media (max-width: 767px) { .blog-detail-body { word-break: keep-all; overflow-wrap: anywhere; } }