:root { --section-header-icon:#B7A5C6; --section-portrait:#E8DB7A; --section-atlas:#B79ACB; --section-today:#8DB8DE; }
/* Neutral section headers; permanent destination colors on navigation. */
#screen [data-product-heading] > span:first-child {
  color: var(--section-header-icon);
}
#screen [data-product-heading] h3 {
  color: #e8dfef;
  font-size: 23px;
  line-height: 29px;
  font-weight: 600;
  letter-spacing: -0.8px;
}
[data-section-destination='portrait'] {
  --section-link: var(--section-portrait);
}
[data-section-destination='atlas'] {
  --section-link: var(--section-atlas);
}
[data-section-destination='today'] {
  --section-link: var(--section-today);
}
#screen [data-section-destination] > svg,
#screen [data-section-destination] > i {
  color: var(--section-link);
}
#screen .relationship-journey-footer [data-section-destination] > svg {
  width: 32px;
  height: 32px;
}

/* A selector uses one shared control color; destination cards retain identity. */
#screen [data-relationship-layer-nav] [data-section-destination] > svg {
  color: var(--section-atlas);
}
[data-section-destination='people'] {
  --section-link: #eda8ca;
}
[data-section-destination='ask'] {
  --section-link: #8db8de;
}
[data-section-destination='sky'] {
  --section-link: #83d0ce;
}

/* Canonical Portrait continuation card, shared by every end-of-page destination. */
#screen .section-continuation-link {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 68px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--section-link) 20%, transparent);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 9% 0%,
      color-mix(in srgb, var(--section-link) 10%, transparent),
      transparent 48%
    ),
    linear-gradient(145deg, #211829a8, #100d17bd);
  box-shadow: inset 0 1px #ffffff07;
  color: #e2d7e5;
  text-align: left;
}
#screen .section-continuation-link > svg,
#screen .section-continuation-link > .sky-continue-icon,
#screen .section-continuation-link > .feed-destination-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--section-link);
}
#screen .section-continuation-link .app-nav-icon-frame {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  background: none;
  color: inherit;
}
#screen .section-continuation-link .app-nav-glyph {
  color: inherit;
  font-size: 29px;
}
#screen .section-continuation-link svg {
  width: 32px;
  height: 32px;
  color: var(--section-link);
}
#screen
  .section-continuation-link
  > span:not(.sky-continue-icon, .feed-destination-icon) {
  display: block;
  min-width: 0;
}
#screen .section-continuation-link strong {
  display: block;
  color: #e2d7e5;
  font-size: calc(12px * var(--scale));
  font-weight: 640;
  line-height: 1.25;
  letter-spacing: 0;
}
#screen .section-continuation-link small {
  display: block;
  margin-top: 3px;
  color: #908595;
  font-size: calc(9px * var(--scale));
  line-height: 1.4;
  letter-spacing: 0;
}
#screen .section-continuation-link .section-continuation-arrow {
  color: var(--section-link);
  font-size: calc(17px * var(--scale));
  font-style: normal;
  font-weight: 400;
}