/* Custom overrides for the hugo-profile theme. Loaded via params.customCSS. */

/*
 * The theme forces the hero to full viewport height (min-height: 100vh),
 * which leaves a large empty gap below short hero content, before the
 * About section. Let the hero size to its content instead.
 */
#hero {
    min-height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/*
 * About skills list: give the title room to breathe and align the bulleted
 * "Category: values" items cleanly (the bold category comes from the
 * about.html override).
 */
#about .skills-title {
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

#about .skills-list {
    /* Override the theme's 2-column grid so long items get the full width. */
    display: block;
    list-style: none;
    padding-left: 0;
    line-height: 1.9;
}

#about .skills-list li {
    margin-bottom: 0.4rem;
}