/* Same styles as blog listing */
       :root {
           --orange: #E8450A;
           --dark: #0B1120;
           --cream: #F5F3EE;
       }

       * {
           font-family: 'DM Sans', sans-serif;
       }

       h1,
       h2,
       h3,
       .syne {
           font-family: 'Syne', sans-serif;
       }

       .btn-orange {
           background: var(--orange);
           color: #fff;
           border-radius: 8px;
           padding: 12px 28px;
           font-weight: 600;
           transition: all .25s ease;
       }

       .btn-orange:hover {
           background: #c93a06;
           transform: scale(1.02);
       }

       .section-tag {
           color: var(--orange);
           font-size: .78rem;
           font-weight: 700;
           letter-spacing: .12em;
       }

       nav a {
           font-size: .88rem;
           font-weight: 500;
           color: #334155;
           transition: color .2s;
       }

       nav a:hover {
           color: var(--orange);
       }

       .blog-content p {
           margin-bottom: 1.2rem;
           line-height: 1.7;
           color: #4b5563;
       }

       .blog-content h2 {
           font-family: 'Syne', sans-serif;
           font-size: 1.8rem;
           font-weight: bold;
           margin: 2rem 0 1rem;
           color: #111827;
       }

       .blog-content ul,
       .blog-content ol {
           margin: 1rem 0 1.5rem 1.5rem;
           color: #4b5563;
       }

       .sidebar-card {
           background: #f9fafb;
           border-radius: 1rem;
           padding: 1.5rem;
           transition: all 0.2s;
       }

       .sidebar-card:hover {
           transform: translateY(-3px);
           box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
       }

       .sticky-sidebar {
           position: sticky;
           top: 100px;
           /* Adjusts for navbar height (adjust as needed) */
           align-self: start;
       }