/* 입장 (C1 표지 · C1b 들어가기 시트 · C1b-err · C1c 개인 링크 · R1 역할 고르기 · E1 잠김). 첫 화면 묶음이라 작게.
   시안: _design/v2/final/screens/C1.html · C1b.html · C1b-err.html · C1c.html · R1.html · E1.html (값 그대로) */

/* ---------- C1 표지: 그림 한 장 + 두 색 제목 + 날짜 + [초대장 열기] ---------- */
.e-cover { height: 440px; }   /* JS(fitCover)가 clamp(128, 화면 높이 − 404 − 제목이 늘어난 만큼, 500)로 고침 */
.e-cover img { object-position: 50% 84%; }
.e-intro { padding-top: 22px; }
.e-intro .display { margin-top: 12px; }
.e-date { margin-top: 16px; font: 600 1.0625rem/1.625rem var(--sans); letter-spacing: -.02em; color: var(--ink); }
.e-date i { display: inline-block; width: 1px; height: 13px; margin: 0 12px; background: var(--field); vertical-align: -1px; }
.e-intro .cap { margin-top: 4px; }

/* ---------- C1b 시트 ---------- */
.e-sheet .e-guide { margin-top: 8px; }
.e-f1 { margin-top: 22px; }
.e-f2 { margin-top: 18px; }
.e-tok .e-f2 { margin-top: 24px; }
.e-go { margin-top: 24px; }
.e-help { margin-top: 6px; display: -webkit-box; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font: 400 .875rem/1.25rem var(--sans); color: var(--stone); }
.e-help > * + * { margin-left: 2px; }
.label.e-off { color: var(--stone); }
.e-alert-host { margin-top: 18px; }
.e-alert-host:empty { display: none; }
/* 틀림 · 잠김(C1b-err · E1): 안내 문장과 아래 [들어가기]를 숨기고 상자의 버튼이 유일한 행동 */
.e-sheet.e-err .e-go-wrap, .e-sheet.e-err .e-guide { display: none; }

/* ---------- R1 역할 고르기 · 담당 그룹장 고르기 (WD.ui.sheet 안) ---------- */
.e-choose .e-guide { margin-top: 0; }
.e-roles { margin-top: 22px; }
.e-roles > * + * { margin-top: 10px; }
.e-role { display: -webkit-box; display: flex; align-items: center; width: 100%; min-height: 84px; padding: 14px 16px 14px 18px; border-radius: var(--r-2); background: var(--paper-hi);
  box-shadow: inset 0 0 0 1px var(--field); text-align: left; }
.e-role > * + * { margin-left: 14px; }
.e-role .grow { -webkit-box-flex: 1; flex: 1; }
.e-role b { display: block; font: 600 1.0625rem/1.625rem var(--sans); letter-spacing: -.02em; color: var(--ink); }
.e-role .s { display: block; font: 400 .875rem/1.375rem var(--sans); color: var(--stone); }
.e-role .ic { color: var(--chev); }
.e-role[aria-busy="true"] { cursor: progress; }
.e-later { margin-top: 14px; text-align: center; }
.e-choose .msg-error { margin-top: 12px; }