/* AUTO-GENERATED page CSS for /blog/ — DO NOT EDIT.
   Imported from the page's inline <style> by lib/import-pages.cjs.
   Shared rules also live in styles/components.css; trim duplicates in a later pass. */

    * { -webkit-font-smoothing: antialiased; }
    html { scroll-behavior: smooth; }
    .nav-glass { background: rgb(var(--color-white) / 0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgb(var(--color-black) / 0.07); }
    .btn-primary { background: linear-gradient(135deg,rgb(var(--color-primary-500)) 0%,rgb(var(--color-primary-glow)) 100%); box-shadow: 0 4px 20px rgb(var(--color-primary-500) / 0.30); transition: all 0.2s; }
    .btn-primary:hover { transform: translateY(-1px); }
    .post-card { border-radius: 1rem; transition: all 0.2s; }
    .post-card:hover { transform: translateY(-3px); box-shadow: 0 14px 42px rgb(var(--color-black) / 0.08); }
    .tag { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; }
    .nav-dropdown { display: none; }
    .nav-item:hover .nav-dropdown { display: block; }
    @keyframes fadeUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
    .animate-in { animation: fadeUp 0.4s ease forwards; }

    /* Featured post overlay */
    .featured-overlay {
      background: linear-gradient(to top, rgb(var(--color-slate-900) / 0.95) 0%, rgb(var(--color-slate-900) / 0.4) 60%, transparent 100%);
      border-radius: 1rem;
    }