.site-footer {
    background: #ddd;
    color: #212121;
    hr {display: none;}
    .container {
        padding: 2em 1em;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        gap: 2em;
    }
    dt {font-weight: 700; margin-bottom: 0.25rem;}
    dd {margin-bottom: 0.5em;}
    a {color: inherit;}
    .external {
        display: grid;
        grid-template-columns: repeat(6,1fr);
        gap: 1em;
        a {
            width: 2em;
            height: 2em;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }
    }
    i {font-size: 2em; }
}