:root {
    --ink: #102033;
    --muted: #5f6f83;
    --line: #dbe3ec;
    --soft: #f5f8fb;
    --blue: #2b66d9;
    --blue-dark: #1d4fb2;
    --green: #2f9d72;
}

body {
    font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--soft);
    color: var(--ink);
    letter-spacing: 0;
}

.site-header {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--line);
}

.site-header .container {
    min-height: 64px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.brand-mark {
    border-radius: 8px;
    height: 30px;
    width: 30px;
}

.brand-name {
    color: var(--ink);
    font-size: 1rem;
    font-weight: 750;
}

@media (max-width: 576px) {
    .site-header .container {
        min-height: 56px;
    }
}