:root {
    --arf-bg: #ffffff;
    --arf-text: #101828;
    --arf-muted: #475467;
    --arf-border: #eaecf0;
    --arf-accent: #1f56d9;
}

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

html,
body {
    margin: 0;
    padding: 0;
    background: var(--arf-bg);
    color: var(--arf-text);
    font-family: Arial, sans-serif;
}

a {
    color: var(--arf-accent);
    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-border);
    background: #fff;
}

.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-border);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

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

.arf-post-excerpt {
    color: var(--arf-muted);
}

.arf-site-footer {
    border-top: 1px solid var(--arf-border);
    padding: 1.25rem 0;
}

.arf-copyright {
    margin: 0.75rem 0 0;
    color: var(--arf-muted);
}