.featured {
    border-radius: 8px;
    max-height: 200px;
}

main nav a {
    font-size: 14px !important;
}

        /* Social Share Buttons CSS */
        .share-buttons {
            display: flex;
            gap: 12px;
            align-items: center;
            margin: 20px 0;
            flex-wrap: wrap;
        }

        .share-label {
            font-weight: 600;
            color: #20966f;
            margin-right: 8px;
            font-size: 14px;
        }

        .share-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 16px;
            border-radius: 6px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.2s ease;
            border: 2px solid transparent;
            min-height: 36px;
            gap: 6px;
        }

        .share-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(32, 150, 111, 0.2);
            text-decoration: none;
        }

        /* Primary style with main color */
        .share-btn-primary {
            background-color: #20966f;
            color: white;
        }

        .share-btn-primary:hover {
            background-color: #1a7d5e;
            color: white;
        }


        /* Platform-specific colors (alternative style) */
        .share-btn-facebook {
            background-color: #1877f2;
            color: white;
        }

        .share-btn-facebook:hover {
            background-color: #166fe5;
            color: white;
        }

        .share-btn-twitter {
            background-color: #1d9bf0;
            color: white;
        }

        .share-btn-twitter:hover {
            background-color: #1a8cd8;
            color: white;
        }

        .share-btn-reddit {
            background-color: #ff4500;
            color: white;
        }

        .share-btn-reddit:hover {
            background-color: #e63e00;
            color: white;
        }

        .share-btn-hackernews {
            background-color: #ff6600;
            color: white;
        }

        .share-btn-hackernews:hover {
            background-color: #e65c00;
            color: white;
        }

        /* Icons using Unicode symbols */
        .icon {
            font-size: 16px;
            line-height: 1;
        }

        /* Responsive design */
        @media (max-width: 480px) {
            .share-buttons {
                flex-direction: column;
                align-items: stretch;
            }
            
            .share-label {
                margin-bottom: 8px;
            }
            
            .share-btn {
                justify-content: center;
                width: 100%;
            }
        }
