/* --- block 1 --- */
/* ===== QUICK NAV ===== */
        .quick-nav {
            background: var(--white);
            border-bottom: 1px solid var(--gray-100);
            padding: 0;
            position: sticky;
            top: 0;
            z-index: 90;
        }
        .quick-nav .container {
            display: flex;
            justify-content: center;
            gap: 0;
            max-width: 100%;
            padding: 0;
        }
        .quick-nav-link {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 2px;
            padding: 16px 28px;
            font-size: 0.82rem;
            font-weight: 600;
            text-align: center;
            transition: all 0.25s;
            border-bottom: 3px solid transparent;
            flex: 1;
            max-width: 280px;
        }
        .quick-nav-link:hover {
            background: var(--gray-50);
        }
        .quick-nav-link .nav-title {
            font-weight: 700;
            font-size: 0.82rem;
        }
        .quick-nav-link .nav-desc {
            font-size: 0.74rem;
            color: var(--section-text);
            font-weight: 400;
        }
        .quick-nav-link.orange { border-bottom-color: #E67E22; color: #E67E22; }
        .quick-nav-link.green { border-bottom-color: #0E9AA7; color: #0E9AA7; }
        .quick-nav-link.red-link { border-bottom-color: var(--red); color: var(--red); }
        .quick-nav-link.blue { border-bottom-color: #3B82F6; color: #3B82F6; }
        .quick-nav-link.orange:hover { background: rgba(230,126,34,0.04); }
        .quick-nav-link.green:hover { background: rgba(14,154,167,0.04); }
        .quick-nav-link.red-link:hover { background: rgba(205,0,26,0.04); }
        .quick-nav-link.blue:hover { background: rgba(59,130,246,0.04); }

        /* ===== BLOG SECTIONS ===== */
        .blog-section { padding: 80px 0; }
        .blog-section:nth-child(even) { background: var(--off-white); }
        .blog-section:nth-child(odd) { background: var(--white); }

        .blog-section-header {
            margin-bottom: 40px;
        }
        .blog-section-header .section-accent {
            display: inline-block;
            width: 40px; height: 4px;
            border-radius: 2px;
            margin-bottom: 16px;
        }
        .blog-section-header h2 {
            font-family: var(--font-display);
            font-size: 1.9rem;
            font-weight: 700;
            color: var(--black);
            margin-bottom: 6px;
        }
        .blog-section-header p {
            font-size: 0.95rem;
            color: var(--section-text);
            line-height: 1.7;
        }

        /* Color accents */
        .accent-orange { background: #E67E22; }
        .accent-green { background: #0E9AA7; }
        .accent-red { background: var(--red); }
        .accent-blue { background: #3B82F6; }

        /* ===== BLOG CARDS GRID ===== */
        .blog-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .blog-card {
            background: var(--white);
            border: 1px solid var(--gray-100);
            border-radius: 10px;
            padding: 28px 24px;
            transition: all 0.3s;
            display: flex;
            flex-direction: column;
            border-left: 4px solid transparent;
        }
        .blog-card:hover {
            border-color: var(--gray-200);
            box-shadow: 0 6px 20px rgba(0,0,0,0.05);
            transform: translateY(-3px);
        }
        .blog-card:hover .blog-card-link { gap: 10px; }

        /* Card border colors */
        .blog-card.border-orange { border-left-color: #E67E22; }
        .blog-card.border-green { border-left-color: #0E9AA7; }
        .blog-card.border-red { border-left-color: var(--red); }
        .blog-card.border-blue { border-left-color: #3B82F6; }

        .blog-card h3 {
            font-family: var(--font-display);
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--black);
            margin-bottom: 10px;
            line-height: 1.35;
        }
        .blog-card p {
            font-size: 0.88rem;
            color: var(--section-text);
            line-height: 1.65;
            flex: 1;
            margin-bottom: 16px;
        }
        .blog-card-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 0.82rem;
            font-weight: 600;
            transition: gap 0.2s;
        }
        .blog-card-link svg { width: 16px; height: 16px; }
        .blog-card-link.orange { color: #E67E22; }
        .blog-card-link.green { color: #0E9AA7; }
        .blog-card-link.red { color: var(--red); }
        .blog-card-link.blue { color: #3B82F6; }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 1024px) {
            .blog-grid { grid-template-columns: repeat(2, 1fr); }
            .quick-nav-link { padding: 14px 16px; }
        }
        @media (max-width: 768px) {
            .blog-grid { grid-template-columns: 1fr; }
            .blog-section { padding: 60px 0; }
            .quick-nav .container {
                flex-wrap: wrap;
            }
            .quick-nav-link {
                flex: 1 1 45%;
                padding: 12px 10px;
            }
            .quick-nav-link .nav-desc { display: none; }
        }
        @media (max-width: 480px) {
            .quick-nav-link {
                flex: 1 1 45%;
                padding: 10px 6px;
                font-size: 0.76rem;
            }
        }