/* JDRC_NEARBY_EVENTS_CLOSEST_3_MONTH_V1 */
.jdrc-nearby-events{
  gap:18px;
}
.jdrc-nearby-panel,
.jdrc-nearby-event-results{
  display:grid;
  gap:16px;
}
.jdrc-nearby-panel{
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
.jdrc-nearby-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.jdrc-nearby-head h2{
  margin:3px 0 5px;
}
.jdrc-nearby-head p{
  margin:0;
  max-width:760px;
  opacity:.78;
}
.jdrc-nearby-month{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  border-radius:14px;
  background:rgba(0,0,0,.2);
}
.jdrc-nearby-month-label{
  min-width:160px;
  text-align:center;
}
.jdrc-nearby-month-label span,
.jdrc-nearby-results-head span,
.jdrc-nearby-rank{
  display:block;
  font-size:0.78rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  opacity:.68;
}
.jdrc-nearby-month-label strong{
  display:block;
  margin-top:2px;
  font-size:1.05rem;
}
.jdrc-nearby-track-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.jdrc-nearby-track{
  appearance:none;
  width:100%;
  min-height:154px;
  padding:15px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(0,0,0,.2);
  color:inherit;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.jdrc-nearby-track:hover,
.jdrc-nearby-track:focus-visible{
  border-color:rgba(255,255,255,.4);
  transform:translateY(-1px);
}
.jdrc-nearby-track.is-selected{
  border-color:currentColor;
  box-shadow:0 0 0 2px rgba(255,255,255,.12) inset;
}
.jdrc-nearby-track strong{
  font-size:1.05rem;
  line-height:1.2;
}
.jdrc-nearby-area{
  opacity:.72;
}
.jdrc-nearby-distance{
  margin-top:auto;
  font-weight:700;
}
.jdrc-nearby-count{
  opacity:.82;
  font-size:.9rem;
}
.jdrc-nearby-results-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:end;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.jdrc-nearby-results-head>div:last-child{
  text-align:right;
}
.jdrc-nearby-results-head strong,
.jdrc-nearby-results-head small{
  display:block;
}
.jdrc-nearby-prompt{
  margin:0;
}
@media(max-width:800px){
  .jdrc-nearby-track-grid{
    grid-template-columns:1fr;
  }
  .jdrc-nearby-track{
    min-height:132px;
  }
  .jdrc-nearby-head,
  .jdrc-nearby-results-head{
    align-items:stretch;
    flex-direction:column;
  }
  .jdrc-nearby-results-head>div:last-child{
    text-align:left;
  }
}


/* JDRC_NEARBY_EVENTS_CALENDAR_V2 */
.jdrc-nearby-results-meta{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:16px;
}
.jdrc-event-view-toggle{
  display:flex;
  align-items:center;
  gap:6px;
}
.jdrc-calendar-shell{
  display:grid;
  gap:10px;
}
.jdrc-calendar-scroll{
  width:100%;
  overflow-x:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.jdrc-calendar{
  min-width:760px;
}
.jdrc-calendar-weekdays,
.jdrc-calendar-days{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.jdrc-calendar-weekday{
  padding:10px 8px;
  text-align:center;
  font-size:0.84rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.7;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.jdrc-calendar-day{
  min-height:132px;
  padding:8px;
  border-right:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.015);
}
.jdrc-calendar-day:nth-child(7n){
  border-right:0;
}
.jdrc-calendar-day.is-outside{
  background:rgba(0,0,0,.18);
}
.jdrc-calendar-day.is-today{
  box-shadow:0 0 0 2px currentColor inset;
}
.jdrc-calendar-day.has-events{
  background:rgba(255,255,255,.04);
}
.jdrc-calendar-date{
  font-size:0.875rem;
  font-weight:800;
  opacity:.8;
  margin-bottom:7px;
}
.jdrc-calendar-day-events{
  display:grid;
  gap:5px;
}
.jdrc-calendar-event{
  appearance:none;
  width:100%;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:inherit;
  text-align:left;
  cursor:pointer;
  font:inherit;
  font-size:0.84rem;
  line-height:1.22;
}
.jdrc-calendar-event:hover,
.jdrc-calendar-event:focus-visible,
.jdrc-calendar-event.is-selected{
  border-color:currentColor;
  background:rgba(255,255,255,.13);
}
.jdrc-calendar-event span{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.jdrc-calendar-selected{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.jdrc-calendar-selected-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.jdrc-calendar-selected-head span{
  font-size:0.78rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  opacity:.68;
}
.jdrc-calendar-help{
  padding:11px 14px;
  text-align:center;
  opacity:.75;
  font-size:.9rem;
}
@media(max-width:800px){
  .jdrc-nearby-results-meta{
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
  }
  .jdrc-calendar{
    min-width:700px;
  }
  .jdrc-calendar-day{
    min-height:116px;
  }
}


/* JDRC_TRACK_MONTH_100MI_V4 */
.jdrc-radius-section{
  display:grid;
  gap:12px;
  padding-top:4px;
}
.jdrc-radius-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-end;
}
.jdrc-radius-head h3{
  margin:3px 0 4px;
}
.jdrc-radius-head p{
  margin:0;
  opacity:.75;
}
.jdrc-radius-track-list{
  display:grid;
  gap:10px;
}
.jdrc-radius-track{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:rgba(0,0,0,.18);
}
.jdrc-radius-track.is-selected{
  border-color:currentColor;
  background:rgba(255,255,255,.055);
}
.jdrc-radius-track-main{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.jdrc-radius-track-rank{
  width:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  padding:8px 4px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
}
.jdrc-radius-track-rank span{
  font-size:1.1rem;
  font-weight:800;
}
.jdrc-radius-track-rank small{
  opacity:.7;
}
.jdrc-radius-track-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.jdrc-radius-track-copy>strong{
  font-size:1.02rem;
}
.jdrc-radius-address{
  opacity:.78;
}
.jdrc-radius-events{
  font-weight:700;
}
.jdrc-radius-next{
  font-size:.9rem;
  opacity:.72;
}
.jdrc-track-month-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.jdrc-track-month-hero>div:first-child>span,
.jdrc-track-month-badge span,
.jdrc-track-stat span,
.jdrc-track-section-head span{
  display:block;
  font-size:0.78rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  opacity:.68;
}
.jdrc-track-month-hero h2{
  margin:4px 0 5px;
}
.jdrc-track-month-hero p{
  margin:0 0 4px;
  opacity:.78;
}
.jdrc-track-address{
  overflow-wrap:anywhere;
}
.jdrc-track-month-badge{
  min-width:160px;
  padding:12px 14px;
  border-radius:14px;
  text-align:right;
  background:rgba(0,0,0,.22);
}
.jdrc-track-month-badge strong{
  display:block;
  margin-top:3px;
}
.jdrc-track-month-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.jdrc-track-stat{
  min-height:116px;
  padding:15px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  gap:5px;
}
.jdrc-track-stat strong{
  margin-top:auto;
  font-size:1.3rem;
  line-height:1.15;
}
.jdrc-track-stat small{
  opacity:.72;
}
.jdrc-track-now-section,
.jdrc-track-schedule-section{
  display:grid;
  gap:12px;
}
.jdrc-track-now-section{
  padding:16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}
.jdrc-track-now-section.is-today{
  border-color:currentColor;
}
.jdrc-track-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.jdrc-track-section-head h3{
  margin:3px 0 0;
}
.jdrc-track-section-head p{
  margin:4px 0 0;
  opacity:.75;
}
.jdrc-track-highlight-grid,
.jdrc-track-upcoming-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.jdrc-track-next-race{
  display:grid;
}
.jdrc-track-schedule-section{
  padding-top:4px;
}
@media(max-width:800px){
  .jdrc-radius-track{
    align-items:stretch;
    flex-direction:column;
  }
  .jdrc-radius-track .button{
    width:100%;
  }
  .jdrc-track-month-hero{
    flex-direction:column;
  }
  .jdrc-track-month-badge{
    width:100%;
    min-width:0;
    text-align:left;
  }
  .jdrc-track-month-stats{
    grid-template-columns:1fr;
  }
  .jdrc-track-stat{
    min-height:96px;
  }
  .jdrc-track-highlight-grid,
  .jdrc-track-upcoming-grid{
    grid-template-columns:1fr;
  }
}

/* JDRC_BACK_NAVIGATION_V6 */
.jdrc-nearby-nav-actions,
.jdrc-track-back-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.jdrc-track-month-side{
  display:grid;
  gap:10px;
  justify-items:end;
}
@media(max-width:800px){
  .jdrc-nearby-nav-actions,
  .jdrc-track-back-actions{
    width:100%;
  }
  .jdrc-nearby-nav-actions .button,
  .jdrc-track-back-actions .button{
    flex:1 1 auto;
    text-align:center;
  }
  .jdrc-track-month-side{
    width:100%;
    justify-items:stretch;
  }
}