/* ===== brand header ===== */
.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:24px auto 18px;
}

.logo{
  width:56px;
  height:auto;
}

.brandText{
  text-align:left;
  line-height: 1.25;          /* ★追加：親で固定（継承で安定） */
}

.brandTitle{
  font-size:20px;
  font-weight:700;
  letter-spacing:.02em;
  line-height: 1.15;          /* ★追加：タイトルの詰まり防止 */
}

.subtitle{
  margin:2px 0 0;
  font-size:13px;
  color:#6b7280;
  line-height: 1.35;          /* ★追加：pの上書き差を潰す */
}