canvas { position: absolute; top: 20; left: 10; margin-bottom:25px ;
            padding: 25px;
//background-color: #f0f0f0;
}
      /* Base styling for the #tooltip element */
    #tooltip {
        position: absolute; /* Positioned absolutely for precise placement */
        padding: 10px; /* Padding inside the tooltip */
        background-color: #333; /* Dark background for the tooltip */
        color: #fff; /* White text for readability */
        text-align: center;
        border-radius: 6px; /* Rounded corners */
        font-size: 14px; /* Larger font size for better legibility */
        font-family: Arial, sans-serif; /* Modern font */
        box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* Subtle shadow for depth */
        border: none; /* Remove border */
        z-index: 1; /* Ensure it's above other elements */
        display: none; /* Initially hidden */
        white-space: pre-line; /* Allow line breaks */
        width: auto; /* Automatic width based on content size */
        max-width: 90%; /* Prevents tooltip from being too wide */
    }

    /* Styling when the tooltip is intended to be visible */
    #tooltip.visible {
        display: block; /* Show the tooltip */
        opacity: 1; /* Fully opaque */
        transition: opacity 0.5s; /* Smooth transition for appearance */
    }
    /* Styling for links within the tooltip */
    #tooltip a {
        color: #4A90E2; /* Light blue color for links */
        text-decoration: none; /* No underline by default */
        font-weight: bold; /* Bold font for emphasis */
    }

    #tooltip a:hover, #tooltip a:focus {
        text-decoration: underline; /* Underline on hover/focus for clarity */
        color: #D2E1F9; /* Lighter blue on hover/focus */
    }

    /* Optional reset button styling */
    #resetButton {
        background-color: #f0f0f0;
        border: none;
        border-radius: 5px;
        height: 30px;
        padding: 5px 10px;
        color: #333;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    #resetButton:hover {
        background-color: #e0e0e0; /* Lighter grey on hover for feedback */
    }

.page-id-57719 #main-footer {
	display: none;
}