/* ═══ RUNIN.KR 대회 등록 신청 /race-register/ — World Marathon Majors 디자인(wm- · 지면 고유 wmg-) · 2026-10-06 · 클로드A ═══
   규칙 한 장 : https://idc.kr/_claude/CODE_RULES.txt
   설계서 : D:\작업중\2026년\10월\런닝인사이드\대회등록WMM시안\ref\reg_설계서.md (값의 출처 = 2-6 값표 · 기능 규칙 3-4 · 목차 5-5)
   📌 사장님 10-06 : 「일단 , 라이브로 해 … 라이브로 하면서 중간 중간 보고해」 — 미리보기 결재 없이 켠다(Q1~Q5 = 기본안).
   🔴 이 파일은 홈 wmm.css «뒤에» 실린다(같은 부품·같은 값). 홈 부품(.wm-btn .wm-eb .wm-sec .wm-chip …)은 다시 정의하지 않고,
      이 지면 전용과 «옛 utmb.css·app.css 가 맡던 기능 규칙»만 둔다. 선택자는 전부 body.wm-rgp 또는 .wmg 아래 — 홈·/find/ 와 섞이지 않게.
   🔴 폼은 «원문 마크업 그대로»다(PHP 가 문자열로 옮김). 모양은 원래 class(rsub-* · ri-field)와 태그를 «여기서» 집어 입힌다.
      .ri-field 는 발 알림 폼에도 있다 → 폼 규칙은 전부 .rsub-form 아래로만(설계 3-2).
   🔴 글자는 완전 검정(#000 = --wm-ink). 회색 글자 금지. 포인트 빨강(--wm-hot)은 이 지면 본문에 «0» — 「무료」·단추·띠·칩은 빨강 금지(규칙 3).
      입력칸 «자리표시» 글자 = #767676(4장 끝 — 브라우저 기본 회색은 AA 미달·브라우저마다 달라 10-06 검토로 고정 · 검정으로 할지는 설계 Q1 사장님 결재).
   🔴 장식용 가로줄 0 — 옛 fieldset·안내·동의의 1px 테두리를 전부 버리고 사이는 여백과 #f7f9fa 바탕으로(규칙 «장식용 가로줄 금지»).
   🔴 :has() 는 쓰지 않는다 — 종목 칩 고름은 «input:checked + span» 형제 선택자로(input 은 칩 위에 투명하게 덮여 있다 · 설계 3-3).
   🔵 되돌리기 : wmm-reg/ENABLED → ENABLED.off (CSS 만 고쳤으면 캐시 삭제 불필요 — 파일 링크 + ?ver=filemtime)
   ■ 1.0.1 (10-06 오후 · 검토 반영) : 자리표시 글자 #767676 고정 · 종목 칩 ✓ 를 화면 읽기에서 뺌(대체 글 "") */

/* ═══ 0. 기능 규칙 (설계 3-4) — 옛 CSS 를 걷으면서 «빠지면 오류 없이 깨지는» 것만 옮겼다 ═══ */

/* 🔴 꿀단지 — 옛 utmb.css:4862 에만 있었다. 드러나면 사람이 채우고, 처리기(submit.php:50)가 «성공한 척» 신청을 버린다.
      head 인라인 <style id="wmg-crit">(PHP RUNIN_WMG_CRIT) 와 «같은 값»을 한 번 더 — 둘 중 하나만 살아도 숨는다. 지우지 말 것 */
body.wm-rgp .rsub-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
/* 화면낭독기 전용 글 — 빠지면 「메뉴 열기」·「(새 창으로 열림)」 같은 숨은 글이 화면에 다 보인다 (= .wm-sr, wmm.css:43 · find :12) */
body.wm-rgp .ri-sr, body.wm-rgp .screen-reader-text, body.wm-rgp .ri-a-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; padding: 0; border: 0; }
/* 아이콘(sprite <use>) — 크기를 안 주면 svg 기본 300×150 으로 터진다(알림 모달 안 · find :14) */
body.wm-rgp svg.ri-i { width: 1em; height: 1em; flex: none; vertical-align: -.125em; }
/* 알림 모달(app.js 가 is-open·hidden 을 함께 바꾼다 · 이 지면엔 여는 단추 0 이지만 원문 그대로 남겼다) — 막 색 = .wm-dlg::backdrop(wmm.css:493) · find :25-28 */
body.wm-rgp .ri-modal { position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding: 1rem; background: rgba(0,0,30,.6); }
body.wm-rgp .ri-modal.is-open { display: flex; }
body.wm-rgp .ri-modal[hidden] { display: none; }
body.ri-locked { overflow: hidden; }
/* 폼 안 [hidden] — 아래 4장의 display 규칙이 hidden 을 이기지 못하게(지금 폼에 hidden 요소 0 · B 가 더할 때를 위한 짝) */
.wmg .rsub-form [hidden] { display: none !important; }

