/* routefly 공통 - 고도 그래프 · 작은 평면 지도(course-kit.js). 비행 화면과 산행 화면이 같이 씁니다. */
.rf-profile { position:relative; }
.rf-profile svg { width:100%; height:100%; display:block; }
.rf-cap { position:absolute; font-size:10.5px; color:#cfd6df; pointer-events:none; background:rgba(18,24,33,0.6); padding:0 3px; border-radius:3px; }
.rf-empty { left:0; top:30px; font-size:12px; }
.rf-tick { position:absolute; bottom:1px; transform:translateX(-50%); font-size:10px; color:#cfd6df; pointer-events:none;
           text-shadow:0 1px 2px #000; }
.rf-tick::before { content:""; position:absolute; left:50%; bottom:13px; width:1px; height:5px; background:rgba(255,255,255,0.45); }
.rf-pdot { position:absolute; width:7px; height:7px; margin:-3.5px 0 0 -3.5px; border-radius:50%; background:#ff4d4f;
           border:1.2px solid #fff; pointer-events:none; }
/* 지점 이름 - 점 위에서 비스듬히(영상처럼) */
.rf-plabel { position:absolute; transform-origin:0 100%; transform:translate(2px, -8px) rotate(-38deg); white-space:nowrap;
             font-size:10.5px; font-weight:bold; color:#fff; pointer-events:none; text-shadow:0 0 2px #000, 0 1px 2px #000; }
.rf-plabel.end { transform-origin:100% 100%; transform:translate(-2px, -8px) rotate(38deg); }
/* 비스듬히 쓰면 그래프 위로 넘칠 때(정상이 끝에 있는 짧은 코스) - 점 아래에 눕혀서 */
.rf-plabel.flat { transform-origin:0 0; transform:translate(4px, 4px); }
.rf-plabel.end.flat { transform-origin:100% 0; transform:translate(-4px, 4px); }
/* 출발 이름이 지금 자리 동그라미(.rf-me)에 가리지 않게 - 비스듬히는 동그라미 오른쪽에서 시작(first), 눕히면 점 위로(up), 위가 좁으면 동그라미 오른쪽으로(past) */
.rf-plabel.first { transform:translate(22px, -8px) rotate(-38deg); }   /* 10px 로는 첫 글자가 동그라미에 6 ~ 7px 걸쳤음(2026-10-13 PC) */
.rf-plabel.flat.up { transform-origin:0 100%; transform:translate(9px, calc(-100% - 9px)); }
.rf-plabel.flat.past { transform:translate(10px, 4px); }
.rf-me { position:absolute; width:11px; height:11px; margin:-5.5px 0 0 -5.5px; border-radius:50%; background:#38d9ea;
         border:2px solid #fff; box-shadow:0 0 6px rgba(56,217,234,0.9); pointer-events:none; }
.rf-mini svg { width:100%; height:100%; display:block; }

/* 코스 이름 앞 "[산 · 코스]" - 길(들머리 → 정상)보다 흐리게(RF.showName) */
.rf-grp { opacity:0.72; font-weight:500; }

/* 탐방지원센터 · 탐방안내소는 작은 글씨(RF.nameNodes - 2026-10-12 홍TV님) */
.rf-sfx { font-size:0.78em; font-weight:normal; opacity:0.85; }

/* 글자 크기(RF.textButton - 2026-10-14) - 글 칸만 키움(지도 · 그래프는 그대로). zoom 은 칸 폭 안에서 줄을 다시 맞춥니다 */
.rfz #guideBody, .rfz .sheet .sbox > *, .rfz #pickList, .rfz #pickFoot, .rfz main, .rfz #sheet, .rfz #note, .rfz #petNote { zoom: var(--rfz); }
.rfTextBtn { min-width:44px; height:34px; padding:0 8px; border-radius:17px; border:1px solid rgba(255,255,255,0.18); background:rgba(255,255,255,0.06);
             color:#e9eef4; font:bold 13px Arial,"Malgun Gothic",sans-serif; cursor:pointer; white-space:nowrap; }
.sheet h2 .rfTextBtn { float:right; margin:-4px 0 0 8px; }
#pick h1 .rfTextBtn { flex:0 0 auto; }   /* 제목 줄이 flex(2026-10-17 - 코스 모음 옆) */
/* 난이도(공단 탐방로 안내판 5단계 색 - 2026-10-15) */
.lv { display:inline-block; font-style:normal; font-size:11px; font-weight:bold; line-height:1; padding:3px 6px; border-radius:9px; color:#fff; vertical-align:2px; white-space:nowrap; }
.lv0 { background:#a3c93a; color:#13202b; } .lv1 { background:#3fae5c; } .lv2 { background:#e8822a; } .lv3 { background:#a23a6b; } .lv4 { background:#3a3f46; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); }
/* 📋 안내판 고도 그래프(산 페이지 · 따라가기 - 2026-10-16) */
.rfBoardBox { padding:8px; border-radius:10px; background:#f4f1e6; color:#13202b; }
.rfBoardBox .dim { color:#5b6570; font-size:12px; margin:4px 0 0; }
.rf-board { display:block; width:100%; height:auto; }
.rf-board text { font:13px Arial,"Malgun Gothic",sans-serif; fill:#13202b; }
.rf-board text.nm { font-weight:bold; }
.rf-board text.pct { font-size:11.5px; fill:#3c4a56; text-anchor:middle; }
.rf-board text.km { font-size:11.5px; fill:#5b6570; }
.rf-board .pt { fill:#fff; stroke:#13202b; stroke-width:2; }
.rf-board .lead { stroke:#8a96a3; stroke-width:1; stroke-dasharray:2 3; }
.rf-board .base { stroke:#8a96a3; stroke-width:1; }
.rf-board circle.here { fill:#e03131; stroke:#fff; stroke-width:2.5; }
.rf-board line.here { stroke:#e03131; stroke-width:2; }
.rf-board text.hereT { font-weight:bold; fill:#e03131; font-size:13px; stroke:#f4f1e6; stroke-width:4px; paint-order:stroke; }
.rfBoardBox .hereNext, .board .hereNext { margin:6px 0 0; font-size:13.5px; font-weight:bold; color:#13202b; }
.rf-legend { display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:4px; font-size:12px; }
.rf-legend i { font-style:normal; display:inline-flex; align-items:center; gap:4px; }
.rf-legend i::before { content:""; width:18px; height:5px; border-radius:3px; background:var(--c); }
.lv.nmLv { flex:0 0 auto; }   /* 따라가기 "다음 지점" 줄 오른쪽 난이도(2026-10-18 - 제목 칸은 좁아 옮김) */