*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    background: var(--arf-color-white, #ffffff);
    color: var(--arf-color-neutral-darkest, #000000);
    font-family: var(--arf-font-body, Tahoma, Arial, sans-serif);
}

a {
    color: var(--arf-color-neutral-blue, #1e6be8);
    text-decoration: none;
}

.arf-container {
    width: min(1200px, calc(100% - 2rem));
    margin: 0 auto;
}

.arf-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 72px;
}

.arf-site-header {
    border-bottom: 1px solid var(--arf-color-neutral-lightest, #eeeeee);
    background: var(--arf-color-white, #ffffff);
}

.arf-nav-list,
.arf-footer-list {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.arf-site-main {
    min-height: 60vh;
}

.arf-content-wrap {
    padding: 2rem 0;
}

.arf-post-card {
    border: 1px solid var(--arf-color-neutral-lightest, #eeeeee);
    border-radius: var(--arf-radius-md, 0.875rem);
    padding: 1rem;
    margin-bottom: 1rem;
}

.arf-post-title {
    margin: 0 0 0.5rem;
}

.arf-post-excerpt {
    color: var(--arf-color-neutral, #666666);
}

.arf-site-footer {
    border-top: 1px solid var(--arf-color-neutral-lightest, #eeeeee);
    padding: 1.25rem 0;
}

.arf-copyright {
    margin: 0.75rem 0 0;
    color: var(--arf-color-neutral, #666666);
}