/*
피그마 header 부분 CSS
 */

/*
header 바깥 바탕 밑 아래 선
*/
.site-header {
    height: var(--header-h);
    background: var(--color-bg);
    border-bottom: 1px solid var(--color-line-soft);
    display: flex;
    align-items: center;
}

/*
header inner 부분
 */
.site-header__inner {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--space-4);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/*
블로그 명 (로고)
 */
.site-brand {
    font-size: var(--fs-brand);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.4px;
    color: var(--color-text);
}
.site-brand:hover {
    color: var(--color-text);
}

.site-header .search-box {
    width: 240px;
}