/* Page-specific details use the established card and landscape design. */
.feature-journey .feature-panel--graphic {
  margin: 0 10px 10px;
  padding: 0;
  border: 0;
}
.feature-journey .included-graphic-link {
  display: block;
  border-radius: 12px;
}
.feature-journey .included-graphic-link:focus-visible {
  outline: 3px solid #d5eee1;
  outline-offset: 3px;
}
.feature-journey .included-features-graphic {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.feature-journey .included-graphic-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px;
  color: #fff;
  font-size: .875rem;
}
.feature-journey .feature-card { scroll-margin-top: 24px; }
.feature-journey .feature-panel { color: #d0e0d7; }
.feature-journey .feature-panel h4 {
  margin: 18px 0 10px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.4;
}
.feature-journey .feature-panel > :first-child { margin-top: 0; }
.feature-journey .feature-panel p {
  max-width: none;
  margin: 12px 0;
  color: #d0e0d7;
  font-size: .94rem;
  line-height: 1.55;
}
.feature-journey .feature-panel strong,
.feature-journey .feature-panel b,
.feature-journey .feature-panel b span { color: #fff; }
.feature-journey .feature-panel a:not(.journey-links a) {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.feature-journey .feature-panel .attachments {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 10px;
}
.feature-journey .feature-panel .attachment {
  border: 0;
  border-bottom: 1px solid #ffffff24;
  border-radius: 0;
  padding: 12px 0;
  background: transparent;
}
.feature-journey .feature-panel .attachment:last-child { border-bottom: 0; }
.feature-journey .feature-panel .attachment span { color: #d0e0d7; font-size: .94rem; }
.feature-journey .feature-panel .attachment b span { color: #fff; }
.feature-journey .feature-panel .specs {
  grid-template-columns: 1fr;
  margin: 12px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.feature-journey .feature-panel .spec {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: start;
  gap: 14px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid #ffffff24;
}
.feature-journey .feature-panel .spec .k {
  color: #d0e0d7;
  font-size: .9rem;
  text-transform: none;
  letter-spacing: normal;
}
.feature-journey .feature-panel .spec .v {
  margin: 0;
  color: #fff;
  font-size: .94rem;
  font-weight: 650;
}
.feature-journey .feature-panel .service-area,
.feature-journey .feature-panel .pickup-panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin: 12px 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}
.feature-journey .feature-panel .area-box {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}
.feature-journey .feature-panel h3 { color: #fff; font-size: 1rem; }
.feature-journey .feature-panel .checklist { margin: 12px 0; }
.feature-journey .feature-panel .check span { color: #d0e0d7; }
.feature-journey .feature-panel .check b span { color: #fff; }
.feature-journey .feature-panel .equipment-photo {
  margin: 18px 0 0;
  padding: 0;
  min-height: 0;
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
}
.feature-journey .feature-panel .equipment-photo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 280px;
  object-fit: contain;
}
.feature-journey .feature-panel .journey-links { margin-top: 16px; }
@media (max-width: 560px) {
  .feature-journey .feature-panel p,
  .feature-journey .feature-panel .attachment span,
  .feature-journey .feature-panel .spec .k,
  .feature-journey .feature-panel .spec .v { font-size: .875rem; }
}


/* The folded card exposes the artwork; the chevron sits over its fading edge. */
.feature-journey .attachment-card {
  position: relative;
  overflow: hidden;
  background: #0a4b3b;
  border-color: #ffffff32;
}
.feature-journey .attachment-card > .step-toggle {
  position: relative;
  display: block;
  padding: 20px 20px 0;
}
.feature-journey .attachment-card .step-copy { display: block; }
.feature-journey .attachment-card .step-title { color: #f4f2e8; }
.feature-journey .attachment-preview {
  display: block;
  height: 230px;
  margin: 18px -8px 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 50%, transparent 94%);
  mask-image: linear-gradient(#000 50%, transparent 94%);
}
.feature-journey .attachment-preview img {
  display: block;
  width: 100%;
  height: auto;
}
.feature-journey .attachment-expand-icon {
  position: absolute;
  bottom: 12px;
  left: calc(50% - 22px);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #a7c8b7;
  border-radius: 50%;
  background: #145c47;
  color: #fff;
  box-shadow: 0 3px 12px #002b2150;
}
.feature-journey .attachment-expand-icon svg { width: 22px; height: 22px; transition: transform .18s ease; }
.feature-journey .attachment-card > .step-toggle:hover { background: #ffffff06; }
.feature-journey .attachment-card > .step-toggle:hover .attachment-expand-icon { background: #226f54; }
.feature-journey .attachment-card[data-expanded] > .step-toggle { padding-bottom: 20px; cursor: default; }
.feature-journey .attachment-card[data-expanded] > .step-toggle:hover { background: transparent; }
.feature-journey .attachment-card[data-expanded] .attachment-preview { display: none; }
.feature-journey .attachment-graphic picture { display: block; }
@media (min-width: 801px) {
  .feature-journey .attachment-card[data-expanded] { grid-column: 1 / -1; }
  /* Keep the two attachment cards together when either is opened. */
  .feature-journey .steps:has(.attachment-card[data-expanded]) > .attachment-card:not([data-expanded]) { grid-column: 1 / -1; }
  .feature-journey .steps:has(.attachment-card[data-expanded]) .attachment-preview { max-width: 540px; margin-inline: auto; }
}
@media (max-width: 800px) {
  .feature-journey .attachment-preview { height: 200px; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-journey .attachment-expand-icon svg { transition: none; }
}