/* ═══ 1. 머리 (설계 2-1 ② · 2-6 «머리 붙이기» «머리 단추 지금 여기») ═══ */
/* 메뉴 줄 오른쪽 「대회 등록 · 무료」 단추 = 이 지면 → «고르면 남색»(규칙 3) — 주 단추 꼴(남색 채움 · 흰 글자 · 테두리 #454581 · wmm.css:74-76).
   🔴 .wm-btn--sm 이 color 를 !important 로 검정에 박는다(wmm.css:84) → 여기도 !important + 더 높은 특이도로 이긴다 */
body.wm-rgp .wm-nav .wm-btn--sm[aria-current="page"] { background: var(--wm-navy); border-color: var(--wm-navy-bd); color: #fff !important; }
/* 메뉴 줄이 «붙어 다니게» — 홈 .wm-nav{sticky} 는 header 상자 «안»에 갇혀 헤더가 지나가면 같이 사라진다(find :352-360 실측).
   이 지면에서만 헤더 «통째»를 붙이고 로고 줄 높이(4.5625rem = wmm.css:147)만큼 위로 빼서 메뉴 줄만 남긴다. 1023↓ 은 메뉴 줄이 없다(wmm.css:525) */
@media (min-width: 1024px) {
  body.wm-rgp .wm-head { position: sticky; top: -4.5625rem; z-index: 50; }
  body.wm-rgp.admin-bar .wm-head { top: calc(32px - 4.5625rem); }                           /* 로그인 화면 — 관리 막대(32px) 아래에 메뉴 줄 */
}

/* ═══ 2. 구역 머리 (설계 2-1 ③ · 2-6) — 라벨칩 «무료» → h1 ═══ */
.wmg .wmg-sec { padding-top: 2.5rem; }                                                       /* 지면 첫 구역 = find .wm-fd-sec(wmm-find.css:60) */
/* 🔵 h1 은 원문 태그 그대로(<h1>)라 class 가 없다(PHP 주석 — i18n-core 번역 자리 보존). 값은 .wm-h2 와 같다(wmm.css:62-64 · 규칙 2 h2) */
.wmg .wmg-sec__hd > h1 { font-size: 3rem; line-height: 1.05; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: uppercase; color: var(--wm-ink); }

/* ═══ 3. 격자 · 안내 칸 (설계 2-1 · 2-6 «본문 격자» «안내 칸») — [왼쪽 30% 안내(sticky) | 오른쪽 폼] · 991↓ 안내가 폼 «위» ═══ */
.wmg .wmg-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }          /* wmm-find.css:62 */
.wmg .wmg-main { min-width: 0; }
.wmg .wmg-side { min-width: 0; background: var(--wm-page); padding: 1rem 1rem 2rem; }        /* 규칙 1 «연한 바탕(카드·폼 구역)» · wmm-find.css:70 */
.wmg .rsub-guide p { font-size: 1rem; line-height: 1.625; font-weight: 500; }                 /* .wm-p (wmm.css:67) */
.wmg .rsub-guide p + p { margin-top: .75rem; }                                                /* wmm.css:464 */
.wmg .rsub-guide b { font-weight: 800; }
@media (min-width: 992px) {
  .wmg .wmg-body { grid-template-columns: 30% minmax(0, 1fr); gap: 3rem; align-items: start; }   /* wmm-find.css:350 (WMM §9-2 왼쪽 30% · §5 사이 3rem) */
  .wmg .wmg-body--one { grid-template-columns: minmax(0, 1fr); }                                 /* 안내 칸이 없는 꼴(원료에 .rsub-guide 가 빠졌을 때) */
  .wmg .wmg-side { position: sticky; top: 7.5rem; padding: 2rem 1rem 4rem; }                     /* wmm-find.css:352 (WMM §5 «메뉴 줄 아래» 7.5rem) */
}
/* 992~1023 — 칸은 붙는데 메뉴 줄이 없는 폭이라 top 7.5rem 이 빈 띠로 남는다 → 안쪽 위와 같은 2rem(wmm-find.css:366) */
@media (min-width: 992px) and (max-width: 1023px) {
  .wmg .wmg-side { top: 2rem; }
}

