/* Minimal step guide — quiet progress, no loud chrome */
.page-daino-view,
.page-daino-place {
  --dv-guide: #c9d2dc;
  --dv-guide-active: #e8eef6;
  --dv-guide-muted: #6b7785;
}

.page-daino-view .dv-flow-steps,
.page-daino-place .dv-flow-steps {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.85rem;
  padding: 0;
  list-style: none;
}

.page-daino-view .dv-flow-steps__item,
.page-daino-place .dv-flow-steps__item {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--dv-guide-muted);
  font-size: 0.78rem;
  font-weight: 650;
  opacity: 0.45;
  box-shadow: none;
  transform: none;
}

.page-daino-view .dv-flow-steps__item + .dv-flow-steps__item::before,
.page-daino-place .dv-flow-steps__item + .dv-flow-steps__item::before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 1px;
  margin-right: 0.05rem;
  background: rgba(255, 255, 255, 0.16);
}

.page-daino-view .dv-flow-steps__num,
.page-daino-place .dv-flow-steps__num {
  display: none;
}

.page-daino-view .dv-flow-steps__arrow,
.page-daino-place .dv-flow-steps__arrow {
  display: none;
}

.page-daino-view .dv-flow-steps__item.is-current,
.page-daino-place .dv-flow-steps__item.is-current {
  color: var(--dv-guide-active);
  font-weight: 780;
  opacity: 1;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.3rem;
  transform: none;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.page-daino-view .dv-flow-steps__item.is-current .dv-flow-steps__num,
.page-daino-place .dv-flow-steps__item.is-current .dv-flow-steps__num {
  border-color: rgba(232, 238, 246, 0.45);
  background: rgba(255, 255, 255, 0.08);
  color: #f3f6fa;
}

.page-daino-view .dv-flow-steps__item.is-done,
.page-daino-place .dv-flow-steps__item.is-done {
  color: #8b97a5;
  opacity: 1;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.page-daino-view .dv-flow-steps__item.is-done .dv-flow-steps__label::before,
.page-daino-place .dv-flow-steps__item.is-done .dv-flow-steps__label::before {
  content: "✓ ";
}

.page-daino-view .dv-flow-steps__item.is-done .dv-flow-steps__num,
.page-daino-place .dv-flow-steps__item.is-done .dv-flow-steps__num {
  border-color: rgba(255, 255, 255, 0.1);
  background: transparent;
  color: #8b97a5;
  font-size: 0;
}

.page-daino-view .dv-flow-steps__item.is-done .dv-flow-steps__num::after,
.page-daino-place .dv-flow-steps__item.is-done .dv-flow-steps__num::after {
  content: "✓";
  font-size: 0.62rem;
  font-weight: 800;
}

.page-daino-view .dv-guide-meta,
.page-daino-place .dv-guide-meta {
  display: block;
  color: #8f9bab;
  font-size: 0.78rem;
  line-height: 1.45;
}

.page-daino-view .dv-guide-meta__cue,
.page-daino-place .dv-guide-meta__cue {
  display: none;
}

.page-daino-view .dv-guide-meta strong,
.page-daino-place .dv-guide-meta strong {
  color: #d5dde6;
  font-weight: 750;
}

/* Page title + steps on one row (blog post keyword analysis) */
.page-daino-view .dv-blog-analysis-head--with-steps {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  flex-wrap: wrap;
}

.page-daino-view .dv-blog-analysis-head--with-steps .dv-blog-analysis-head__copy {
  flex: 1 1 16rem;
  min-width: 0;
}

.page-daino-view .dv-blog-analysis-head--with-steps .dv-flow-steps--head {
  flex: 0 1 auto;
  margin: 1.55rem 0 0;
  padding: 0;
  justify-content: flex-end;
  align-self: flex-start;
}

@media (max-width: 760px) {
  .page-daino-view .dv-blog-analysis-head--with-steps .dv-flow-steps--head {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0.25rem;
  }
}

/* Soft focus only — no glow / no color takeover */
[data-guide-target] {
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

[data-guide-step="1"] [data-guide-target="1"],
[data-guide-step="2"] [data-guide-target="2"].is-guide-active,
[data-guide-step="3"] [data-guide-target="3"].is-guide-active {
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.16) !important;
}

[data-guide-step="1"] .dv-guide-target-block[data-guide-target="1"],
[data-guide-step="2"] .dv-guide-target-block[data-guide-target="2"] {
  border-radius: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

[data-guide-step="1"] .dv-guide-target-block[data-guide-target="1"].is-guide-active,
[data-guide-step="2"] .dv-guide-target-block[data-guide-target="2"].is-guide-active {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
  padding: 0.45rem;
}

[data-guide-step="2"] [data-guide-target="1"],
[data-guide-step="3"] [data-guide-target="1"],
[data-guide-step="3"] [data-guide-target="2"] {
  box-shadow: none !important;
  filter: none;
}

[data-guide-step="2"] .dv-guide-target-block[data-guide-target="1"],
[data-guide-step="3"] .dv-guide-target-block[data-guide-target="1"],
[data-guide-step="3"] .dv-guide-target-block[data-guide-target="2"] {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

/* Do not restyle CTA colors or dim inactive buttons */
.page-daino-view .dv-guide-row.is-needs-input .dv-guide-input,
.page-daino-place .dv-guide-input,
.page-daino-view .dv-guide-row.is-ready .dv-guide-input {
  border-color: inherit;
  box-shadow: none;
}