/* 整條橫幅背景（可依需要移到全站的 site.css） */
.site-header {
    background: #9CC6CC; /* 淡青色，接近你的截圖 */
    /*border-bottom: 1px solid #6fa5aa;*/ /* 淺陰影線，讓邊界更穩 */
}

/* 內層：左右排列（logo + 文字） */
.site-header__inner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px; /* 上下高度 */
    min-height: 56px; /* 讓列不會太扁 */
}

/* Logo 圖示 */
.site-logo {
    width: 60px; /* 視覺上接近截圖比例 */
    height: 60px;
    object-fit: contain;
    display: block;
}

/* 兩行文字容器 */
.site-title {
    display: flex;
    flex-direction: row; /* 改成橫向排列 */
    align-items: baseline; /* 中文大字 & 英文小字對齊底線 */
    white-space: nowrap; /* 禁止換行 */
}

/* 中文主標 */
.site-title__tw {
    color: #000000; /* 黑色 */
    font-size: 22px;
    letter-spacing: 1px; /* 你的截圖中文字距較寬 */
    font-weight: 200;
    margin-bottom: 1px;
}

/* 英文副標 */
.site-title__en {
    color: #000000; /* 黑色 */
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 100;
}

/* 若頁面很窄（手機），讓字體稍微縮小避免擠壓 */
@media (max-width: 420px) {
    .site-title__tw {
        font-size: 18px;
        letter-spacing: 1.5px;
    }

    .site-title__en {
        font-size: 11px;
    }

    .site-logo {
        width: 38px;
        height: 38px;
    }
}