/* ═══ 4. 폼 (설계 2-6 «fieldset» ~ «textarea» · 칸 넓이는 B 의 rsub-w2·rsub-w3 그대로 = 옛 utmb.css:4845-4867 의 4칸 격자) ═══ */
.wmg .rsub-form { margin: 0; }
.wmg .rsub-form fieldset {
  min-width: 0; margin: 0 0 3rem; padding: 0; border: 0;                                     /* 가로줄 0 · 구역 사이 3rem(wmm.css:446) */
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem .75rem;     /* 옛 4칸(utmb:4845) · 줄 사이 1.25rem(wmm.css:427) · 칸 사이 .75rem(wmm.css:428) */
}
/* legend = 폼 제목 꼴(.wm-lead__f 폼 제목 1.5rem 900 기울임 · wmm.css:426) · 아래 1.25rem(wmm.css:427) */
.wmg .rsub-form legend { display: block; width: 100%; padding: 0; margin: 0 0 1.25rem; font-size: 1.5rem; line-height: 1.2; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: uppercase; color: var(--wm-ink); }
.wmg .rsub-form .ri-field { min-width: 0; margin: 0; }
.wmg .rsub-form .rsub-w2 { grid-column: span 2; }
.wmg .rsub-form .rsub-w3 { grid-column: 1 / -1; }                                             /* 4칸 전부(옛 span 4) */
/* 칸 이름 — 블록 · .875rem 800 · 아래 .3rem(wmm.css:466) · 검정. 「종목 · 부문 *」 처럼 for 없는 이름표도 같은 꼴 */
.wmg .rsub-form .ri-field > label { display: block; margin: 0 0 .3rem; font-size: .875rem; line-height: 1.4; font-weight: 800; color: var(--wm-ink); }
.wmg .rsub-form label small { font-size: .875rem; font-weight: 500; }                          /* 규칙 카드 눈금 14 */
/* 입력칸 = 홈 협업 폼과 같은 값(wmm.css:429-433 · 규칙 1 «입력칸 테두리 #767676 = 흰 바탕 4.54:1») · 글자 1rem = 아이폰 자동 확대 없음 */
.wmg .rsub-form input[type=text], .wmg .rsub-form input[type=date], .wmg .rsub-form input[type=url],
.wmg .rsub-form input[type=tel], .wmg .rsub-form input[type=email], .wmg .rsub-form select, .wmg .rsub-form textarea {
  display: block; width: 100%; min-height: 3.25rem; margin: 0; padding: .75rem 1rem;
  border: .125rem solid var(--wm-field); border-radius: 0; background: #fff; box-shadow: none;
  font-family: inherit; font-size: 1rem; line-height: 1.5; font-weight: 500; color: var(--wm-ink);
}
.wmg .rsub-form textarea { min-height: 6rem; resize: vertical; }                               /* wmm.css:432 */
/* 자리표시 글자 — 브라우저 기본 회색(크롬 darkgray #a9a9a9 = 흰 바탕 2.35:1 · 파이어폭스는 반투명)은 AA 미달이고 브라우저마다 다르다(10-06 검토)
   → 입력칸 테두리와 같은 #767676(--wm-field · 흰 바탕 4.54:1 · 규칙 1장 값 · A avatar v2 의견 칸 textarea 와 같음) + opacity 1(파이어폭스 반투명 끔).
   🔵 «검정 #000» 으로 할지는 사장님 결재 Q1 그대로(검정이면 이미 적힌 값처럼 보여 빈칸을 지나칠 수 있다 — README 6장) */
