/* Four-step novice flow: additive only, so the existing static build remains recoverable. */
.guided-journey,
.term-glossary,
.guided-api-jump {
  border: 1px solid #d8c8b0;
  border-radius: 12px;
  background: #fffaf0;
  box-shadow: 0 10px 26px rgba(50, 31, 18, 0.06);
}

.guided-journey {
  margin: 0 0 34px;
  padding: 18px 20px;
}

.guided-journey-title {
  margin: 0 0 12px;
  color: #3b1711;
  font-size: 15px;
  font-weight: 800;
}

.guided-journey-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.guided-journey-steps a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  padding: 10px 12px;
  border: 1px solid #dfd0ba;
  border-radius: 9px;
  color: #2e2119;
  background: #fffdf8;
  text-decoration: none;
}

.guided-journey-steps a:hover,
.guided-journey-steps a:focus-visible,
.guided-journey-steps a.is-current {
  border-color: #7a2e20;
  background: #fbefe1;
  outline: none;
}

.guided-journey-steps b {
  display: grid;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  place-items: center;
  border-radius: 50%;
  color: #fffaf0;
  background: #7a2e20;
  font-size: 14px;
}

.guided-journey-steps span { font-weight: 800; line-height: 1.25; }
.guided-journey-steps small { display: block; margin-top: 3px; color: #745e4d; font-weight: 500; }

.term-glossary {
  margin: 0 0 30px;
  padding: 20px;
}

.term-glossary h2 { margin: 0; color: #3b1711; font-size: 22px; }
.term-glossary > p { margin: 8px 0 16px; color: #685747; }
.term-glossary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.term-glossary dl > div { padding: 10px 12px; border-left: 3px solid #7a2e20; background: #fffdf8; }
.term-glossary dt { color: #3b1711; font-weight: 850; }
.term-glossary dd { margin: 4px 0 0; color: #665442; font-size: 14px; line-height: 1.55; }
.term-glossary code { color: #7a2e20; font-size: 0.92em; }

.guided-api-jump { margin: 18px 0 6px; padding: 16px; }
.guided-api-jump strong { color: #3b1711; font-size: 17px; }
.guided-api-jump p { margin: 7px 0 12px; color: #5f5043; }
.guided-network-note {
  margin: 12px 0 18px;
  padding: 11px 13px;
  border-left: 3px solid #7a2e20;
  color: #604d3e;
  background: #fbefe1;
  font-size: 14px;
  line-height: 1.65;
}
.guided-network-note strong { color: #3b1711; }
.guided-api-jump a,
.guided-return-plus {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  color: #fffaf0;
  background: #7a2e20;
  font-weight: 800;
  text-decoration: none;
}

.guided-api-jump a:hover,
.guided-api-jump a:focus-visible,
.guided-return-plus:hover,
.guided-return-plus:focus-visible { background: #4a1710; outline: 2px solid #d69f7d; outline-offset: 2px; }
.guided-return-plus { margin-top: 18px; }

@media (max-width: 760px) {
  .guided-journey { margin-bottom: 24px; padding: 15px; }
  .guided-journey-steps,
  .term-glossary dl { grid-template-columns: 1fr; }
  .guided-journey-steps a { min-height: 56px; }
  .term-glossary { padding: 16px; }
}