.tenant-contact__actions {
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:8px;
    padding:28px 32px;
    border-radius:16px;
    background:#f2f5f8;
}
.tenant-contact__actions strong {display:block;color:#17233e;font-size:21px}
.tenant-contact__actions p {margin:6px 0 0;color:#667085;font-size:17px;line-height:1.55}
.tenant-contact__buttons {display:flex;flex:0 0 auto;gap:10px}
.tenant-contact__buttons a {
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 20px;
    border-radius:8px;
    font-size:17px;
    font-weight:850;
}
/* 앱 설치 버튼. 색을 박아 두지 않고 테마 강조색을 따른다.
   홈페이지 설정에서 대표색을 바꾸면 이 버튼도 같이 바뀐다. */
.tm-site .tenant-contact__signup {background:var(--tm-accent, #7b3fe4);color:#fff}
.tenant-contact__signup {background:var(--tm-accent, #7b3fe4);color:#fff}
.tenant-contact__consult {border:1px solid #17233e;background:#fff;color:#17233e}
.tenant-contact__success-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:24px;
}
.tenant-contact__success-actions a {
    display:inline-flex;
    min-height:50px;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 20px;
    border:1px solid #17233e;
    border-radius:8px;
    font-size:17px;
    font-weight:850;
    line-height:1.4;
    text-decoration:none;
}
.tenant-contact__success-actions .tenant-contact__success-home {background:#17233e;color:#fff}
.tenant-contact__success-actions .tenant-contact__success-signup {border-color:#c91624;background:#c91624;color:#fff}
.tenant-contact__success-actions a:hover {filter:brightness(.92)}
@media (max-width:820px) {
    .tenant-contact__actions {align-items:stretch;flex-direction:column;padding:24px}
    .tenant-contact__buttons {width:100%}
    .tenant-contact__buttons a {flex:1}
}
@media (max-width:480px) {
    .tenant-contact__buttons {flex-direction:column}
    .tenant-contact__success-actions {grid-template-columns:1fr}
}

/* PC 화면 배치 바로잡기 (2026-08-31)
   .tenant-contact 는 원래 2단 그리드(왼쪽 소개 · 오른쪽 폼)다. 그런데 나중에 붙은
   FUNTRA 안내 상자가 grid-column:1/-1 로 두 단을 차지하면서 폼이 다음 줄 왼쪽 칸으로
   밀려났고, 오른쪽 576px 이 통째로 비었다.

   PC 는 FUNTRA 안내를 맨 위에 전체 폭으로 두고, 그 아래에 소개와 폼을 나란히 놓는다.
   이 상자는 안쪽이 flex(글 왼쪽 · 버튼 오른쪽)라 좁은 칸에 넣으면 글이 잘게 접힌다.
   그래서 폭을 좁히지 않고 한 줄을 통째로 준다. */
@media (min-width: 821px) {
    .tenant-contact__actions { grid-column: 1 / -1; grid-row: 1; margin-top: 0; }
    .tenant-contact__intro { grid-column: 1; grid-row: 2; padding-top: 0; }
    .tenant-contact__form,
    .tenant-contact__success { grid-column: 2; grid-row: 2; align-self: start; }
}

/* 모바일은 1단이라 세로로 쌓인다. 소개글 다음 · 폼 앞에 둔다(HTML 순서 그대로).
   lrdream 의 상담 안내 상자와 같은 자리다. 여기서 순서를 바꾸지 않는다. */
@media (max-width: 820px) {
    .tenant-contact__actions { order: 0; margin-top: 0; }
}