.wmg .rsub-form ::placeholder { color: var(--wm-field); opacity: 1; }
/* 초점 = 테두리 남색 + 2px 남색 그림자(wmm.css:433 — 홈 폼과 같은 꼴). 🔴 .wm :focus-visible(3px 남색 + 흰 겹)보다 특이도가 높아야 이긴다 */
.wmg .rsub-form input[type=text]:focus, .wmg .rsub-form input[type=date]:focus, .wmg .rsub-form input[type=url]:focus,
.wmg .rsub-form input[type=tel]:focus, .wmg .rsub-form input[type=email]:focus, .wmg .rsub-form select:focus, .wmg .rsub-form textarea:focus {
  outline: none; border-color: var(--wm-navy); box-shadow: 0 0 0 2px var(--wm-navy);
}

/* ═══ 5. 종목 칩 (설계 2-6 «종목 칩» «칩 색» · 3-3) — 홈 .wm-chip 값 + 코스 색 · 고름 = 3px 검정 안테두리 + ✓ ═══
   마크업 : <span class="rsub-checks"> <label class="wmg-ck wm-c--X"><input type=checkbox …>␤␣␣<span class="wmg-ck__t">글자</span></label> … <input type=text name=ri_dist_other> </span>
   · 평행사변형 바탕은 .wmg-ck__t::after(z −1 · skew −16deg) — 글자는 바로 선다(skew 를 글자에 걸지 않는다)
   · ✓ 는 ::before(고른 칩만) · input 은 칩 위에 투명하게 덮는다(display:none 금지 — 키보드·클릭·화면낭독이 죽는다)
   · 색은 코스마다 «늘» 칠한다(고름을 남색으로 덮지 않는다 — 색이 곧 코스 · /find/ 타이틀 코스 칩과 같은 약속 wmm-find.css:500-510) */
