/* Base font is Inter, as requested by guidelines */
body {
    font-family: 'Inter', sans-serif;
    background-color: #FFFFFF;
}

/* CUSTOM FONT STACK FOR DISPLAY HEADINGS AND LOGOS */
.display-font {
    font-family: 'Literata', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    line-height: 0.9;
}

.main-container {
    max-width: 1400px;
}

/* * MODIFICATION HERE:
 * Changed from box-shadow to a more visible border-top.
 */
.hairline-top {
    border-top: 1px solid rgba(55, 65, 81, 0.2); /* 1px dark grey border at 20% opacity */
}

/*
 * Custom list styling for SVG stars
 */
.list-star-svg {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0;      /* Remove default browser padding */
}

.list-star-svg li {
    position: relative;     /* Required for positioning the star */
    padding-left: 1.75rem;  /* Adds space for the star (28px) */
    margin-bottom: 0.5rem;  /* Adds space between items */
}

/*
 * This targets ONLY the last list item and removes its bottom margin.
 * This is what fixes the gap.
 */
.list-star-svg li:last-child {
    margin-bottom: 0;
}

.list-star-svg li::before {
    content: ''; /* Creates the empty element */
    position: absolute;
    left: 0;
    top: 0.2em; /* Adjusts vertical alignment of the star */

    /* Set star size */
    width: 1em;
    height: 1em;

    /*
     * This uses an SVG star as a "mask" (like a stencil).
     * The background-color then "paints" the stencil.
     */
    
    /* This is Tailwind's gray-700, a nice dark grey */
    background-color: rgb(55, 65, 81);
    
    /* The SVG star shape */
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"%3e%3cpath d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21L12 17.27z"/%3e%3c/svg%3e');
    mask-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"%3e%3cpath d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21L12 17.27z"/%3e%3c/svg%3e');
    
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}