/* 91.1.22 — Plans route overlay + Québec event SEO copy */

/* Route line drawn over each plan image. Decorative only; no real GPS route implied. */
.cr-plans-892 .pp892-card .pp922-route{
  position:absolute;
  z-index:2;
  left:9%;
  right:9%;
  top:18%;
  width:82%;
  height:48%;
  overflow:visible;
  pointer-events:none;
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.32));
}
.cr-plans-892 .pp922-route-glow,
.cr-plans-892 .pp922-route-line{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cr-plans-892 .pp922-route-glow{
  stroke:rgba(255,86,18,.42);
  stroke-width:10;
  filter:blur(5px);
}
.cr-plans-892 .pp922-route-line{
  stroke:#ff7a1a;
  stroke-width:5;
}
.cr-plans-892 .pp922-route-line::after{content:""}
.cr-plans-892 .pp922-route-start{
  fill:#fff;
  stroke:#ff7a1a;
  stroke-width:4;
}
.cr-plans-892 .pp922-route-finish{
  fill:#ffd45b;
  stroke:#fff;
  stroke-width:3;
}
.cr-plans-892 .pp892-card-trail .pp922-route-line{
  stroke:#ff9b21;
  stroke-dasharray:8 5;
}
.cr-plans-892 .pp892-card-top,
.cr-plans-892 .pp892-card-copy{z-index:4}
.cr-plans-892 .pp892-card-overlay{z-index:1}
.cr-plans-892 .pp892-card>img{z-index:0}

.cr-plans-892 .pp922-event-hook{
  display:block;
  margin-top:9px;
  color:#f6f8fa;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  text-wrap:balance;
  text-shadow:0 2px 12px rgba(0,0,0,.78);
}
.cr-plans-892 .pp922-event-hook::first-letter{color:#ff7a1a}

/* Detail pages: recognizable Québec race goals without implying affiliation. */
.cr-plan-detail-893 .pd922-events{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,91,22,.18);
  border-bottom:1px solid rgba(255,91,22,.18);
  background:
    radial-gradient(circle at 88% 18%,rgba(255,91,22,.13),transparent 26%),
    linear-gradient(180deg,#0b1219,#080e14);
}
.cr-plan-detail-893 .pd922-events .pd893-heading{max-width:820px}
.cr-plan-detail-893 .pd922-events-intro{
  max-width:820px;
  margin:12px 0 0;
  color:#bac4ce;
  font-size:15px;
  line-height:1.65;
}
.cr-plan-detail-893 .pd922-events-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.cr-plan-detail-893 .pd922-event-card{
  min-width:0;
  min-height:94px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:#0d151d;
}
.cr-plan-detail-893 .pd922-event-card i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,91,22,.11);
  color:#ff7a1a;
  font-style:normal;
  font-size:23px;
}
.cr-plan-detail-893 .pd922-event-card strong{
  min-width:0;
  color:#f6f8fa;
  font-size:15px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.cr-plan-detail-893 .pd922-events-note{
  margin:15px 0 0;
  color:#8f9ba6;
  font-size:14px;
  line-height:1.55;
}

/* Light theme keeps route cards cinematic while the SEO/event panel becomes light. */
html[data-theme="light"] .cr-plans-892 .pp892-card{
  background:#0b1219!important;
  color:#fff!important;
  border-color:rgba(255,91,22,.34)!important;
  box-shadow:0 16px 38px rgba(22,31,39,.13)!important;
}
html[data-theme="light"] .cr-plans-892 .pp892-card :is(h3,p,small,.pp922-event-hook){color:#fff!important}
html[data-theme="light"] .cr-plans-892 .pp892-card small{color:#ff7a1a!important}
html[data-theme="light"] .cr-plan-detail-893 .pd922-events{
  background:
    radial-gradient(circle at 88% 18%,rgba(255,91,22,.08),transparent 26%),
    linear-gradient(180deg,#f5f7f9,#edf1f4)!important;
  border-color:#d7dde3!important;
}
html[data-theme="light"] .cr-plan-detail-893 .pd922-events :is(h2,strong){color:#17212a!important}
html[data-theme="light"] .cr-plan-detail-893 .pd922-events-intro,
html[data-theme="light"] .cr-plan-detail-893 .pd922-events-note{color:#5d6873!important}
html[data-theme="light"] .cr-plan-detail-893 .pd922-event-card{
  background:#fff!important;
  border-color:#d7dde3!important;
  box-shadow:0 8px 24px rgba(28,40,51,.055)!important;
}
html[data-theme="light"] .cr-plan-detail-893 .pd922-event-card strong{color:#17212a!important}

@media(max-width:900px){
  .cr-plan-detail-893 .pd922-events-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .cr-plans-892 .pp922-route{left:8%;width:84%;top:17%;height:46%}
  .cr-plans-892 .pp922-event-hook{font-size:14px}
}
@media(max-width:560px){
  .cr-plan-detail-893 .pd922-events-grid{grid-template-columns:1fr}
  .cr-plan-detail-893 .pd922-event-card{min-height:78px}
}