[data-comp=ToolCard] {
    box-shadow: 0 0 5px 5px #00000020;
    padding: 1rem;
    & * {
        margin-block: 0;
        & + * {
            margin-block-start: 0.75rem;
        }
    }
}

[data-comp=TagCloud] {
    list-style: none;
    padding: unset;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    & a {
        color: inherit;
        text-decoration: none;
        &:hover {
            text-decoration: revert;
        }
    }
    & li {
        background: #aaa;
        margin: 0;
        border-radius: 2em;
        & > * {
            padding-block: 0.1em;
            padding-inline: 1em;
        }
    }
}

[data-comp=GridList] {
    list-style: none;
    padding: unset;
    display: flex;
    & > * {
        flex-basis: 20em;
        flex-grow: 1;
        flex-shrink: 1;
    }
}

[data-comp=SiteHeader] {
    & a[href="/"] {
        color: inherit;
        font-size: 4rem;
        font-weight: 100;
    }
}