/* ═══ RUNIN.KR 대회 상세 /race/{slug}/ — World Marathon Majors 디자인(공용 wm- · 지면 고유 wmr-) · 2026-10-06 · 클로드A ═══
   규칙 한 장 : https://idc.kr/_claude/CODE_RULES.txt
   설계서 : D:\작업중\2026년\10월\런닝인사이드\대회상세WMM시안\ref\race_설계서.md (값의 출처 = 4-1 값표 · 2장 구역별 · WMM 실측 · 이미 라이브인 wm 값 — 새 숫자 0)
   🔴 이 파일은 홈 wmm.css «뒤에» 실린다(같은 부품·같은 값). 홈 부품(.wm-btn .wm-st .wm-sec .wm-tbl …)은 다시 정의하지 않고,
      이 지면 전용(wmr-)과 «옛 마크업이 기대던 기능 규칙»만 둔다. 선택자는 전부 body.wm-rdp 또는 .wm-rd 아래 — 홈·/find/ 와 섞이지 않게.
   🔵 설계 5-4 D1(하위 지면 공용 .wm-sub 로 wmm.css 에 올리기)은 «아직 안 했다» — 홈·/find/ 파일을 건드리지 않으려고 대안 (c)
      «이 파일에 .wm-rd 범위로 같은 값을 복사»를 골랐다. 복사한 덩어리마다 원본 줄(wmm-find.css)을 적어 두었다 → 2단계에 공용으로 합친다.
   🔴 글자는 완전 검정(#000 = --wm-ink). 회색 글자 금지. 포인트 빨강(--wm-hot)은 «지금 서둘러라»(마감임박·추가접수 배지)에만.
   🔴 장식용 가로줄 금지 — 줄은 «목록 머리 2px #000 · 줄 사이 1px #d6dce2» 뿐(규칙 3장 목록 줄).
   🔴 :has() 는 쓰지 않는다 — 상태는 서버가 붙인 이름(wm-st--X · wm-word · wmr-m1~3 …)으로 판단.
   ■ 1.0.1 (10-06 오후 · 검토 반영 — README 9장) : 바로가기 도착 자리(scroll-padding 과 «더해짐») · 로그인 화면 띠·접수 칸 위치 · 첫 화면 h1 왼쪽 선 ·
     사진 안 자름 · 접수 칸 「접수마감」 칩 · 떠 있는 단추와 접수 칸 겹침 · 표 조각 2px 줄 · 결과 표 순위·기록 줄바꿈 · A 상위 5명 표 새 꼴 ·
     의견 칸 모양은 avatar v2 가 주인 · 배지·꼬리표 크기 = /find/ 값(지어낸 숫자 뺌) */

/* ═══ 0. 기능 규칙 — 옛 CSS(app.css·utmb.css·tokens.css)를 걷으면서 «빠지면 오류 없이 깨지는» 것 (설계 6 ③ · wmm-find.css 0장 복사) ═══ */

