:root {
    --container: 1200px;
    --pad: 1rem;
    --gap: 1rem;
    --border: rgba(0, 0, 0, 0.12);
}

.container {
    width: min(var(--container), calc(100% - (var(--pad) * 2)));
    margin-inline: auto;
}

.site-header,
.site-footer {
    border-bottom: 1px solid var(--border);
}

.site-footer {
    border-top: 1px solid var(--border);
    border-bottom: none;
    margin-top: 3rem;
}

.site-main {
    padding: 2rem 0;
}

.site-header__inner,
.site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    padding: 1rem 0;
}

.page-header {
    margin-bottom: 1.5rem;
}