/* 사역 여러 줄 입력(가입 ③·프로필 수정) — 한 줄 = 부서(선택 또는 직접 입력) + 연차 + 직분(직접 입력). 대표 코멘트 40·41·50·51 */
.mr { border: 0; padding: 0; margin: 0; min-width: 0; }
.mr > legend { padding: 0; margin-bottom: var(--s-1); }
.mr-list { list-style: none; margin: var(--s-4) 0 0; padding: 0; display: grid; gap: var(--s-3); }
.mr-row { padding: var(--s-4); border: var(--border); border-radius: var(--r-md); background: var(--c-milk); display: grid; gap: var(--s-3); }
.mr-row:first-child { background: var(--c-bg); border-color: var(--c-pink); }
.mr-head { display: flex; align-items: center; gap: var(--s-2); min-height: 44px; }
.mr-num { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--c-plum); color: var(--c-bg); font-weight: 700; font-size: var(--t-sm); flex: none; }
.mr-row:first-child .mr-num { background: var(--c-accent); }
.mr-main { display: none; }
.mr-row:first-child .mr-main { display: inline-flex; }
.mr-remove { margin-left: auto; }
.mr-remove[hidden] { display: none; }

.mr-grid { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: var(--s-3); }
.mr-cell { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mr-role { grid-column: 1 / -1; }
.mr-years-wrap { position: relative; display: flex; }
.mr-years-wrap .input { padding-right: 52px; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.mr-years-wrap .input::-webkit-outer-spin-button, .mr-years-wrap .input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mr-unit { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--c-muted); font-size: var(--t-sm); font-weight: 600; pointer-events: none; }
/* 부서 '직접 입력' 칸 — 드롭다운 바로 아래에 열린다 */
.mr-custom { margin-top: var(--s-1); }
.mr-custom[hidden] { display: none; }

.mr-foot { margin-top: var(--s-4); display: grid; gap: var(--s-2); }
.mr-count { text-align: right; font-variant-numeric: tabular-nums; }

@media (max-width: 600px) {
  .mr-grid { grid-template-columns: minmax(0, 1fr); }
  .mr-row { padding: var(--s-3); }
}