{# Template for a single section list item #}
<style>
    /* Styles for the section list item */
    .section-list-item {
        list-style-type: none;
        margin-bottom: 1.5em; /* Spacing between sections */
        padding-left: 0; /* Remove default padding */
    }

    .section-list-item a {
        font-size: 1.4em; /* Larger text for section links */
        font-weight: 500;
        display: block; /* Make link take full width for easier clicking */
        margin-bottom: 0.25em; /* Space between link and description */
    }

    .section-list-item p {
        font-size: 1em;
        padding-left: 0.5em; /* Slight indent for description */
    }
</style>

<li class="section-list-item">
    <a href="{{ section.url }}">{{ section.name }}</a>
    <p>{{ section.description }}</p>
</li> 