/* Shared compact resources, extracted from Investment. Opt-in only: page
   styles still own rail placement, chapter grids and portrait dividers. */
.guide-resource .guide-resource__label {
  display: block;
  margin: 0 0 .8rem;
  margin-bottom: .8rem;
  color: #677587;
  font-family: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .14em;
  line-height: 1.3;
  text-transform: uppercase;
}

.guide-resource__list {
  display: grid;
  min-width: 0;
  gap: .72rem;
}

.guide-resource > .guide-resource__link + .guide-resource__link,
.guide-resource > .guide-resource__row + .guide-resource__row {
  margin-top: .72rem;
}

/* Match page-level anchor specificity without depending on a page namespace. */
a.guide-resource__link.guide-resource__link {
  display: flex;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: .6rem;
  color: #102942;
  font-family: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  font-size: clamp(1.06rem, 1.25vw, 1.22rem);
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.guide-resource__link .guide-resource__text {
  min-width: 0;
  overflow-wrap: anywhere;
  text-decoration-line: underline;
  text-decoration-color: rgba(16, 41, 66, .45);
  text-decoration-thickness: 1px;
  text-underline-offset: .24em;
}

.guide-resource__link .guide-resource__arrow {
  flex: 0 0 auto;
  margin: 0;
  color: #b98a45;
  text-decoration: none;
  transition: transform 180ms ease;
}

a.guide-resource__link.guide-resource__link:hover,
a.guide-resource__link.guide-resource__link:focus-visible {
  color: #102942;
}

.guide-resource__link:hover .guide-resource__text,
.guide-resource__link:focus-visible .guide-resource__text {
  text-decoration-color: currentColor;
}

.guide-resource__link:hover .guide-resource__arrow,
.guide-resource__link:focus-visible .guide-resource__arrow {
  transform: translateX(4px);
}

a.guide-resource__link.guide-resource__link:focus-visible {
  outline: 3px solid #9a6b2f;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .guide-resource__link .guide-resource__arrow {
    transition: none;
  }

  .guide-resource__link:hover .guide-resource__arrow,
  .guide-resource__link:focus-visible .guide-resource__arrow {
    transform: none;
  }
}

/* Optional separation from preceding prose; typography and arrows stay shared. */
.guide-resource__link.guide-resource__link--separated {
  margin-top: .8rem;
}

.guide-resource__link--separated + .guide-resource__link--separated {
  margin-top: .72rem;
}

/* Ordinary side resources use line boxes, not a separate flex column for the
   arrow. Keep the approved prose-separated Buying-hub links unchanged. */
a.guide-resource__link.guide-resource__link:not(.guide-resource__link--separated) {
  display: block;
  white-space: normal;
}

.guide-resource__link:not(.guide-resource__link--separated) .guide-resource__text {
  display: inline;
}

.guide-resource__link:not(.guide-resource__link--separated) .guide-resource__arrow {
  display: inline;
  margin-inline-start: .6rem;
  white-space: nowrap;
  position: relative;
  left: 0;
  transform: none;
  transition: left 180ms ease;
}

/* A zero-width word joiner keeps the decorative arrow with the final word.
   It inherits the arrow span's aria-hidden state and adds no spoken label. */
.guide-resource__link:not(.guide-resource__link--separated) .guide-resource__arrow::before {
  content: "\2060";
}

.guide-resource__link:not(.guide-resource__link--separated):hover .guide-resource__arrow,
.guide-resource__link:not(.guide-resource__link--separated):focus-visible .guide-resource__arrow {
  left: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .guide-resource__link:not(.guide-resource__link--separated) .guide-resource__arrow {
    transition: none;
  }

  .guide-resource__link:not(.guide-resource__link--separated):hover .guide-resource__arrow,
  .guide-resource__link:not(.guide-resource__link--separated):focus-visible .guide-resource__arrow {
    left: 0;
  }
}