/* 화면낭독기 전용 글 — 빠지면 「접수상태 」「(새 창)」「대회일까지 N일」이 화면에 다 보인다 (= .wm-sr, wmm.css:43) */
body.wm-rdp .ri-sr, body.wm-rdp .screen-reader-text { 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 으로 줄이 터진다 */
body.wm-rdp svg.ri-i { width: 1em; height: 1em; flex: none; vertical-align: -.125em; }
/* hidden 속성 — 옛 app.css 가 맡던 것. 공감 줄 요약(.ri-a-rc__sum{display:flex})·고르기 팝업·의견 수가 hidden 인 채 보이지 않게(social.php 가 hidden 으로 여닫는다).
   알림 모달은 app.js 가 열 때 hidden 을 «뗀다»(app.js:125-126) — 이 규칙과 부딪치지 않는다 */
body.wm-rdp [hidden] { display: none !important; }
/* 알림 모달(app.js:96-140 이 is-open·hidden 을 함께 바꾼다) — 막 색 = .wm-dlg::backdrop 값(wmm.css:493) */
body.wm-rdp .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-rdp .ri-modal.is-open { display: flex; }
body.ri-locked { overflow: hidden; }
/* B 상태 배지의 동그란 점 — 숨김(지우지 않는다 · 설계 2-4-1) */
body.wm-rdp .ri-badge__dot { display: none; }
/* D-day — 낱말(RUN …)이 대신 서는 상태에서는 숨김(app.js initDday 가 계속 다시 쓰므로 «지우지 않고» 숨긴다) */
body.wm-rdp .wm-dd--off { display: none !important; }

/* ═══ 1. 머리 — 메뉴 줄 «붙어 다니기» · 「대회일정」 «지금 여기» (wmm-find.css 1장·11장 복사) ═══
   🔴 홈 wmm.css .wm-nav{position:sticky} 는 header.wm-head 상자 «안»에 갇혀 헤더가 지나가면 같이 사라진다(find 검토 실측 : 6,000px 내리면 메뉴 top −5,871).
   → 헤더 «통째»를 붙이고 로고 줄 높이(4.5625rem = wmm.css .wm-brand__in)만큼 위로 빼서 메뉴 줄만 남긴다. 1023↓ 은 메뉴 줄이 없다 */
@media (min-width: 1024px) {
  body.wm-rdp .wm-head { position: sticky; top: -4.5625rem; z-index: 50; }
  body.wm-rdp.admin-bar .wm-head { top: calc(32px - 4.5625rem); }                         /* 로그인 화면 — 관리 막대(32px) 아래에 메뉴 줄 */
}
/* 이 지면은 «대회일정 아래»라 aria-current="true"(page 아님) — 값과 상관없이 [aria-current] 로 잡는다(설계 2-2) */
body.wm-rdp .wm-nav li a[aria-current] { font-weight: 800; }
body.wm-rdp .wm-nav li a[aria-current]::after { transform: none; }
body.wm-rdp .wm-dlg--nav a[aria-current] { color: var(--wm-navy); }
body.wm-rdp .wm-bn a[aria-current] { color: var(--wm-navy); }

/* ═══ 2. 이 대회 바로가기 띠 nav.wmr-jump (설계 2-3 · Q2) — WMM .sub-menu_component 실측 ═══
   남색 #000075 · 높이 2.5rem(40px) · 메뉴 줄 바로 밑 sticky · 글자 흰색(WMM #f3f3f3 → 규칙 «흰 글자») · 대문자 · 자간 .04rem
   ≥1440 .875rem 700 · 그 밖 .75rem 800 · 폰 = 한 줄 가로 스크롤(오른쪽 끝 잘림으로 «더 있음») .75rem 900 · z 49(메뉴 50 밑) */
.wm .wmr-jump { position: sticky; top: 0; z-index: 49; background: var(--wm-navy); color: #fff; }
.wm .wmr-jump__in { display: flex; align-items: stretch; height: 2.5rem; padding: 0 calc(var(--wm-gx) - .8rem); overflow-x: auto; scrollbar-width: none; }
.wm .wmr-jump__in::-webkit-scrollbar { display: none; }
.wm .wmr-jump__a { flex: none; display: inline-flex; align-items: center; min-height: 2.5rem; padding: 0 .8rem; color: #fff; font-size: .75rem; line-height: 1; font-weight: 800; text-transform: uppercase; letter-spacing: .04rem; white-space: nowrap; }
.wm .wmr-jump__a:hover { text-decoration: underline; text-underline-offset: 4px; }
.wm .wmr-jump__a:focus-visible { outline: 3px solid #fff; outline-offset: -3px; box-shadow: inset 0 0 0 5px #000; }   /* 남색 위 초점 = 흰 테두리 + 검정 겹(규칙 3장) */
@media (min-width: 1024px) {
  .wm .wmr-jump { top: 3.3125rem; }                                                         /* 메뉴 줄 실제 높이(wmm.css .wm-nav__in) */
  body.wm-rdp.admin-bar .wmr-jump { top: calc(32px + 3.3125rem); }
}
/* 1023↓ 로그인 화면 — 관리 막대가 «고정»(601px 이상 · 워드프레스 admin-bar.css : 782↓ 46px · 783↑ 32px)이면 띠가 그 밑에 숨는다 → 막대 높이만큼 내린다(10-06 검토) */
@media (min-width: 601px) and (max-width: 782px) { body.wm-rdp.admin-bar .wmr-jump { top: 46px; } }
@media (min-width: 783px) and (max-width: 1023px) { body.wm-rdp.admin-bar .wmr-jump { top: 32px; } }
@media (min-width: 1440px) { .wm .wmr-jump__a { font-size: .875rem; font-weight: 700; } }
@media (max-width: 767px) { .wm .wmr-jump__a { font-weight: 900; } }
/* 바로가기 도착 자리 — 붙는 것(메뉴 줄 3.3125rem · 띠 2.5rem) + 숨 1rem 만큼 위를 비운다(계산값).
   🔴 scroll-margin-top 은 html{scroll-padding-top:4rem}(wmm.css:48)에 «더해진다»(바꿔 놓는 게 아니다) — 전에는 둘을 다 줘서 구역 머리가 80px 쯤 아래에 섰다(10-06 검토).
   그래서 «필요한 높이 − 4rem» 만 준다 : 1023↓ = 띠 2.5rem + 1rem = 3.5rem ≤ 4rem → 0 · ≥1024 = 3.3125rem + 2.5rem + 1rem − 4rem · 로그인(관리 막대 고정)은 막대 높이를 더 */
.wm-rd [id^="wmr-"], .wm-rd #riwc-talk { scroll-margin-top: 0; }
@media (min-width: 601px) and (max-width: 782px) { body.wm-rdp.admin-bar .wm-rd [id^="wmr-"], body.wm-rdp.admin-bar .wm-rd #riwc-talk { scroll-margin-top: calc(46px + 2.5rem + 1rem - 4rem); } }
@media (min-width: 783px) and (max-width: 1023px) { body.wm-rdp.admin-bar .wm-rd [id^="wmr-"], body.wm-rdp.admin-bar .wm-rd #riwc-talk { scroll-margin-top: calc(32px + 2.5rem + 1rem - 4rem); } }
@media (min-width: 1024px) {
  .wm-rd [id^="wmr-"], .wm-rd #riwc-talk { scroll-margin-top: calc(3.3125rem + 2.5rem + 1rem - 4rem); }
  body.wm-rdp.admin-bar .wm-rd [id^="wmr-"], body.wm-rdp.admin-bar .wm-rd #riwc-talk { scroll-margin-top: calc(32px + 3.3125rem + 2.5rem + 1rem - 4rem); }
}

/* ═══ 3. 첫 화면 section.wmr-hero (설계 2-4 · Q1 기본안 = «제목 칸 + 사진 칸») ═══
   틀 = 홈 .wm-split(wmm.css:321-333) : 1fr 1fr · 좌우 2% · 글 칸 안쪽 3rem 4rem 3rem «0» · 위 1.875rem(= .wm-hero 위 안쪽)
   🔵 글 칸 왼쪽 안쪽은 0 — .wm-split 의 3rem 을 그대로 두면 h1 이 아래 핵심 줄·접수 칸보다 48px 들어가 왼쪽 선이 어긋났다(10-06 검토)
   🔴 사진 위 글 0 · 막 0 · 그라데이션 0 · hover 확대 0 (사장님 「블랙 오버레이 하지 마」) · 첫 화면은 등장 움직임 없음(wmm.css:509 주석) */
.wm-rd .wmr-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; margin: 0 var(--wm-gx); padding-top: 1.875rem; }
.wm-rd .wmr-hero__c { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-self: stretch; min-width: 0; padding: 3rem 4rem 3rem 0; }
/* 사진 없는 대회(사본 9벌 중 경청·동아) — WMM /races 머리 꼴 : 사진 없음 · 위 5rem 아래 2.5rem · 글 칸 하나(최대 64rem) */
.wm-rd .wmr-hero--nopic { display: block; padding: 5rem 0 2.5rem; }
.wm-rd .wmr-hero--nopic .wmr-hero__c { max-width: 64rem; padding: 0; }
/* 상태 줄 — 배지 + 낱말/D-day (+ 「추가접수 있음」) · 값 = /find/ 상태 칸(.wm-fd .wm-fr__r) */
.wm-rd .wmr-hero__c > .ri-card__top { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; margin: 0 0 1rem; }
/* h1 = .wm-h2 크기(3rem/1.05 · 991↓ 2.5rem · 479↓ 8vw) · 900 기울임 · 검정 — find h1 과 같은 값(WMM «h1 을 h2 크기로» · 사진 반 글 반 카드 h2 48/48 실측)
   🔴 text-transform:none — 대회 이름은 고유명사라 대문자로 바꾸지 않는다(「by UTMB」「Jeju100K」 원문 그대로 · 설계 10 #7) */
.wm-rd .wmr-hero__c > h1 { font-size: 3rem; line-height: 1.05; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: none; color: var(--wm-ink); }
/* 해외 대회 국기 — 글자 높이에 맞춤(비율 유지 · 오른쪽 .25em). 🔴 :where(.wm) img{display:block} 을 되돌려야 제목 앞 «같은 줄»에 선다 */
.wm-rd .wmr-hero__c > h1 .ri-flag { display: inline-block; width: auto; height: .65em; margin: 0 .25em 0 0; vertical-align: .02em; }
/* 부제(「제N회 · 날짜 · HH:MM 출발 · 장소」) = .wm-hero__p 값(wmm.css:204) 1.125rem/1.35 600 검정 · 바탕 띠 없음(사진 위가 아니다) */
.wm-rd .wmr-hero__c > .ri-hero__sub { margin: 1rem 0 0; font-size: 1.125rem; line-height: 1.35; font-weight: 600; }
/* 외국어 지면 — 영문 이름 1rem 700(옛 인라인 style 버림) · 한국어 안내 = 연한 바탕 상자(옛 왼쪽 3px 선은 장식선이라 뺀다) */
.wm-rd .wmr-hero__c > .ri-hero__sub[lang] { margin: .75rem 0 0; font-size: 1rem; font-weight: 700; }
.wm-rd .wmr-hero__c > .ri-kohint { margin: .75rem 0 0; padding: .5rem .75rem; background: var(--wm-page); font-size: .875rem; line-height: 1.6; font-weight: 500; }
/* 사진 칸 — 원래 <img> 그대로 · 최대 원본 1120px · 🔴 자르지 않는다(규칙 «원본 그대로 선명하게»).
   전에는 1120:480 상자에 object-fit:cover 로 꽉 채워, 원본이 그보다 작은 사진(워드프레스가 원본 크기 그대로 준다 — 세로 포스터 등)은 위아래가 크게 잘렸다(10-06 검토).
   → 높이는 사진 비율대로(img width·height 속성이 자리를 미리 잡는다 = 밀림 0). 세로 포스터가 첫 화면을 통째로 차지하지 않게 높이 한도는
     첫 화면 사진 높이 min(30rem, 62vh)(규칙 4장 ③) — 넘으면 contain(사진 «통째로» · 남는 옆은 사진 빈칸 회색 #f0f0f3 = --wm-grey) */
.wm-rd .wmr-hero__pic { min-width: 0; }
.wm-rd .wmr-hero__img { max-width: 1120px; overflow: hidden; background: var(--wm-grey); }
.wm-rd .wmr-hero__img img { display: block; width: 100%; height: auto; max-height: min(30rem, 62vh); object-fit: contain; }
/* 출처 글 — 사진 «바로 아래» · 원문 글자 그대로(규칙 6장 「사진마다 출처 표기」) · 주소는 낱말이 없어 글자째 끊는다 */
.wm-rd .wmr-cr { margin: .5rem 0 0; font-size: .8125rem; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; }

/* ═══ 4. 취소 띠 aside.wmr-cancel (설계 2-5 — 취소일 때만 · 첫 화면 «바로 아래» 화면 폭) ═══
   바탕 = 규칙 1장 «아주 진한 바탕» #1f1f1f + 흰 글자. 🔴 빨강 아님(취소는 «서둘러라»가 아니다) · 남색도 아님(남색은 주 단추·띠·강조 몫) */
.wm-rd .wmr-cancel { margin: 2rem 0 0; padding: 2rem var(--wm-gx); background: var(--wm-ink2); color: #fff; }
.wm-rd .wmr-cancel .ri-cancel__h { display: flex; align-items: center; gap: .5rem; margin: 0 0 .75rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; color: #fff; }   /* = .wm-hs */
.wm-rd .wmr-cancel .ri-cancel__h svg.ri-i { width: 1em; height: 1em; }
.wm-rd .wmr-cancel .ri-cancel__b { margin: 0 0 .25rem; font-size: 1rem; line-height: 1.6; font-weight: 500; color: #fff; }
.wm-rd .wmr-cancel .ri-cancel__s { margin: .75rem 0 0; }
.wm-rd .wmr-cancel__a { color: #fff; font-weight: 800; font-style: italic; text-decoration: underline; text-underline-offset: 3px; }   /* 링크 단추 꼴(글자 + 화살표 → 는 원문 글자) */
.wm-rd .wmr-cancel :focus-visible { outline-color: #fff; box-shadow: 0 0 0 5px #000; }

/* ═══ 5. 몸 = [핵심 줄 · 본문 | 오른쪽 30% 접수 칸] (설계 1-1 · 4-1 .wmr-body — find 11장 30% · 3rem) ═══ */
.wm-rd .wmr-body { display: grid; grid-template-columns: minmax(0, 1fr); padding: 0 var(--wm-gx); }
.wm-rd .wmr-main { min-width: 0; }
@media (min-width: 992px) {
  .wm-rd .wmr-body { grid-template-columns: minmax(0, 1fr) 30%; grid-template-areas: "facts side" "main side"; grid-template-rows: auto 1fr; column-gap: 3rem; align-items: start; }
  .wm-rd .wmr-facts { grid-area: facts; }
  .wm-rd .wmr-side { grid-area: side; }
  .wm-rd .wmr-main { grid-area: main; }
}

/* ── 핵심 4줄 section.wmr-facts (설계 2-6 — WMM .race__stats 꼴) ──
   줄 최소 높이 4.6875rem(75) · 줄 사이 1rem · 이름 칸 40%(WMM ≤767 값 — 우리 값은 「2026년 11월 14일 (토) 출발 08:20」처럼 길어 60% 면 값 칸이 모자란다)
   이름 칸 = 남색 + 흰 글자 1.6em/.875 600 · 오른쪽 끝 남색 비스듬 조각 5rem(left 90% · skew -16deg — 장식 «면», 선 아님)
   값 칸 = #f2f4f5 · 왼쪽 정렬(값이 여러 줄이라 WMM 의 오른쪽 정렬은 읽기 나쁨) · 조각이 값 칸으로 넘어오는 만큼 왼쪽 안쪽을 더 준다 */
.wm-rd .wmr-facts { display: flex; flex-direction: column; gap: 1rem; padding-top: 2.5rem; min-width: 0; }
.wm-rd .wmr-facts__r { display: flex; align-items: stretch; min-height: 4.6875rem; }
.wm-rd .wmr-facts__k { position: relative; isolation: isolate; flex: 0 0 40%; display: flex; align-items: center; padding: .75rem 0 .75rem 2rem; background: var(--wm-navy); color: #fff; }
.wm-rd .wmr-facts__k::after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 90%; width: 5rem; background: var(--wm-navy); transform: skew(-16deg); }
.wm-rd .wmr-facts__k .p-lab { display: inline-flex; align-items: center; gap: .5rem; font-size: 1.6em; line-height: .875; font-weight: 600; color: #fff; }
.wm-rd .wmr-facts__k .p-lab svg.ri-i { width: .8em; height: .8em; color: #fff; }
.wm-rd .wmr-facts__v { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 1rem 2rem 1rem 4.75rem; background: var(--wm-smoke); font-size: 1rem; line-height: 1.6; font-weight: 500; overflow-wrap: anywhere; }
.wm-rd .wmr-facts__v .p-when, .wm-rd .wmr-facts__v .p-where { font-size: 1.125rem; font-weight: 800; }   /* find 패널 값 */
.wm-rd .wmr-facts__v .p-sub { font-size: .8125rem; font-weight: 500; }
.wm-rd .wmr-facts__v .p-line { display: block; margin-top: 3px; }
.wm-rd .wmr-facts__v .u-dist { padding-left: .4rem; }
.wm-rd .wmr-facts__v .wm-st--unknown { font-weight: 700; }                                  /* 「일정 확인 필요」 */
/* 값 칸 바탕(#f2f4f5)과 라벨칩 회색(#f3f3f3)이 거의 같아 5K 꼬리표·「접수마감」 칩이 «안 보였다»(시험 갈무리 10-06) → 이 칸 안에서만 흰 칩 */
.wm-rd .wmr-facts__v .u-dist li:not(.is-full):not(.is-half):not(.is-ten):not(.is-trail):not(.is-ultra)::before { background: #fff; }
.wm-rd .wmr-facts__v .wm-st--closed { background: #fff; }

/* ── 오른쪽 접수 칸 aside.wmr-side (설계 2-7 · Q3) — find 거르개 칸과 같은 값 ──
   바탕 #f7f9fa · 안쪽 2rem 1rem 4rem(≥992) · sticky 7.5rem(메뉴 줄 53 + 띠 40 = 93px < 120px) · 최대 80vh 칸 안 스크롤 · 두 칸 사이 2rem */
.wm-rd .wmr-side { margin-top: 2rem; padding: 1.5rem 1rem 2rem; background: var(--wm-page); min-width: 0; }
.wm-rd .wmr-side__p + .wmr-side__p { margin-top: 2rem; }
.wm-rd .wmr-side__p > h2 { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.01em; }   /* = .wm-hs */
.wm-rd .wmr-side__p > h2 svg.ri-i { width: .9em; height: .9em; }
.wm-rd .wmr-side__st { margin: 0 0 .75rem; }
.wm-rd .wmr-side__t { margin: 0 0 1rem; font-size: .875rem; font-weight: 700; }             /* 「마감 MM.DD HH:MM」 · 「접수 시작 …」 */
.wm-rd .wmr-side__b { margin: .75rem 0 0; }
.wm-rd .wmr-side__btn { width: 100%; text-align: center; line-height: 1.25; }              /* 주 단추 높이 52 = .wm-btn 안쪽 1rem 2rem */
.wm-rd .wmr-side__btn .wmr-bell { width: 1.1rem; height: 1.1rem; flex: none; }
.wm-rd .wmr-side__sns { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: .75rem 0 0; font-size: .875rem; }
.wm-rd .wmr-side__sns a { text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
.wm-rd .wmr-side__src { margin: 0; font-size: .8125rem; line-height: 1.6; font-weight: 500; }
.wm-rd .wmr-side__src a { text-decoration: underline; text-underline-offset: 3px; font-weight: 800; }
/* 「접수마감」 칩 — 칸 바탕 #f7f9fa 위에 연회색 칩 #f3f3f3 은 «안 보인다»(10-06 검토) → 흰 칩(핵심 줄 값 칸과 같은 처리 · 위 5장) */
.wm-rd .wmr-side .wm-st--closed { background: #fff; }
@media (min-width: 992px) {
  /* 최대 높이 — 오른쪽 아래 떠 있는 단추 묶음(.wm-fab — 대회 상세는 4칸 : 대회 등록·광고·문의·맨 위로 = wmm.css:487-489 의
     아래 1.25rem + 3.25rem × 4 + 사이 2px × 3)에 칸 아래쪽 단추가 가리지 않게 그만큼 + 숨 1rem 을 뺀다(1366×768 에서 41×86px 겹침 · 10-06 검토). 칸 안은 스크롤 */
  .wm-rd .wmr-side { margin-top: 2.5rem; position: sticky; top: 7.5rem; max-height: min(80vh, calc(100vh - 7.5rem - (1.25rem + 4 * 3.25rem + 3 * 2px) - 1rem)); overflow-y: auto; padding: 2rem 1rem 4rem; }   /* 위 끝 = 핵심 줄 위 끝(2.5rem) */
  body.wm-rdp.admin-bar .wmr-side { top: calc(7.5rem + 32px); max-height: min(80vh, calc(100vh - 7.5rem - 32px - (1.25rem + 4 * 3.25rem + 3 * 2px) - 1rem)); }
}
/* 992~1023 — 메뉴 줄 없는 폭(find 11장과 같은 판단). 🔴 위 끝은 바로가기 띠(2.5rem · 이 폭에선 sticky top 0) «밑» + 1rem — 2rem 이면 띠 밑으로 8px 들어갔다(10-06 검토) */
@media (min-width: 992px) and (max-width: 1023px) {
  .wm-rd .wmr-side { top: calc(2.5rem + 1rem); }
  body.wm-rdp.admin-bar .wmr-side { top: calc(32px + 2.5rem + 1rem); }
}

/* ═══ 6. 구역 (설계 4-1 .wmr-sec — 위 4rem · 폰 3rem · 머리 = .wm-hs 값 · 아래 1.75rem) ═══
   🔴 h2 에 class 를 달지 않았다(i18n-core 가 맨 <h2> 를 번역 자리로 본다) → 구조로 잡는다 */
.wm-rd .wmr-sec { padding-top: 4rem; min-width: 0; }
.wm-rd .wmr-sec > h2 { display: flex; align-items: center; gap: .5rem; margin: 0 0 1.75rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.01em; }
.wm-rd .wmr-sec > h2 svg.ri-i, .wm-rd .wmr-wide__h svg.ri-i { width: .9em; height: .9em; }
.wm-rd .wmr-sec a, .wm-rd .wmr-facts a { text-underline-offset: 3px; }

/* ── 대회 정보 표 (설계 2-8 = find 6장 패널 표 값 · wmm-find.css 6장 복사) ──
   위 2px #000(목록 머리 줄) · 줄 1px #d6dce2 · th 118px .9375rem 800 + 오른쪽 1px 줄 · td 1rem/1.6 · 바탕 #fff · 링크 밑줄 offset 3px */
.wm-rd .p-tbl { width: 100%; border-collapse: collapse; margin: 0 0 1.5rem; border-top: 2px solid var(--wm-ink); background: #fff; }
.wm-rd .p-tbl > tbody > tr { border-bottom: 1px solid var(--wm-line); }
/* 표가 넓은 칸(결과·지도·대회장) 사이로 쪼개질 때 — 2px 검정 «목록 머리 줄»은 첫 조각에만, 다음 조각부터는 줄 사이 값 1px #d6dce2
   (전에는 조각마다 2px 검정이라 「기념품」 한 줄이 넓은 칸 둘 사이에서 검정 줄로 갇혔다 · 10-06 검토) */
.wm-rd .wmr-info__in > .p-tbl ~ .p-tbl { border-top: 1px solid var(--wm-line); }
.wm-rd .p-tbl > tbody > tr > th { width: 118px; padding: .85rem .75rem; text-align: left; vertical-align: top; font-size: .9375rem; font-weight: 800; border-right: 1px solid var(--wm-line); white-space: nowrap; }
.wm-rd .p-tbl > tbody > tr > td { padding: .85rem .75rem; font-size: 1rem; line-height: 1.6; vertical-align: top; min-width: 0; }
.wm-rd .p-tbl a, .wm-rd .wmr-wide a { text-decoration: underline; }
.wm-rd .p-lab { display: inline-flex; align-items: center; gap: .5rem; line-height: 1.25; }
.wm-rd .p-lab svg.ri-i { width: 1.05em; height: 1.05em; }
.wm-rd .p-when, .wm-rd .p-where { font-size: 1.125rem; font-weight: 800; }
.wm-rd .p-sub { font-size: .8125rem; font-weight: 500; }
.wm-rd .p-line { display: block; margin-top: 3px; }
.wm-rd .p-note { display: block; line-height: 1.6; }
/* 기타소개 여러 줄 = 점 목록(사장님 09-17 「공지처럼 점 마킹」) — 🔴 :where(.wm) ul{list-style:none}(wmm.css:39)이 점을 지우므로 되살린다(설계 10 #6) */
.wm-rd ul.p-note--list { list-style: disc; margin: 0; padding-left: 1.25rem; }
.wm-rd ul.p-note--list > li + li { margin-top: .5rem; }
/* 「접수」·「주최·문의」 줄 — 가운뎃점 양옆 8px(옛 utmb.css:2897-2907 배치 값) · 전화·메일은 줄바꿈 안 됨 */
.wm-rd .p-con { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; margin: 0; }
.wm-rd .p-con > * { display: inline-flex; align-items: center; }
.wm-rd .p-kv { gap: 4px; }
/* 「접수기간」 이름표가 긴 값 옆에서 «접/수/기/간»으로 눌리지 않게(시험 갈무리 10-06) — 이름표는 한 줄 · 값이 줄을 바꾼다 */
.wm-rd .p-con > .p-kv { align-items: baseline; }
.wm-rd .p-kv > .p-sub { flex: none; white-space: nowrap; }
.wm-rd .p-kv > b { min-width: 0; }
.wm-rd .p-sep { margin: 0 8px; flex: 0 0 auto; }
.wm-rd .p-con .p-sep:last-child { display: none; }
.wm-rd .p-con a[href^="tel:"], .wm-rd .p-con a[href^="mailto:"] { white-space: nowrap; }
/* 안쪽 표(코스별 요금) — 머리 = .wm-tbl thead th 값(.8125rem 800 기울임 대문자 + 2px #000) */
.wm-rd .p-course { width: 100%; border-collapse: collapse; margin: 2px 0 0; }
.wm-rd .p-course caption { text-align: left; padding: .5rem 0 .4rem; font-size: .8125rem; font-weight: 800; }
.wm-rd .p-course th, .wm-rd .p-course td { padding: .5rem .75rem; font-size: 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--wm-line); }
.wm-rd .p-course thead th { font-size: .8125rem; font-weight: 800; font-style: italic; text-transform: uppercase; border-bottom: 2px solid var(--wm-ink); white-space: nowrap; }
.wm-rd .p-course tbody th { font-weight: 800; }
.wm-rd .p-fee b { font-weight: 800; font-variant-numeric: tabular-nums; }
/* 홈페이지 — 도메인 링크(600) · 숨은 input.p-url__v.ri-sr(복사 단추가 id 로 찾는다 · 그대로) · 「주소 복사」= 작은 보조 단추 · 「바로가기 →」= 남색 작은 주 단추 (find 값)
   🔴 「주소 복사」 단추 안에 아이콘을 넣지 않는다 — app.js 가 button.firstChild(글자)를 「복사됨」으로 갈아 쓴다(app.js:388-397) */
.wm-rd .p-url { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 .5rem; }
.wm-rd .p-url:last-child { margin-bottom: 0; }
.wm-rd .p-url__d { display: inline-flex; align-items: center; gap: .35rem; word-break: break-all; font-weight: 600; }
.wm-rd .p-url__c, .wm-rd .p-url__go {
  display: inline-flex; align-items: center; padding: .4rem .64rem; font-size: .8125rem; line-height: 1; font-weight: 800; font-style: italic;
  text-transform: uppercase; text-decoration: none !important; border: .125rem solid var(--wm-ink); background: transparent; color: var(--wm-ink); cursor: pointer;
  font-family: inherit; transition: transform .2s ease;
}
.wm-rd .p-url__go { background: var(--wm-navy); border-color: var(--wm-navy-bd); color: #fff; }
.wm-rd .p-url__c:hover, .wm-rd .p-url__go:hover { transform: translateY(-.2rem); }
.wm-rd .p-url__c.is-done { background: var(--wm-ink); color: #fff; }                        /* 「복사됨」 1.6초 */
.wm-rd .p-url__k { font-size: .8125rem; font-weight: 500; }

/* ── 넓은 칸 div.wmr-wide (대회 결과 · 코스 지도 · 대회장) — 머리 h3 = .wm-hs 값 · 위 3rem 아래 1rem ── */
.wm-rd .wmr-wide { margin: 3rem 0 1.5rem; }
.wm-rd .wmr-wide:first-child { margin-top: 0; }
.wm-rd .wmr-wide__h { margin: 0 0 1rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.01em; }
.wm-rd .wmr-wide__h .p-lab { gap: .5rem; line-height: inherit; }
.wm-rd .wmr-wide__b { font-size: 1rem; line-height: 1.6; }

/* 대회 결과(설계 2-8-1) — 표 = wm-tbl(wmm.css:251-253) · 코스 표 사이 1.5rem · 폰은 가로 스크롤(.wm-tbl-wrap)
   순위 = 900 기울임 남색 · 1·2·3위 메달 점 금 #ffd100 · 은 #bbc1ca(= --wm-silver) · 동 #d99a5b(사장님 표 규칙) · 기록 800 tabular-nums */
.wm-rd .wmr-res__w { margin: 0 0 1.5rem; }
.wm-rd .wmr-res__w .wm-tbl { min-width: 32rem; }
/* 결과 있음(ⓐ) 표는 칸 폭 고정 — 코스 표 여러 장의 열(부문 · 순위 · 이름 · 기록)이 같은 자리에 선다. 긴 외국 선수 이름은 칸 안에서 줄을 바꾼다 */
.wm-rd .wmr-res--a { table-layout: fixed; }
.wm-rd .wmr-res--a thead th:nth-child(1) { width: 26%; }
.wm-rd .wmr-res--a thead th:nth-child(2) { width: 14%; }
.wm-rd .wmr-res--a thead th:nth-child(4) { width: 20%; }
.wm-rd .wmr-res--a th, .wm-rd .wmr-res--a td { white-space: normal; overflow-wrap: anywhere; }
/* 순위·기록은 줄을 바꾸지 않는다(규칙 표 «기록 800 tabular-nums» — 숫자 덩어리) — 폰(767↓ 최소 폭 0)에서 「25:42:02」가 숫자 가운데서 끊겼다
   (320~360 폭 기록 칸 ≈ 59px · 10-06 검토). 넘치면 감싸개 .wm-tbl-wrap 이 가로로 민다(규칙 «폰 가로 스크롤») — 기록은 맨 끝 칸이라 옆 칸을 덮지 않는다 */
.wm-rd .wmr-res--a .p-rec, .wm-rd .wmr-res--a .p-rank { white-space: nowrap; overflow-wrap: normal; }
.wm-rd .wm-tbl caption { caption-side: top; text-align: left; padding: 0 0 .6rem .4rem; }
.wm-rd .wmr-cap { position: relative; isolation: isolate; display: inline-block; padding: .3rem .6rem; font-size: .75rem; line-height: 1; font-weight: 800; font-style: italic; color: var(--wm-ink); }
.wm-rd .wmr-cap::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
.wm-rd .wmr-cap.wm-c--full { color: #fff; }
.wm-rd .wmr-cap.wm-c--full::before { background: var(--wm-c-full); }
.wm-rd .wmr-cap.wm-c--half::before { background: var(--wm-c-half); }
.wm-rd .wmr-cap.wm-c--10k::before { background: var(--wm-c-10k); }
.wm-rd .wmr-cap.wm-c--trail::before { background: var(--wm-c-trail); }
.wm-rd .wmr-cap.wm-c--ultra::before { background: var(--wm-c-ultra); }
.wm-rd .wm-tbl tbody th { font-weight: 800; }
.wm-rd .wm-tbl .p-rank { width: 5.5rem; font-weight: 900; font-style: italic; color: var(--wm-navy); }
.wm-rd .wm-tbl .p-rec { font-weight: 800; font-variant-numeric: tabular-nums; }
.wm-rd .wmr-m1::before, .wm-rd .wmr-m2::before, .wm-rd .wmr-m3::before { content: ""; display: inline-block; width: .75em; height: .75em; margin-right: .4em; border-radius: 50%; vertical-align: -.05em; }
.wm-rd .wmr-m1::before { background: #ffd100; box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.wm-rd .wmr-m2::before { background: var(--wm-silver); box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.wm-rd .wmr-m3::before { background: #d99a5b; box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.wm-rd .p-res tr.is-empty th, .wm-rd .p-res tr.is-empty td { font-weight: 500; color: var(--wm-ink); }   /* 옛 opacity .5 는 회색 글자라 쓰지 않는다 */
.wm-rd .wm-tbl .p-sub { font-size: .8125rem; font-weight: 500; }

/* 코스 지도(설계 2-8-2) — 높이는 B 인라인 style#ri-rcourse-size 값을 «그대로 따라감»(지도 520 / 폰 320 · 고도표 210 / 170 — B 가 우리보다 뒤에 실려 이긴다)
   고도표 색 : 서버 그림이 «속성»으로 박은 색(채움 #E8EEF9 · 선 #0B3AA0 · 글자 #8a8073 회색)을 CSS 로 덮는다(CSS 가 속성을 이긴다) — 회색 글자 금지 */
.wm-rd .ri-rcourse .p-line { margin: 0 0 .75rem; }
.wm-rd .ri-rcourse__t { font-weight: 900; font-style: italic; }
.wm-rd .ri-rcourse .ri-elev { margin-top: 1rem; }
.wm-rd .ri-elev polygon { fill: var(--wm-page); }
.wm-rd .ri-elev polyline, .wm-rd .ri-elev line { stroke: var(--wm-navy); }
.wm-rd .ri-elev text { fill: #000; }
/* 거리 표지(카카오 CustomOverlay — span.c-pin) : 흰 바탕 + 남색 글자·테두리 / 골인·반환 = 남색 바탕 + 흰 글자 · 골인은 고리 코스 겹침 피해 34px 아래(옛 값 그대로) */
.wm-rd .c-pin { display: inline-block; padding: 2px 8px; font-size: 12px; line-height: 1.4; font-weight: 700; background: #fff; color: var(--wm-navy); border: 2px solid var(--wm-navy); border-radius: 0; white-space: nowrap; }
.wm-rd .c-pin--km { padding: 1px 8px; border-width: 1.5px; }
.wm-rd .c-pin--turn, .wm-rd .c-pin--fin { background: var(--wm-navy); color: #fff; border-color: var(--wm-navy); }
.wm-rd .c-pin--fin { transform: translateY(34px); }

/* 카카오 지도 상자 — «그려졌을 때만»(.is-on) 높이를 준다(못 그리면 로더가 상자를 지우고 아래 지도 링크만 남는다 · utmb §95 「빈칸은 남지 않는다」)
   🔴 .p-kmap * { max-width:none } — :where(.wm) img{max-width:100%}(wmm.css:37)이 지도 타일을 찌그러뜨린다 */
.wm-rd .p-kmap { position: relative; display: block; width: 100%; height: 0; overflow: hidden; background: var(--wm-grey); }
.wm-rd .p-kmap.is-on { height: 360px; }
.wm-rd .p-kmap * { max-width: none; }
.wm-rd .p-kmap__z { position: absolute; top: 8px; right: 8px; z-index: 3; display: flex; flex-direction: column; gap: 1px; }
.wm-rd .p-kmap__z button { width: 28px; height: 28px; padding: 0; border: 0; background: #fff; color: var(--wm-ink); font: 700 17px/1 system-ui, sans-serif; cursor: pointer; }   /* font 축약 — 글꼴 자리에 inherit 없음(축약 함정 회피) */

/* 대회장(설계 2-8-3) — 카카오 360 / 폰 200 · 해외 구글 iframe 360 / 240 / 220 · 폭 100% · 장소명 · 지도 링크 셋(.wm-btn--link 꼴 .8125rem 800 · 사이 1rem) */
.wm-rd .p-map { display: block; }
.wm-rd .p-map__f { display: block; width: 100%; height: 360px; border: 0; background: var(--wm-grey); }
.wm-rd .p-map__n { display: block; margin-top: .75rem; font-size: .9375rem; font-weight: 600; }
.wm-rd .p-map__g { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin-top: .4rem; }
.wm-rd .p-map__g a { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: .8125rem; font-weight: 800; font-style: italic; }

/* 다음 행동 p.p-cta(설계 2-8-4) — 알림 = 작은 보조 단추(data 그대로 · 🔔 → 종 아이콘) · 「대회 상세 페이지 →」(이 지면 자신 — Q5 «남김») = 작은 링크 · 오른쪽 끝 */
.wm-rd .p-cta { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 1.5rem 0; }
.wm-rd .p-cta .wm-btn--sm { gap: .4rem; line-height: 1.2; }
.wm-rd .p-cta .wmr-bell { width: 1rem; height: 1rem; }
.wm-rd .p-more { margin-left: auto; font-size: .875rem; font-weight: 800; font-style: italic; text-decoration: underline; text-underline-offset: 3px; }

/* 관련 링크 div.p-near.wmr-near(설계 2-8-5) — 값 = 홈 발 링크 열 .wm-foot__cols(wmm.css:475-478 = WMM footer6 실측) · 열 5/3/2
   위 경계 2px #000 = «목록 머리 줄»(규칙 3장 — 장식선 아님 · 묶음 시작 표시) */
.wm-rd .wmr-near { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 2rem; margin: 2.5rem 0 0; padding-top: 1.25rem; border-top: 2px solid var(--wm-ink); }
.wm-rd .wmr-near .p-near__c { min-width: 0; }
.wm-rd .wmr-near .p-near__c h4 { display: flex; align-items: center; gap: .4rem; margin: 0 0 .5rem; font-size: .875rem; font-weight: 700; }
.wm-rd .wmr-near .p-near__c a { display: block; padding: .5rem 0; font-size: .875rem; line-height: 1.2; font-weight: 500; text-decoration: none; }
.wm-rd .wmr-near .p-near__c a:hover { text-decoration: underline; }
@media (min-width: 1280px) { .wm-rd .wmr-near { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* 아직 확인 못한 것 div.p-todo · 근거 줄 p.p-src(설계 2-8-6) — 얇은 칩(1px 줄 · .8125rem 500 · 흰 바탕) · 위 경계 1px #d6dce2(find 값) */
.wm-rd .p-todo { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--wm-line); }
.wm-rd .p-todo h4 { display: flex; align-items: center; gap: .4rem; margin: 0 0 .5rem; font-size: .875rem; font-weight: 800; }
.wm-rd .p-todo ul { display: flex; flex-wrap: wrap; gap: .25rem .5rem; margin: 0 0 .75rem; }
.wm-rd .p-todo li { padding: 2px 8px; font-size: .8125rem; font-weight: 500; border: 1px solid var(--wm-line); background: #fff; }
.wm-rd .p-todo p { font-size: .875rem; line-height: 1.6; }
.wm-rd .p-todo p a { font-weight: 800; font-style: italic; text-decoration: underline; text-underline-offset: 3px; }
.wm-rd .p-src { margin-top: 1rem; font-size: .8125rem; line-height: 1.6; font-weight: 500; }
.wm-rd .p-src a { text-decoration: underline; text-underline-offset: 3px; }

/* ── 접수 일정 #wmr-entry(설계 2-9) — 목록 줄 꼴(규칙 3장) : ul 위 2px #000 · 줄마다 1px #d6dce2 · 격자 6.5rem 1fr auto(회차 | 기간 | 정원) · 메모는 다음 줄 전체 ── */
.wm-rd .ri-entrylist { border-top: 2px solid var(--wm-ink); }
.wm-rd .ri-entrylist > li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr) auto; align-items: baseline; gap: .25rem 1rem; padding: .85rem .75rem; border-bottom: 1px solid var(--wm-line); }
.wm-rd .ri-entrylist > li > b { font-weight: 900; font-style: italic; }
.wm-rd .ri-entrylist > li > time { font-size: 1rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.wm-rd .ri-entrylist .wmr-entry__q { font-weight: 700; white-space: nowrap; }
.wm-rd .ri-entrylist .wmr-entry__m { grid-column: 1 / -1; font-size: .8125rem; line-height: 1.6; font-weight: 500; }

/* ── 제한시간 #wmr-cut · 기록 제출 #wmr-rec(설계 2-10) — wm-tbl · 감싸개 wm-tbl-wrap(폰 가로 스크롤) · 시간 900 기울임 ── */
.wm-rd .ri-table td.ri-num { font-weight: 900; font-style: italic; font-variant-numeric: tabular-nums; }
.wm-rd .wmr-sec > p { margin: 0 0 1rem; font-size: 1rem; line-height: 1.6; }
.wm-rd .wmr-sec__note { font-size: .875rem; }

/* ── 대회 안내 #wmr-guide(설계 2-11) — WMM «대회 이야기» 값 : 글 칸 최대 55ch · 본문 1rem/1.6 500 · 문단 아래 1rem · 링크 = 남색 800 밑줄
   🔴 ul 점 되살림(:where(.wm) ul 초기화 함정) · 글자는 한 자도 안 바꾼다(meta description 원료 = C) ── */
.wm-rd .ri-prose > p, .wm-rd .ri-prose > ul, .wm-rd .ri-prose > ol { max-width: 55ch; margin: 0 0 1rem; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wm-rd .ri-prose > ul { list-style: disc; padding-left: 1.25rem; }
.wm-rd .ri-prose > ol { list-style: decimal; padding-left: 1.25rem; }
.wm-rd .ri-prose li + li { margin-top: .25rem; }
.wm-rd .ri-prose a { color: var(--wm-navy); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.wm-rd .ri-prose small { font-size: .8125rem; }
/* A riwc-res(코스별 상위 5명 · runin-winner-cards 가 the_content 98 로 대회 안내 글 «안»에 붙인다) — 같은 지면 «대회 결과» 표와 같은 꼴(10-06 검토 :
   전에는 색·머리 줄만 바꿔 위 1px 검정 줄 · 1px 검정 상자 · 회색 h4 띠 · 검정 줄 사이 · 메달 없는 검정 순위 · 1위 줄 #f4f4f4 가 남았다).
   규칙 표 : 머리 .8125rem 800 기울임 대문자 + 2px #000 · 줄 1px #d6dce2 · 순위 900 기울임 남색 · 1~3위 메달 점(금 #ffd100 · 은 #bbc1ca · 동 #d99a5b) ·
   기록 800 tabular-nums · 장식 가로줄 0. 🔴 그 <style id="riwc-res-css"> 는 우리 CSS 보다 «뒤»(body 안)에 실린다 → 특이도로 이긴다(.wm-rd .ri-prose … ≥ 0,3,1).
   메달은 줄 «차례»로 단다 — riwc_results_html 이 순위 차례(1~5위)로 그린다 */
.wm-rd .riwc-res__h span, .wm-rd .riwc-res__sub, .wm-rd .riwc-res__src, .wm-rd .riwc-res__c th, .wm-rd .riwc-res__c td, .wm-rd .riwc-res__c td.bib, .wm-rd .riwc-res__c td.rc { color: #000; }
.wm-rd .ri-prose .riwc-res { border-top: 0; padding-top: 0; }
.wm-rd .ri-prose .riwc-res__c { border: 0; }
.wm-rd .ri-prose .riwc-res__c h4 { background: none; border-bottom: 0; padding: 0 0 .6rem .4rem; font-style: italic; }   /* = 결과 표 caption 자리(.wm-tbl caption) */
.wm-rd .ri-prose .riwc-res__c th, .wm-rd .ri-prose .riwc-res__c td { font-size: .9375rem; border-bottom: 1px solid var(--wm-line); }   /* = .wm-tbl(wmm.css:258-259) */
.wm-rd .ri-prose .riwc-res__c thead th { font-size: .8125rem; font-weight: 800; font-style: italic; text-transform: uppercase; border-bottom: 2px solid #000; }
.wm-rd .ri-prose .riwc-res__c tr td.rk, .wm-rd .ri-prose .riwc-res__c tr.is-1 td.rk { color: var(--wm-navy); font-weight: 900; font-style: italic; }
.wm-rd .ri-prose .riwc-res__c tr.is-1 td { background: none; }
.wm-rd .ri-prose .riwc-res__c td.rc { font-weight: 800; font-variant-numeric: tabular-nums; }
.wm-rd .ri-prose .riwc-res__c tbody tr:nth-child(-n+3) td.rk::before { content: ""; display: inline-block; width: .75em; height: .75em; margin-right: .4em; border-radius: 50%; vertical-align: -.05em; box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.wm-rd .ri-prose .riwc-res__c tbody tr:nth-child(1) td.rk::before { background: #ffd100; }
.wm-rd .ri-prose .riwc-res__c tbody tr:nth-child(2) td.rk::before { background: var(--wm-silver); }
.wm-rd .ri-prose .riwc-res__c tbody tr:nth-child(3) td.rk::before { background: #d99a5b; }

/* ── 이 대회 영상 #wmr-vid(설계 2-12) — 규칙 «카드(사진 아래 글)» : 16:9 · 막 없음 · 제목 1rem 800 위 .5rem · 카드 사이 1rem · 열 4/3/2 ── */
.wm-rd .ri-videos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 1rem; }
.wm-rd .ri-video a { display: block; }
.wm-rd .ri-video__thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--wm-grey); }
.wm-rd .ri-video__thumb img { width: 100%; height: 100%; object-fit: cover; }
.wm-rd .ri-video p { margin: .5rem 0 0; font-size: 1rem; line-height: 1.4; font-weight: 800; transition: color .2s ease; }
.wm-rd .ri-video p b { font-weight: 900; }
.wm-rd .ri-video a:hover p { color: var(--wm-navy); }
@media (min-width: 1280px) { .wm-rd .ri-videos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ── 공감 줄 + 의견 div.wmr-talk(설계 2-13) — 의견 칸 마크업·id 는 원문 그대로.
   🔴 의견 칸 모양의 «주인»은 A avatar.php v2(style#ri-av-css — PHP 가 body 끝에서 원문째 옮겨 온다 · 10-06 검토 #1). 여기서 머리 크기 등을 덮지 않는다(주인 하나).
   여기서 맡는 것 : ① 이 지면 구역 간격 ② 글자 #000(avatar 와 같은 값 — CSS 를 못 받는 날의 바닥) ③ 공감 줄(A social.php — avatar 밖) 회색 글자·장식 줄·옛 파랑 초점 ── */
.wm-rd .wmr-talk { padding-top: 4rem; }
/* avatar 의 #riwc-talk.riwc-talk{margin:3rem 0 .5rem}(세기 1,1,0)이 위 4rem 과 겹쳐 7rem 이 되지 않게 — 세기 1,3,0 으로 이긴다 */
.wm-rd .wmr-talk #riwc-talk.riwc-talk { margin: 0; padding-top: 0; border-top: 0; }
.wm-rd .riwc-talk__h, .wm-rd .riwc-talk__sub, .wm-rd .riwc-cm--none, .wm-rd .riwc-cm__h time, .wm-rd .riwc-cm__b { color: #000; }
.wm-rd .ri-a-rc { margin: 0 0 1.5rem; border-top: 0; }
.wm-rd .ri-a-rc__bar { border-top: 0; background: var(--wm-page); margin-top: .25rem; }
.wm-rd .ri-a-rc__sum, .wm-rd .ri-a-rc__b, .wm-rd .ri-a-rc__p { color: #000; }
.wm-rd .ri-a-rc__n, .wm-rd .ri-a-rc__c { color: #000; }
.wm-rd .ri-a-rc__p.is-on { color: var(--wm-navy); }
.wm-rd .ri-a-rc__b:focus-visible, .wm-rd .ri-a-rc__p:focus-visible { outline: 3px solid var(--wm-navy); outline-offset: -3px; box-shadow: inset 0 0 0 5px #fff; }

/* ═══ 7. 부스러기 section.wmr-foot-hd (설계 2-14 · Q4 «맨 밑» = /find/ .wm-fd-hd 값) ═══ */
.wm-rd .wmr-foot-hd { padding: 4rem var(--wm-gx) 2.5rem; }
.wm-rd .wmr-crumb { font-size: .875rem; font-weight: 700; }
.wm-rd .wmr-crumb a { text-decoration: underline; text-underline-offset: 3px; }

/* ═══ 8. 상태 배지 · 낱말 · 코스 색 (규칙 3장 · wmm-find.css 5장·13장 복사 — D1 공용화 전까지) ═══
   접수중 = 남색(.wm-st 기본) · 마감임박·추가접수 = 포인트 빨강 + 흰 글자(wmm.css:116) · 접수예정 = 2px 테두리(wmm.css:117)
   접수마감 = 연회색 칩 + 검정 · 종료·취소·접수정보 없음 = 배지 없이 글자 700(끝났거나 모르는 것은 칠하지 않는다) · 빨강 둘이면 주 배지 «글자만»(wm-st--txt) */
.wm-rd .wm-st--closed, .wm-rd .wm-st--finished, .wm-rd .wm-st--cancelled, .wm-rd .wm-st--unknown, .wm-rd .wm-st--txt {
  background: none; color: var(--wm-ink); box-shadow: none; transform: none; padding: 0; font-size: .8125rem; font-weight: 700; font-style: normal;
}
.wm-rd .wm-st--closed > span, .wm-rd .wm-st--finished > span, .wm-rd .wm-st--cancelled > span, .wm-rd .wm-st--unknown > span, .wm-rd .wm-st--txt > span { transform: none; }
.wm-rd .wm-st--closed { background: var(--wm-chip); transform: skew(-16deg); padding: .3rem .6rem; font-size: .75rem; font-weight: 800; font-style: italic; }
.wm-rd .wm-st--closed > span { transform: skew(16deg); }
.wm-rd .wm-st--txt { font-weight: 800; font-style: italic; }
/* 첫 화면 상태 줄 배지·글자 = /find/ 상태 칸과 같은 값(.wm-st .75rem · 안쪽 .3rem .6rem = wmm.css:121 · 글자만 .8125rem = 위 줄).
   전에 둔 «한 단계 크게»(.875rem · .4rem .7rem · .9375rem)는 값표에 없는 숫자라 뺐다(10-06 검토 «새 숫자 0») */
/* 상태 낱말(RUN · FAST · EXTRA · READY · FINISH · STOP) = .wm-dd 값 · 검정(빨강 글자는 회색 바탕에서 4.28 이라 쓰지 않는다 — find 13장) */
.wm-rd .wm-word { font-weight: 900; font-style: italic; font-size: .9375rem; white-space: nowrap; color: var(--wm-ink); }
/* D-day — 지난 것(D+N)은 500 보통체(서버 u-dday--past · app.js ri-dday--past 이름 둘) */
.wm-rd .ri-dday--past, .wm-rd .u-dday--past { font-weight: 500; font-style: normal; }
/* 거리 꼬리표(핵심 줄 「대회종목」 ul.u-dist.p-dist) — /find/ 거리 꼬리표 값 그대로(wmm-find.css:147-151 · 안쪽 .3rem .6rem · .75rem 800 기울임) + 코스 색.
   비스듬은 ::before 바탕에만(꼬리표 안 글자를 감싼 span 이 없어서 — 마크업 무변경) · 전 값 .8125rem · .35rem .65rem 은 지어낸 숫자라 고쳤다(10-06 검토) */
.wm-rd .u-dist { display: flex; flex-wrap: wrap; gap: .5rem .6rem; margin: 0; padding: 0 0 0 .4rem; }
.wm-rd .u-dist li {
  position: relative; z-index: 0; isolation: isolate; display: inline-flex; align-items: center; gap: .3rem;
  padding: .3rem .6rem; font-size: .75rem; line-height: 1; font-weight: 800; font-style: italic; color: var(--wm-ink); white-space: nowrap;
}
.wm-rd .u-dist li::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
.wm-rd .u-dist li.is-full { color: #fff; }
.wm-rd .u-dist li.is-full::before { background: var(--wm-c-full); }
.wm-rd .u-dist li.is-half::before { background: var(--wm-c-half); }
.wm-rd .u-dist li.is-ten::before { background: var(--wm-c-10k); }
.wm-rd .u-dist li.is-trail::before { background: var(--wm-c-trail); }
.wm-rd .u-dist li.is-ultra::before { background: var(--wm-c-ultra); }

/* ═══ 9. 알림 모달 속 (원문 #ri-alert-modal + 이름 덧붙임 : 판 = .wm-dlg .wm-dlg__in · 닫기 = .wm-dlg__x — wmm-find.css 13장 복사) ═══
   입력칸·동의·보내기 단추 모양은 홈 wmm.css 의 .wm-dlg 규칙(422-433)이 그대로 맡는다 */
body.wm-rdp .ri-modal__panel { max-height: 90vh; overflow-y: auto; }
body.wm-rdp .ri-modal__head h2 { padding-right: 3.5rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; text-transform: uppercase; }   /* = .wm-hs */
body.wm-rdp .ri-modal .wm-dlg__x { display: inline-flex; align-items: center; justify-content: center; padding: 0; color: var(--wm-ink); }
body.wm-rdp .ri-modal .wm-dlg__x svg { width: 1.25rem; height: 1.25rem; }
body.wm-rdp .ri-modal__note { margin-top: .75rem; font-size: .9375rem; }
body.wm-rdp .ri-modal .ri-mailform { margin-top: 1.25rem; }
body.wm-rdp .ri-modal .ri-mailform__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; align-items: end; }
body.wm-rdp .ri-modal .ri-field label span { font-weight: 500; }

/* ═══ 10. 폭별 ═══════════════════════════════════════════════════════ */
@media (max-width: 1279px) {
  .wm-rd .wmr-near { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* 991↓ (WMM 태블릿) — 첫 화면 1열(글 → 사진 · WMM 폰 순서 wmm.css:542) · 몸 1열(핵심 줄 → 접수 칸 → 본문 = DOM 차례 · Q3 「폰은 접수 칸을 위로」) */
@media (max-width: 991px) {
  .wm-rd .wmr-hero { grid-template-columns: minmax(0, 1fr); }
  .wm-rd .wmr-hero__c { padding: 0; }
  .wm-rd .wmr-hero__pic { margin-top: 2.5rem; }                                             /* = .wm-split__img 991↓ 값 */
  .wm-rd .wmr-hero__c > h1 { font-size: 2.5rem; }
  .wm-rd .wmr-facts__k .p-lab { font-size: 1.4em; }
  .wm-rd .ri-videos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* 767↓ (폰 가로 · 구역 3rem · padding-global 3.5% = wmm.css 767 블록) */
@media (max-width: 767px) {
  .wm-rd .wmr-hero { padding-top: 1.5rem; }
  .wm-rd .wmr-hero--nopic { padding: 3rem 0 1.5rem; }
  .wm-rd .wmr-hero__c > .ri-hero__sub { font-size: 1rem; }
  .wm-rd .wmr-cancel { padding: 1.5rem var(--wm-gx); }
  .wm-rd .wmr-sec, .wm-rd .wmr-talk { padding-top: 3rem; }
  .wm-rd .wmr-foot-hd { padding-top: 3rem; }
  /* 핵심 줄 — 이름 칸 40% · 1.3em · 비스듬 조각은 3rem 으로(값 칸이 좁아 5rem 조각이 글자를 덮는다) */
  .wm-rd .wmr-facts { padding-top: 2rem; }
  .wm-rd .wmr-facts__k { padding-left: 1rem; }
  .wm-rd .wmr-facts__k::after { width: 3rem; }
  .wm-rd .wmr-facts__k .p-lab { font-size: 1.3em; }
  .wm-rd .wmr-facts__v { padding: .85rem 1rem .85rem 3.25rem; }
  .wm-rd .wmr-side { margin-top: 2rem; }
  .wm-rd .wmr-near { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1.5rem; }   /* wm-foot__cols 폰 값 */
  .wm-rd .ri-videos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wm-rd .p-map__f { height: 240px; }
  .wm-rd .p-more { margin-left: 0; }
  /* 표 — 라벨 칸을 좁힌다(utmb 47장 700↓ 값 = find 12장) · 안쪽 요금 표는 가로 스크롤 */
  .wm-rd .p-tbl > tbody > tr > th { width: 84px; padding: .5rem; font-size: .875rem; white-space: normal; }
  .wm-rd .p-tbl > tbody > tr > td { padding: .5rem .75rem; }
  .wm-rd .p-when, .wm-rd .p-where { font-size: 1rem; }
  .wm-rd .p-course { display: block; overflow-x: auto; }
  .wm-rd .ri-entrylist > li { grid-template-columns: auto minmax(0, 1fr); padding: .75rem .25rem; }
  .wm-rd .ri-entrylist .wmr-entry__q { grid-column: 2; }
  /* 대회 결과 — 폰에서도 «기록» 칸까지 한 화면에(가로로 밀지 않아도 핵심 4칸이 보이게). 이름은 칸 안에서 줄을 바꾼다 */
  .wm-rd .wmr-res__w .wmr-res--a { min-width: 0; font-size: .875rem; }
  .wm-rd .wmr-res--a th, .wm-rd .wmr-res--a td { padding: .7rem .4rem; }
  .wm-rd .wmr-res--a thead th:nth-child(1) { width: 24%; }
  .wm-rd .wmr-res--a thead th:nth-child(2) { width: 17%; }
  .wm-rd .wmr-res--a thead th:nth-child(4) { width: 25%; }
}
/* 560↓ — 대회 정보 표는 «표를 버린다»(사장님 08-26 「모바일은 완전 다르게 — 대회일시 / 그 밑에 정보」 = find 12-b · 옛 utmb §91·§92 배치 값)
   🔴 빠지면 390 에서 표 374px 가 칸을 넘어 문서가 가로로 샌다(find 검토 실측). 이 블록은 767 블록 «뒤»에 있어야 한다(같은 특이도의 값을 이긴다) */
@media (max-width: 560px) {
  .wm-rd .wmr-info__in { overflow-x: hidden; }
  .wm-rd .p-tbl, .wm-rd .p-tbl > tbody, .wm-rd .p-tbl > tbody > tr,
  .wm-rd .p-tbl > tbody > tr > th, .wm-rd .p-tbl > tbody > tr > td { display: block; width: auto; }
  .wm-rd .p-tbl > tbody > tr { padding: 12px 0 16px; }
  .wm-rd .p-tbl > tbody > tr > th { border-right: 0; padding: 0 0 8px; font-size: 14px; white-space: normal; }
  .wm-rd .p-tbl > tbody > tr > td { padding: 0; font-size: 16px; line-height: 1.6; word-break: keep-all; overflow-wrap: break-word; }   /* 한글은 낱말째 */
  .wm-rd .p-url, .wm-rd .p-tbl a[href^="http"], .wm-rd .p-map__n { overflow-wrap: anywhere; }   /* 주소는 낱말이 없어 글자째 끊는다 */
  .wm-rd .p-con { flex-direction: column; align-items: flex-start; gap: 4px; }
  .wm-rd .p-con > .p-sep { display: none; }
  .wm-rd .p-kv { flex-wrap: wrap; }
  .wm-rd .p-kmap.is-on { height: 200px; }
  .wm-rd .p-map__f { height: 220px; }
}
/* 479↓ — h1 8vw · 핵심 줄 «세로로 쌓기»(WMM «코스 기록 줄» ≤479 실측 꼴) : 이름 띠 위(.75rem 1rem · 16px 600 · 조각 숨김) → 값 아래(안쪽 1rem) */
@media (max-width: 479px) {
  .wm-rd .wmr-hero__c > h1 { font-size: 8vw; }
  .wm-rd .wmr-facts { gap: .75rem; }
  .wm-rd .wmr-facts__r { flex-direction: column; min-height: 0; }
  .wm-rd .wmr-facts__k { flex: none; padding: .75rem 1rem; }
  .wm-rd .wmr-facts__k::after { display: none; }
  .wm-rd .wmr-facts__k .p-lab { font-size: 16px; line-height: 1.2; }
  .wm-rd .wmr-facts__v { padding: 1rem; }
  .wm-rd .wmr-near { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .wm-rd *, .wm-rd *::before, .wm-rd *::after { transition: none !important; }
}

/* 1.0.2 (10-06 C 부탁) 부스러기 위 «이 대회 주최 측이신가요?» 한 줄 — 남색 900 기울임 링크(글자 속 → 가 화살표) · 밑줄은 hover 때만 */
.wm-rd .wmr-org { margin: 0 0 1.5rem; font-size: 1.0625rem; line-height: 1.4; font-weight: 900; font-style: italic; }
.wm-rd .wmr-org a { color: var(--wm-navy); text-decoration: none; }
.wm-rd .wmr-org a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* ═══ 10-06 규칙 v3.5 «검정은 글자에만» — 사장님 「넘 검정색이야」 뒤 A 전수 검사(PC·폰)에서 대회 상세에 남은 2px 검정 줄·단추 테두리.
   B 런닝팀 대조하다 A 지면에서 먼저 찾았다. 값만 남색으로(굵기·자리 그대로) · 되돌리기 = 이 덩어리 삭제 ═══ */
.wm-rd .p-tbl { border-top-color: var(--wm-navy); }
.wm-rd .p-course thead th, .wm-rd .ri-prose .riwc-res__c thead th { border-bottom-color: var(--wm-navy); }
.wm-rd .p-url__c { border-color: var(--wm-navy); color: var(--wm-navy); }
.wm-rd .p-url__c.is-done { background: var(--wm-navy); border-color: var(--wm-navy); color: #fff; }
.wm-rd .wmr-near, .wm-rd .ri-entrylist { border-top-color: var(--wm-navy); }
.wm-rd .ri-a-rc__b { color: var(--wm-navy); }   /* 10-06 공감 단추 = 보조 단추 꼴(남색 테두리·남색 글자) — wmm.css 표준과 맞춤 */

/* 10-07 사장님 「대회일시·대회장소·대회종목·접수·코스별 요금 등 아이콘을 리뉴얼 디자인에 맞게 컬러로 — 클로드가 판단해서」
   → 표 머리(.p-lab) 아이콘 = 주색 남색(규칙 v3.5 «아이콘 = 남색») · 조금 크게(1.05em → 1.25em) · 글자는 검정 그대로.
   맨 위 핵심 줄(.wmr-facts__k — 남색 칸 위 흰 아이콘)은 특이도가 더 높아 그대로 흰색. 되돌리기 = 이 덩어리 삭제 */
.wm-rd .p-lab svg.ri-i { width: 1.25em; height: 1.25em; color: var(--wm-navy); }

/* ═══ 10-07 사장님 「대회 상세 밑 근처 훈련 트랙 · 이 지역 런닝크루 등이 넘 텍스트 위주 — 「나주종합스포츠파크…」 앞에 아이콘 · 리뉴얼 지면답게 상하 여백」
   → 칸 머리 아이콘(sprite)과 같은 모양을 줄마다 남색 작은 아이콘으로(CSS mask · :has 로 칸 머리 아이콘을 보고 고른다 — 트랙=달리는 사람 · 크루=깃발 · 지역=핀 · 달=달력 · 종목=신발 · 국내/해외=지구)
     줄 사이 .55rem · 칸 사이 2rem 2.5rem · 위 2.5rem — «붙어 있다» 해소. 2px 검정 위 줄·알림 단추 검정 테두리 → 남색(v3.5). 되돌리기 = 이 덩어리 삭제 ═══ */
.wm-rd .wmr-near .p-near__c { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 5h12l-2.2 3.5L17 12H5'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near .p-near__c li a { display: flex; align-items: flex-start; gap: .55rem; padding: .55rem 0; line-height: 1.45; }
.wm-rd .wmr-near .p-near__c li a::before { content: ""; flex: none; width: 1.05rem; height: 1.05rem; margin-top: .12rem; background: var(--wm-navy); -webkit-mask: var(--wm-li-ic) center / contain no-repeat; mask: var(--wm-li-ic) center / contain no-repeat; }
.wm-rd .wmr-near .p-near__c li { margin: 0; }
.wm-rd .wmr-near .p-near__c h4 { margin: 0 0 .75rem; }
.wm-rd .wmr-near .p-near__c h4 svg.ri-i, .wm-rd .wmr-near .p-near__c h4 .ri-i { color: var(--wm-navy); }
.wm-rd .wmr-near .p-near__c:has(use[href="#ri-i-run"]) { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near .p-near__c:has(use[href="#ri-i-flag"]) { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 5h12l-2.2 3.5L17 12H5'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near .p-near__c:has(use[href="#ri-i-pin"]) { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near .p-near__c:has(use[href="#ri-i-cal"]) { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='1.5'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near .p-near__c:has(use[href="#ri-i-shoe"]) { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3 16.5h15.5a2.5 2.5 0 0 0 2.4-3.2c-.3-1-1.1-1.6-2.1-1.9l-3.6-1-2.2-2.9a1.4 1.4 0 0 0-2.3.1L9 10.5 3 12z'/%3E%3Cpath d='M3 16.5V19h18'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near .p-near__c:has(use[href="#ri-i-globe"]) { --wm-li-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.4 2.6 3.6 5.4 3.6 8.5S14.4 18.4 12 20.5c-2.4-2.1-3.6-5.4-3.6-8.5S9.6 6.1 12 3.5z'/%3E%3C/svg%3E"); }
.wm-rd .wmr-near { gap: 2rem 2.5rem; margin-top: 3rem; padding-top: 1.5rem; }
.wm-rd .wmr-near .p-near__c a { font-size: .9375rem; }
.wm-rd .p-todo { margin-top: 3rem; padding-top: 1.5rem; }
.wm-rd .p-todo h4 { margin-bottom: .75rem; }
.wm-rd .p-todo li { padding: .3rem .7rem; }