/* Course profile widget (runner-guide + koh-chang-trail-2026) — ใช้กับ assets/js/course-profile.js */
.cpf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.cpf-stats div{background:var(--teal-soft);border-radius:14px;padding:12px 14px}
.cpf-stats span{display:block;font-size:12.5px;color:var(--muted)}
.cpf-stats b{display:block;font-size:20px;font-weight:800;color:var(--navy)}
.cpf-chart{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 8px 4px;box-shadow:0 4px 24px -8px rgba(11,31,58,.12)}
.cpf-chart svg{display:block;width:100%;height:auto}
.cpf-chart text{font-family:inherit}
.cpf-tbl{min-width:760px}
.cpf-tbl td{white-space:nowrap}
.cpf-tbl td.pt{white-space:normal;min-width:190px}
.cpf-tbl .sp{display:inline-block;min-width:44px;font-weight:800;color:var(--navy)}
.cpf-tbl .sub{display:block;font-size:12.5px;font-weight:500;color:var(--muted)}
.cpf-tbl .up{color:#c2410c;font-weight:700}.cpf-tbl .dn{color:#0369a1;font-weight:700}
.cpf-tbl .cum{color:var(--muted);font-size:13.5px}
@media(max-width:700px){.cpf-stats{grid-template-columns:repeat(2,1fr)}.cpf-stats b{font-size:17px}}
.cpf-tabs{margin-bottom:22px}

/* Course map (assets/js/course-map.js) — แผนที่เส้นทางแบบโต้ตอบ */
.cmap{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px -8px rgba(11,31,58,.12);background:#e5e7eb}
.cmap__map{height:440px;z-index:0}
.cmap__fit{position:absolute;left:10px;bottom:28px;z-index:500;font:inherit;font-size:13px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 10px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.cmap__pin{background:var(--navy);color:#fff;font:800 11px/1 'Prompt',sans-serif;padding:4px 6px;border-radius:7px;border:2px solid #fff;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.35);transform:translate(-50%,-50%)}
.cmap__pin--end{background:var(--teal)}
.cmap__km{color:var(--navy);font:700 10px/1 'Prompt',sans-serif;background:rgba(255,255,255,.85);padding:2px 4px;border-radius:5px;transform:translate(-50%,-50%)}
.cmap__tip{font:700 12px 'Prompt',sans-serif}
.cmap__note{margin-top:10px}
.leaflet-container{font-family:'Prompt',sans-serif}
@media(max-width:700px){.cmap__map{height:340px}}