/* Basic styling for the main container */
.support-container {
    max-width: 900px; /* Limits the width on large screens */    margin: 0 auto;   /* Centers the container on the page */
    padding: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333; /* Default text color */
}

/* Heading styles */
h1 {
    font-size: 28px;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    font-weight: 600; /* semi-bold */
}

/* Paragraph styles */
p {
    font-size: 16px;
    line-height: 1.5; /* Equivalent to lineHeight = 24.sp */
    margin-top: 0;
    margin-bottom: 1em; /* Space between paragraphs */
}

/* Styles for the developer info section */
.contact-details {
    margin-top: 24px;
    margin-bottom: 32px;
}

.contact-details p {
    margin-bottom: 8px; /* Tighter spacing inside this section */
}


/* Style for clickable links */
a {
    color: #0066cc; /* A standard blue link color */
    text-decoration: none; /* Removes underline */
    font-weight: bold;
}

a:hover {
    text-decoration: underline; /* Adds underline on hover for better UX */
}

/* Style for the final grayed-out note */
.footer-note {
    color: #808080; /* Gray color */
}