.wmg .rsub-checks { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .6rem; padding-left: .4rem; }   /* .wm-chips (wmm.css:110) */
.wmg .rsub-checks .wmg-ck { position: relative; display: inline-flex; align-items: stretch; height: 2.75rem; margin: 0; cursor: pointer; color: var(--wm-ink); }
.wmg .rsub-checks .wmg-ck > input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.wmg .wmg-ck__t {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: .4rem; padding: 0 1.1rem;
  font-size: .9375rem; line-height: 1; font-weight: 800; font-style: italic; white-space: nowrap;    /* .wm-chip 글자(wmm.css:99-102) */
}
.wmg .wmg-ck__t::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); transition: box-shadow .2s ease, background-color .2s ease; }
/* 코스 색 — 규칙 1(10-05 밤 사장님 「풀코스·하프·10K·트레일런 색 다르게」) · 5K·그 밖 = 라벨칩 회색 #f3f3f3 + 검정 */
.wmg .wmg-ck.wm-c--full .wmg-ck__t { color: #fff; }                                           /* #004f71 위 흰 글자 8.9 */
.wmg .wmg-ck.wm-c--full .wmg-ck__t::after { background: var(--wm-c-full); }
.wmg .wmg-ck.wm-c--half .wmg-ck__t::after { background: var(--wm-c-half); }                   /* 검정 6.8 */
.wmg .wmg-ck.wm-c--10k .wmg-ck__t::after { background: var(--wm-c-10k); }                     /* 검정 11.0 */
.wmg .wmg-ck.wm-c--trail .wmg-ck__t::after { background: var(--wm-c-trail); }                 /* 검정 10.7 */
.wmg .wmg-ck.wm-c--ultra .wmg-ck__t::after { background: var(--wm-c-ultra); }                 /* 검정 14.4 */
/* hover 2px(wmm-find.css:507) → 고름 3px + ✓(wmm-find.css:508-510) · 짙은 풀코스 위 검정 테두리는 안 보여 흰 겹을 한 줄 더 */
.wmg .wmg-ck:hover .wmg-ck__t::after { box-shadow: inset 0 0 0 2px var(--wm-ink); }
.wmg .wmg-ck > input:checked + .wmg-ck__t::after { box-shadow: inset 0 0 0 3px var(--wm-ink); }
.wmg .wmg-ck.wm-c--full > input:checked + .wmg-ck__t::after { box-shadow: inset 0 0 0 3px var(--wm-ink), inset 0 0 0 5px #fff; }
/* ✓ 는 꾸밈 — 화면 읽기는 체크 상자 상태(「선택됨」)로 이미 알려 준다 → 대체 글 ""(10-06 검토 — ✓ 를 한 번 더 읽었다).
   「/ ""」 꼴을 모르는 옛 브라우저(사파리 17.3↓·파이어폭스 127↓)는 그 선언을 통째로 버리므로 앞 줄(✓ 만)을 남겨 둔다 — ✓ 가 사라지지 않게 */
.wmg .wmg-ck > input:checked + .wmg-ck__t::before { content: "\2713"; content: "\2713" / ""; font-style: normal; font-weight: 900; }
/* 초점 — 규칙 3 «3px 남색 + 2px 흰 겹» 을 평행사변형에(투명 input 의 초점 테두리는 안 보이므로) */
.wmg .wmg-ck > input:focus-visible + .wmg-ck__t::after { outline: 3px solid var(--wm-navy); outline-offset: 2px; }
/* 「그 밖 (예: 21K 릴레이)」 칸 — 칩 줄 끝에서 남은 폭을 채운다(옛 utmb:4857 B 값 220px) · 479↓ 한 줄 전부(9장) */
.wmg .rsub-checks input[name="ri_dist_other"] { flex: 1 1 220px; width: auto; min-width: 0; }
/* 칩을 못 단 경우(B 가 라벨 꼴을 바꿔 PHP 가 손질을 건너뜀 · 설계 3-3) — 평범한 체크 줄. 폼 동작은 같다 */
.wmg .rsub-checks > label:not(.wmg-ck) { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; margin-right: .75rem; font-size: 1rem; font-weight: 700; cursor: pointer; }
.wmg .rsub-checks > label:not(.wmg-ck) input[type=checkbox] { width: 1.25rem; height: 1.25rem; margin: 0; flex: none; accent-color: var(--wm-navy); }

/* ═══ 6. 동의 · 단추 줄 (설계 2-6 «동의 칸» «단추 줄» «등록 신청 단추» «.rsub-fine») ═══ */
/* 동의 칸 = 홈 협업 폼 동의(wmm.css:434-436)와 같은 값 · 바탕으로 구획(가로줄 0). 체크는 label «안»에 있어 절대 배치로 왼쪽 2rem 자리에 둔다(마크업 무변경) */
.wmg .rsub-agree { margin: 0; padding: 1.25rem; background: var(--wm-page); font-size: .875rem; line-height: 1.5; }
.wmg .rsub-agree label { position: relative; display: block; padding-left: 2rem; font-weight: 700; color: var(--wm-ink); cursor: pointer; }
.wmg .rsub-agree input[type=checkbox] { position: absolute; left: 0; top: .1rem; width: 1.25rem; height: 1.25rem; margin: 0; accent-color: var(--wm-navy); }
.wmg .rsub-agree small { display: block; margin-top: .25rem; font-size: .875rem; font-weight: 500; }
/* 단추 줄 = .wm-btns 꼴(사이 1rem 1.5rem · wmm.css:88) · 위 2rem(wmm.css:328) */
.wmg .rsub-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 2rem 0 0; }
/* 「등록 신청」 = 주 단추(.wm-btn 값 wmm.css:74-80 · 규칙 3). 🔵 class(ri-btn ri-btn--primary)는 원문 그대로 두고 여기서 집는다(설계 3-1 «class 도 안 바꾼다») */
.wmg .rsub-actions button[type=submit] {
  -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  margin: 0; padding: 1rem 2rem; border: .125rem solid var(--wm-navy-bd); border-radius: 0; background: var(--wm-navy); color: #fff;
  font-family: inherit; font-size: 1rem; line-height: 1; font-weight: 800; font-style: italic; text-transform: uppercase; cursor: pointer;
  transition: transform .2s ease;
}
.wmg .rsub-actions button[type=submit]:hover { transform: translateY(-.2rem); }                /* 규칙 3 hover «0.2rem 들림» 하나 */
.wmg .rsub-actions button[type=submit]:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #000; }   /* 남색 위 초점 = 흰 테두리 + 검정 겹(wmm.css:57) */
.wmg .rsub-fine { font-size: .875rem; font-weight: 500; color: var(--wm-ink); }

/* ═══ 7. 알림 띠 · 접수 완료 칸 (설계 2-5 · 2-6) ═══ */
/* ?err=1 · ?wait=1 — 남색 띠 + 흰 글자 700(규칙 1 «남색 = 띠·강조» · 빨강 허용 목록에 «오류»가 없다 = 설계 Q2 기본안).
   빨강으로 바꾸라시면 : background var(--wm-hot) 한 줄(«빨강 바탕 + 흰 글자 700» 4.52 — 규칙 3 이 허락한 꼴) */
.wmg .rsub-alert { margin: 0 0 1.75rem; padding: 1.25rem; background: var(--wm-navy); color: #fff; font-size: 1rem; line-height: 1.5; font-weight: 700; }
.wmg .rsub-alert b { color: #fff; font-weight: 900; }
/* ?sent=1 — 격자 없이 칸 하나(#f7f9fa · 안쪽 2.25rem = wmm.css:423 · 최대 64rem = WMM container-medium wmm-find.css:46) */
.wmg .rsub-done { max-width: 64rem; padding: 2.25rem; background: var(--wm-page); }
.wmg .rsub-done h2 { margin: 0 0 1rem; font-size: 2rem; line-height: 1.2; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: uppercase; color: var(--wm-ink); }   /* .wm-h3 (wmm.css:65) */
.wmg .rsub-done p { max-width: 60ch; font-size: 1rem; line-height: 1.625; }
.wmg .rsub-done p + p { margin-top: 2rem; }                                                  /* 단추 위 2rem(wmm.css:225 와 같은 숨) */
.wmg .rsub-done b { font-weight: 800; }
.wmg .rsub-done .ri-btn {                                                                      /* 「대회 일정 보러 가기」 = 주 단추(.wm-btn 값) */
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: 1rem 2rem;
  border: .125rem solid var(--wm-navy-bd); background: var(--wm-navy); color: #fff;
  font-size: 1rem; line-height: 1; font-weight: 800; font-style: italic; text-transform: uppercase; text-decoration: none;
  transition: transform .2s ease;
}
.wmg .rsub-done .ri-btn:hover { transform: translateY(-.2rem); }
.wmg .rsub-done .ri-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #000; }

/* ═══ 8. 맨 밑 부스러기 (설계 2-1 ④ — find 「맨 밑으로」 자리 wmm-find.css:39-41) ═══ */
.wmg .wmg-hd { padding: 4rem var(--wm-gx) 2.5rem; }
.wmg .wmg-hd .ri-crumb { margin: 0; font-size: .875rem; font-weight: 700; color: var(--wm-ink); }   /* 규칙 2 라벨칩 글자 크기 */
.wmg .wmg-hd .ri-crumb a { text-decoration: underline; }

/* ═══ 9. 반응형 991 · 767 · 479 ═══ */
@media (max-width: 991px) {
  .wmg .wmg-sec__hd > h1 { font-size: 2.5rem; }                                               /* wmm.css:540 (.wm-h2 991↓) */
}
/* 767↓ — 2칸 격자(rsub-w2·w3 = 한 줄 전부 · 옛 760 경계와 같은 뜻 utmb:4866) · 부스러기 위 3rem(규칙 4 폰 구역 3rem) */
@media (max-width: 767px) {
  .wmg .rsub-form fieldset { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wmg .rsub-form .rsub-w2, .wmg .rsub-form .rsub-w3 { grid-column: 1 / -1; }
  .wmg .wmg-hd { padding-top: 3rem; }
  .wmg .rsub-done { padding: 1.25rem; }                                                       /* wmm.css:607 (.wm-lead__f 폰) */
}
/* 479↓ — 한 줄에 하나(설계 Q3 기본안 : 390 에서 2칸이면 날짜칸 한 칸 ≈ 165px) · 단추 폭 100% · h1 8vw(wmm.css:623) */
@media (max-width: 479px) {
  .wmg .wmg-sec__hd > h1 { font-size: 8vw; }
  .wmg .rsub-form fieldset { grid-template-columns: minmax(0, 1fr); }
  .wmg .rsub-checks input[name="ri_dist_other"] { flex-basis: 100%; }
  .wmg .rsub-actions button[type=submit] { width: 100%; }
}

/* ═══ 10. 움직임 줄이기 — 칩·단추 transition 끔(wmm.css:511-515 의 .wm * 규칙과 같은 뜻 · 이 파일 규칙이 뒤에 있어 한 번 더) ═══ */
@media (prefers-reduced-motion: reduce) {
  .wmg .wmg-ck__t::after, .wmg .rsub-actions button[type=submit], .wmg .rsub-done .ri-btn { transition: none; }
  .wmg .rsub-actions button[type=submit]:hover, .wmg .rsub-done .ri-btn:hover { transform: none; }
}