/* RunnerX GPX upload, live route/elevation preview and run stream media. */
.rx-gpx-field{min-width:0}
.rx-gpx-field__label{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-weight:800;color:var(--rx-text,#0f172a)}
.rx-gpx-field__label>i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--rx-accent,#93e547) 16%,#fff);color:var(--rx-primary,#08162f)}
.rx-gpx-upload{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px dashed var(--rx-border,#dbe5ef);border-radius:var(--rx-card-radius,8px);background:var(--rx-soft-bg,#f6f8fa);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.rx-gpx-field.is-dragover .rx-gpx-upload,.rx-gpx-field.is-uploading .rx-gpx-upload{border-color:var(--rx-accent,#93e547);background:color-mix(in srgb,var(--rx-accent,#93e547) 12%,#fff);transform:translateY(-1px)}
.rx-gpx-upload__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--rx-border,#dbe5ef);border-radius:14px;background:#fff;font-size:22px;color:var(--rx-primary,#08162f)}
.rx-gpx-upload__copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.rx-gpx-upload__copy strong{font-size:16px;line-height:1.25}
.rx-gpx-upload__copy small{line-height:1.45;color:var(--rx-muted,#536471)}
.rx-gpx-upload input[type=file]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.rx-upload-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;background:var(--rx-primary,#08162f);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.rx-upload-btn:hover{filter:brightness(1.08)}
.rx-gpx-progress{position:relative;height:26px;margin-top:10px;border:1px solid var(--rx-border,#dbe5ef);border-radius:8px;overflow:hidden;background:var(--rx-soft-bg,#f6f8fa)}
.rx-gpx-progress>span{position:absolute;inset:0 auto 0 0;width:0;background:color-mix(in srgb,var(--rx-accent,#93e547) 65%,#fff);transition:width .15s linear}
.rx-gpx-progress>small{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-weight:800;color:var(--rx-primary,#08162f)}
.rx-gpx-status{min-height:0;margin-top:8px;font-size:13px;font-weight:700;color:var(--rx-muted,#536471)}
.rx-gpx-status:empty{display:none}
.rx-gpx-status.is-error{color:#b42318}
.rx-gpx-status.is-success{color:#267500}
.rx-gpx-status.is-info{color:var(--rx-primary,#08162f)}
.rx-gpx-preview{margin-top:14px;border:1px solid var(--rx-border,#dbe5ef);border-radius:var(--rx-card-radius,8px);overflow:hidden;background:#fff}
.rx-gpx-preview[hidden]{display:none!important}
.rx-gpx-preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rx-border,#dbe5ef);background:color-mix(in srgb,var(--rx-accent,#93e547) 9%,#fff)}
.rx-gpx-preview__head>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.rx-gpx-preview__head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-gpx-preview__head small{color:var(--rx-muted,#536471)}
.rx-gpx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px}
.rx-gpx-stats>div{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--rx-border,#dbe5ef);border-radius:var(--rx-card-radius,8px);background:#fff}
.rx-gpx-stats>div>i{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--rx-accent,#93e547) 18%,#fff);color:var(--rx-primary,#08162f)}
.rx-gpx-stats span{display:flex;flex-direction:column;min-width:0;gap:2px}
.rx-gpx-stats small{font-weight:700;color:var(--rx-muted,#536471)}
.rx-gpx-stats strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-gpx-visuals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--rx-border,#dbe5ef)}
.rx-gpx-visuals>section{min-width:0;padding:14px 16px}
.rx-gpx-visuals>section+section{border-left:1px solid var(--rx-border,#dbe5ef)}
.rx-gpx-visuals h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}
.rx-gpx-route,.rx-gpx-elevation{display:flex;align-items:center;justify-content:center;min-height:190px;border-radius:6px;overflow:hidden;background:linear-gradient(145deg,#f8fafc,#eef4f7)}
.rx-gpx-svg{display:block;width:100%;height:auto;max-height:260px}
.rx-gpx-route-line{fill:none;stroke:var(--rx-primary,#08162f);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.rx-gpx-route-point{stroke:#fff;stroke-width:4}
.rx-gpx-route-point.is-start{fill:var(--rx-accent,#93e547)}
.rx-gpx-route-point.is-end{fill:var(--rx-primary,#08162f)}
.rx-gpx-elevation-area{fill:color-mix(in srgb,var(--rx-accent,#93e547) 28%,transparent)}
.rx-gpx-elevation-line{fill:none;stroke:var(--rx-primary,#08162f);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.rx-gpx-empty{padding:24px;text-align:center;color:var(--rx-muted,#536471);font-size:13px}
.rx-distance-field.is-gpx-locked{opacity:.86}
.rx-distance-field.is-gpx-locked input{cursor:not-allowed}
.rx-distance-lock-note{display:block;margin-top:8px;color:var(--rx-muted,#536471)}

/* Run stream card image or admin-defined fallback with route statistics. */
.rx-run-stream-media{position:relative;display:block;min-height:270px;margin-top:14px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--rx-primary,#08162f) 90%,#fff),var(--rx-primary,#08162f));color:#fff;text-decoration:none}
.rx-run-stream-media>img{display:block;width:100%;height:100%;min-height:270px;max-height:440px;object-fit:cover}
.rx-run-stream-media__placeholder{display:flex;align-items:center;justify-content:center;min-height:270px;font-size:74px;color:color-mix(in srgb,var(--rx-accent,#93e547) 82%,#fff);background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--rx-accent,#93e547) 24%,transparent),transparent 46%),linear-gradient(145deg,#17233a,#08162f)}
.rx-run-stream-media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,10,22,.86));pointer-events:none}
.rx-run-stream-media__stats{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rx-run-stream-media__stat{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(6,14,28,.68);backdrop-filter:blur(8px)}
.rx-run-stream-media__stat>i{flex:0 0 auto;font-size:18px;color:var(--rx-accent,#93e547)}
.rx-run-stream-media__stat>span{display:flex;flex-direction:column;min-width:0}
.rx-run-stream-media__stat small{font-size:11px;font-weight:700;color:rgba(255,255,255,.72)}
.rx-run-stream-media__stat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#fff}

/* Run detail route panel. */
.rx-run-gpx-panel{margin:0;border-top:1px solid var(--rx-border,#dbe5ef);border-bottom:1px solid var(--rx-border,#dbe5ef);background:#fff}
.rx-run-gpx-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 12px}
.rx-run-gpx-panel__head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:22px}
.rx-run-gpx-panel__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--rx-muted,#536471)}
.rx-run-gpx-panel .rx-gpx-stats{padding:0 24px 16px}
.rx-run-gpx-panel .rx-gpx-visuals{border-top:1px solid var(--rx-border,#dbe5ef)}

@media(max-width:760px){
  .rx-gpx-upload{grid-template-columns:auto minmax(0,1fr);padding:14px}
  .rx-upload-btn{grid-column:1/-1;width:100%}
  .rx-gpx-stats{grid-template-columns:1fr}
  .rx-gpx-visuals{grid-template-columns:1fr}
  .rx-gpx-visuals>section+section{border-left:0;border-top:1px solid var(--rx-border,#dbe5ef)}
  .rx-run-stream-media{min-height:235px}
  .rx-run-stream-media>img,.rx-run-stream-media__placeholder{min-height:235px}
  .rx-run-stream-media__stats{left:10px;right:10px;bottom:10px;gap:6px}
  .rx-run-stream-media__stat{padding:8px;gap:6px}
  .rx-run-stream-media__stat>i{font-size:16px}
  .rx-run-stream-media__stat small{display:none}
  .rx-run-stream-media__stat strong{font-size:12px}
  .rx-run-gpx-panel__head{align-items:flex-start;flex-direction:column;padding:16px 18px 10px}
  .rx-run-gpx-panel .rx-gpx-stats{padding:0 18px 14px}
}

/* -------------------------------------------------------------------------
   RunnerX v6.0.77: page-consistent distance field, map and full-width run card
   ------------------------------------------------------------------------- */

/* Distance is a regular form group rather than a native fieldset surface. */
.rx-distance-field,
.rx-startnumber-distance-field,
.rx-event-distance-field,
.rx-run-distance-field{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  box-sizing:border-box!important;
}
.rx-distance-field__label{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--rx-text,#0f1419)!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:900!important;
  box-sizing:border-box!important;
}
.rx-distance-field__label em{color:var(--rx-accent,#93e547)!important;font-style:normal!important}
.rx-distance-number-label{display:block!important;width:100%!important;margin:0!important;padding:0!important}
.rx-distance-number-label>input{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid var(--rx-form-border,var(--rx-border,#dbe5ef))!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--rx-text,#0f1419)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-weight:750!important;
  box-sizing:border-box!important;
}
.rx-distance-unit-choices{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 0!important;
}
.rx-distance-unit-choices>.rx-toggle-choice{
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid var(--rx-form-border,var(--rx-border,#dbe5ef))!important;
  border-radius:12px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rx-distance-unit-choices>.rx-toggle-choice:has(input:checked){
  border-color:color-mix(in srgb,var(--rx-accent,#93e547) 58%,var(--rx-border,#dbe5ef))!important;
  background:color-mix(in srgb,var(--rx-accent,#93e547) 9%,#fff)!important;
}
.rx-distance-field.is-gpx-locked{opacity:1!important}
.rx-distance-field.is-gpx-locked .rx-distance-number-label>input,
.rx-distance-field.is-gpx-locked .rx-distance-unit-choices>.rx-toggle-choice{opacity:.72!important;cursor:not-allowed!important}
.rx-distance-lock-note{
  width:100%!important;
  display:block!important;
  margin:10px 0 0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--rx-accent,#93e547) 10%,#fff)!important;
  color:var(--rx-muted,#536471)!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:700!important;
  box-sizing:border-box!important;
}
.rx-distance-lock-note[hidden]{display:none!important}

/* Route and elevation are deliberately stacked, so neither visualization is
   squeezed. Google Maps is used when consent/API availability allows it; the
   local SVG route remains as the privacy-safe fallback. */
.rx-gpx-visuals{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
.rx-gpx-visuals>section{min-width:0!important;padding:16px!important}
.rx-gpx-visuals>section+section{
  border-left:0!important;
  border-top:1px solid var(--rx-border,#dbe5ef)!important;
}
.rx-gpx-route{
  width:100%!important;
  min-height:340px!important;
  border-radius:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.rx-gpx-route.is-google-map{
  display:block!important;
  min-height:360px!important;
  padding:0!important;
  background:#eef4f7!important;
}
.rx-gpx-route.is-google-map .gm-style{font-family:inherit!important}
.rx-gpx-elevation{width:100%!important;min-height:250px!important;box-sizing:border-box!important}
.rx-gpx-elevation .rx-gpx-svg{width:100%!important;max-height:310px!important}

@media(max-width:760px){
  .rx-distance-unit-choices{grid-template-columns:minmax(0,1fr)!important}
  .rx-gpx-visuals>section{padding:14px!important}
  .rx-gpx-route,.rx-gpx-route.is-google-map{min-height:300px!important}
  .rx-gpx-elevation{min-height:220px!important}
}

/* -------------------------------------------------------------------------
   RunnerX v6.0.78: shared edge-to-edge media cards and GPX detail layout
   ------------------------------------------------------------------------- */
.rx-feed-card.rx-edge-feed-card,
.rx-stream>.rx-feed-card.rx-edge-feed-card,
.rx-profile-stream>.rx-feed-card.rx-edge-feed-card{
  width:100%!important;
  min-width:0!important;
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.rx-edge-feed-card__author{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  margin:0!important;
  padding:14px 20px 8px!important;
  box-sizing:border-box!important;
}
.rx-edge-feed-card__avatar{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.rx-edge-feed-card__avatar .rx-avatar,
.rx-edge-feed-card__avatar img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  object-fit:cover!important;
}
body .rx-main .rx-edge-feed-card__author>.rx-card-head,
body .rx-main .rx-edge-feed-card__author .rx-card-head{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  box-sizing:border-box!important;
}
.rx-edge-feed-card__intro{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 20px 14px!important;
  box-sizing:border-box!important;
}
.rx-edge-feed-card__intro .rx-content-badge,
.rx-edge-feed-card__intro .rx-type{margin:0 0 8px!important}
.rx-edge-feed-card__intro .rx-card-title{margin:0 0 4px!important}
.rx-edge-feed-card__intro .rx-card-body{margin:0!important}
.rx-edge-feed-card__media{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.rx-edge-feed-card__media>.rx-run-stream-media,
.rx-edge-feed-card__media>.rx-media-slider,
.rx-edge-feed-card__media>.rx-media,
.rx-edge-feed-card__media>.rx-media-link,
.rx-edge-feed-card__media>.rx-video-embed,
.rx-edge-feed-card__media .rx-feed-video{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.rx-edge-feed-card__media img,
.rx-edge-feed-card__media iframe,
.rx-edge-feed-card__media .rx-media-slider,
.rx-edge-feed-card__media .rx-media-slider__viewport,
.rx-edge-feed-card__media .rx-media-slider__slide,
.rx-edge-feed-card__media .rx-media-slider__link,
.rx-edge-feed-card__media .rx-media-slider__image,
.rx-edge-feed-card__media .rx-media-slide,
.rx-edge-feed-card__media .rx-media-slide>a,
.rx-edge-feed-card__media .rx-run-stream-media,
.rx-edge-feed-card__media .rx-run-stream-media__placeholder{
  border-radius:0!important;
}
.rx-edge-feed-card__tagged{width:100%!important;margin:0!important;padding:0 20px!important;box-sizing:border-box!important}
.rx-edge-feed-card__actions{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 20px 10px!important;
  border:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rx-edge-feed-card__actions>.rx-post-actions{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* The detail header uses exactly the same run visual as the stream card. All
   image, gallery and video detail media reach the content edges without radius. */
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap>.rx-run-stream-media,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap>.rx-single-featured,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap>.rx-media,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap>.rx-media-slider,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap>.rx-media-link,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap>.rx-video-embed{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap img,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap iframe,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slider,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slider__viewport,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slider__slide,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slider__link,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slider__image,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slide,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-media-slide>a,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-run-stream-media,
.rx-single-shell.is-edge-media-single>.rx-single-media-wrap .rx-run-stream-media__placeholder{
  border-radius:0!important;
}
.rx-run-stream-media.is-detail{margin-top:0!important}
.rx-single-shell.is-runnerx_run>.rx-post-actions{margin-top:0!important}

/* The overlay already carries distance, ascent and pace; the GPX body contains
   only the route and elevation profile, stacked at a useful width. */
.rx-run-gpx-panel .rx-gpx-visuals{grid-template-columns:minmax(0,1fr)!important}
.rx-run-gpx-panel .rx-gpx-visuals>section+section{border-left:0!important;border-top:1px solid var(--rx-border,#dbe5ef)!important}

@media(max-width:760px){
  .rx-edge-feed-card__author{grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;padding:12px 16px 7px!important}
  .rx-edge-feed-card__avatar,
  .rx-edge-feed-card__avatar .rx-avatar,
  .rx-edge-feed-card__avatar img{width:44px!important;height:44px!important;min-width:44px!important}
  .rx-edge-feed-card__intro{padding:0 16px 12px!important}
  .rx-edge-feed-card__tagged{padding-left:16px!important;padding-right:16px!important}
  .rx-edge-feed-card__actions{padding:7px 16px 9px!important}
}

/* -------------------------------------------------------------------------
   RunnerX v6.0.79: unified section headings and professional elevation chart
   ------------------------------------------------------------------------- */
.rx-run-gpx-panel__head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:68px!important;
  margin:0!important;
  padding:16px 24px!important;
  border-bottom:1px solid var(--rx-border,#dbe5ef)!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rx-run-gpx-panel__head .rx-section-title,
.rx-gpx-subtitle{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  color:var(--rx-text,#0f1419)!important;
  line-height:1.15!important;
}
.rx-run-gpx-panel__head .rx-section-title{font-size:22px!important;font-weight:900!important}
.rx-gpx-subtitle{min-height:34px!important;margin-bottom:12px!important;font-size:16px!important;font-weight:900!important}
.rx-run-gpx-panel__head .rx-section-title-icon,
.rx-gpx-subtitle .rx-section-title-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--rx-accent,#93e547) 16%,#fff)!important;
  color:var(--rx-primary,#08162f)!important;
  line-height:1!important;
}
.rx-gpx-subtitle .rx-section-title-icon{flex-basis:30px!important;width:30px!important;height:30px!important;border-radius:9px!important}
.rx-run-gpx-panel__head .rx-section-title-icon i,
.rx-gpx-subtitle .rx-section-title-icon i{font-size:17px!important;line-height:1!important}
.rx-run-gpx-panel__head .rx-section-title-text,
.rx-gpx-subtitle .rx-section-title-text{display:inline-flex!important;align-items:center!important;line-height:1.15!important}

.rx-gpx-elevation{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid var(--rx-border,#dbe5ef)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.rx-elevation-chart{width:100%!important;min-width:0!important;display:block!important}
.rx-elevation-chart__summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-bottom:1px solid var(--rx-border,#dbe5ef)!important;
  background:linear-gradient(180deg,#fff,#f8fafb)!important;
}
.rx-elevation-chart__summary>span{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
  padding:13px 16px!important;
  box-sizing:border-box!important;
}
.rx-elevation-chart__summary>span+span{border-left:1px solid var(--rx-border,#dbe5ef)!important}
.rx-elevation-chart__summary small{color:var(--rx-muted,#536471)!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.035em!important}
.rx-elevation-chart__summary strong{color:var(--rx-text,#0f1419)!important;font-size:16px!important;font-weight:900!important;line-height:1.15!important}
.rx-elevation-chart__plot{width:100%!important;min-width:0!important;padding:8px 10px 4px!important;box-sizing:border-box!important;overflow:hidden!important}
.rx-elevation-chart__plot .rx-gpx-svg{width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
.rx-gpx-elevation-grid{stroke:#dce5ed!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important}
.rx-gpx-elevation-grid.is-vertical{stroke:#edf2f6!important}
.rx-gpx-elevation-axis-label{fill:var(--rx-muted,#536471)!important;font-family:var(--rx-font-sans,Arial,Helvetica,sans-serif)!important;font-size:11px!important;font-weight:700!important}
.rx-gpx-elevation-stop-top{stop-color:var(--rx-accent,#93e547)!important;stop-opacity:.42!important}
.rx-gpx-elevation-stop-bottom{stop-color:var(--rx-accent,#93e547)!important;stop-opacity:.03!important}
.rx-gpx-elevation-area{stroke:none!important}
.rx-gpx-elevation-line{fill:none!important;stroke:var(--rx-primary,#08162f)!important;stroke-width:3.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important}
.rx-gpx-elevation-peak{fill:var(--rx-accent,#93e547)!important;stroke:#fff!important;stroke-width:3!important;vector-effect:non-scaling-stroke!important}
.rx-gpx-elevation-peak-label rect{fill:var(--rx-primary,#08162f)!important;opacity:.94!important}
.rx-gpx-elevation-peak-label text{fill:#fff!important;font-family:var(--rx-font-sans,Arial,Helvetica,sans-serif)!important;font-size:11px!important;font-weight:900!important}

@media(max-width:760px){
  .rx-run-gpx-panel__head{min-height:62px!important;padding:14px 18px!important}
  .rx-run-gpx-panel__head .rx-section-title{font-size:20px!important}
  .rx-elevation-chart__summary{grid-template-columns:minmax(0,1fr)!important}
  .rx-elevation-chart__summary>span{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 13px!important}
  .rx-elevation-chart__summary>span+span{border-left:0!important;border-top:1px solid var(--rx-border,#dbe5ef)!important}
  .rx-elevation-chart__plot{overflow-x:auto!important;padding:6px 4px 2px!important}
  .rx-elevation-chart__plot .rx-gpx-svg{min-width:650px!important}
}