/* ── Page-level layout ── */
      .blog-page {
        min-height: calc(100vh - 160px);
        display: flex;
        flex-direction: column;
      }


      /* ── Empty state ── */
      .blog-empty {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--space-3xl) 0;
      }

      .blog-empty-inner {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
      }

      .blog-empty-icon {
        width: 64px;
        height: 64px;
        margin: 0 auto var(--space-lg);
        color: var(--color-secondary);
      }

      .blog-empty-title {
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: var(--font-weight-medium);
        color: var(--color-black);
        line-height: 1.15;
        margin: 0 0 var(--space-md) 0;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
      }

      .blog-empty-description {
        font-size: var(--font-size-lg);
        line-height: var(--line-height-relaxed);
        color: var(--color-accent);
        margin: 0 0 var(--space-xl) 0;
      }

      .blog-empty-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--space-sm);
        flex-wrap: wrap;
      }

      /* ── Dark mode ── */

      [data-theme="dark"] .blog-empty-title {
        color: var(--color-black);
      }

      [data-theme="dark"] .blog-empty-description {
        color: var(--color-gray-medium);
      }

      [data-theme="dark"] .blog-empty-icon {
        color: var(--color-gray-medium);
      }

      /* ── Mobile ── */
      @media (max-width: 768px) {
        .blog-empty {
          padding: var(--space-2xl) 0;
        }

        .blog-empty-title {
          font-size: clamp(1.8rem, 7vw, 2.5rem);
        }

        .blog-empty-description {
          font-size: var(--font-size-base);
        }
      }