/* Keep the learner directory entry within the hero, beside its existing route. */
.personal-page .poster-hero-actions {
  --personal-entry-accent: #007eaf;
  display: flex;
  align-items: stretch;
  max-width: 100%;
}
.personal-page .poster-hero-actions > a {
  min-height: 56px;
  gap: 16px;
  padding: 16px 24px;
  font-size: 16px;
  text-decoration: none;
}
.personal-page .poster-hero-actions > .personal-entry-primary {
  background: var(--personal-entry-accent);
  color: #fff;
}
.personal-page .personal-entry-primary svg { color: currentColor; }
.personal-page .poster-hero-actions > .personal-entry-primary:hover { background: #006c98; }
.personal-page .poster-hero-actions > a:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: -5px;
}
.personal-page .poster-hero-actions > .personal-entry-primary:focus-visible { outline-color: #fff; }
@media (max-width: 600px) {
  .personal-page .poster-hero-actions {
    left: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }
  .personal-page .poster-hero-actions > a {
    padding: 14px 20px;
    font-size: 15px;
  }
  .personal-page .poster-hero-actions > .personal-entry-primary { grid-row: 2; }
  /* The existing fixed LINE entry occupies the right side above the main button. */
  .personal-page .poster-hero-actions > .personal-entry-secondary {
    grid-row: 1;
    width: calc(100% - 156px);
    max-width: 220px;
    min-height: 48px;
    gap: 8px;
    padding: 12px 16px;
    font-size: 13px;
  }
  .personal-page .personal-entry-secondary svg { width: 16px; height: 16px; }
}

/* The document already offsets anchors below the sticky header. */
.personal-page #partners { scroll-margin-top: 0; }

.personal-page .personal-partner-destination {
  display: block;
  margin-top: 6px;
  color: #426075;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.6;
}