/* ============================================================================
   HOME PAGE STYLES
   ============================================================================

   Styles specific to the home/index page (/).
   Features centered layout with large heading and navigation links.

   All styles are scoped to 'main' to prevent affecting header/footer.
   ============================================================================ */

/* Center all content on the home page */
main {
    padding: 50px;
    text-align: center;
}

/* Large welcome heading with emoji */
main h1 {
    font-size: 48px;
}

/* Intro paragraph text */
main p {
    font-size: var(--font-size-lg);  /* 18px from common.css */
}

/* Remove default list styling for clean appearance */
main ul {
    list-style: none;
    padding: 0;
}

/* Space between navigation list items */
main li {
    margin: 10px 0;
}

/* Larger links for easy clicking */
main a {
    font-size: 20px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    main {
        padding: 20px;
    }

    main h1 {
        font-size: 32px;
        word-break: break-word;
    }

    main a {
        font-size: 18px;
    }
}