/* Navigation links share plain line arrows. Local controls keep their own affordances. */
body[data-home-sections="v1"][data-link-ui="v1"] :is(.site-header, #first-view, #news, #challenges, #services, #search-support, #cases, #reviews, #pricing, #company, #faq, #consultation) a svg.icon:is(.icon--arrow, .icon--external) {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
}

body[data-home-sections="v1"][data-link-ui="v1"] #challenges[data-challenge-rows="v1"] .challenge-row-arrow {
  border: 0;
  border-radius: 0;
  background: transparent;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(#services, #search-support, #cases, #pricing, #company) :is(a.ss-link, a.sx-link, a.cs-link, a.pcv3-link, a.cs-company-link, a.cs-staff-link) {
  gap: 12px;
  color: #315f7e;
  font-weight: 600;
  text-decoration: none;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(#services, #search-support, #cases, #pricing, #company) :is(a.ss-link, a.sx-link, a.cs-link, a.pcv3-link, a.cs-company-link, a.cs-staff-link):is(:hover, :focus-visible) {
  color: #006c77;
  text-decoration: none;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(#services, #search-support, #cases, #pricing) :is(a.ss-link, a.sx-link, a.cs-link, a.pcv3-link):is(:hover, :focus-visible) > span {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

body[data-home-sections="v1"][data-link-ui="v1"] #company :is(a.cs-company-link, a.cs-staff-link):is(:hover, :focus-visible) {
  text-decoration: underline;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(#news, #faq) a.button--outline {
  border: 1px solid #bdcbd6;
  border-radius: 6px;
  color: #1a2340;
  background: #fff;
  gap: 12px;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(#news, #faq) a.button--outline:is(:hover, :focus-visible) {
  border-color: #087c87;
  background: #edf7f8;
  color: #006c77;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(#services, #search-support, #cases, #pricing) :is(a.ss-button, a.sx-button, a.cs-button, a.pcv3-button) {
  border-radius: 6px;
  gap: 12px;
}

body[data-home-sections="v1"][data-link-ui="v1"] #company a.cs-profile-link svg.icon.icon--arrow {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
}

body[data-home-sections="v1"][data-link-ui="v1"] :is(.site-header, #first-view, #news, #challenges, #services, #search-support, #cases, #reviews, #pricing, #company, #faq, #consultation) a:focus-visible {
  outline: 2px solid #087c87;
  outline-offset: 5px;
}

@media (max-width: 350px) {
  body[data-home-sections="v1"][data-link-ui="v1"] #challenges[data-challenge-rows="v1"] a .icon.icon--arrow {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
  }
}