/* Greenekka V10.11: dependable, emoji-free arrows for public action links. */
:root { --gk-action-arrow-color: #124b3b; }

/* The JS removes emoji-capable text glyphs; only actual action links receive a CSS icon. */
:where(a, button, [role="button"]).gk-v1011-arrow {
  --gk-arrow-size: 13px;
}
:where(a, button, [role="button"]).gk-v1011-arrow::after {
  content: "" !important;
  display: inline-block !important;
  width: var(--gk-arrow-size) !important;
  height: var(--gk-arrow-size) !important;
  flex: 0 0 var(--gk-arrow-size) !important;
  vertical-align: -.1em;
  margin-inline-start: 6px;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  opacity: 1 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  transform: none !important;
  transition: transform .15s cubic-bezier(.22,1,.36,1);
}
:where(a, button, [role="button"]).gk-v1011-arrow:hover::after {
  transform: translateX(2px) !important;
}

/* Editorial links: no background button, no emoji box. */
main a.gk-v1011-explore,
#home-root .section-title > a.gk-v1011-explore {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  min-height: 44px;
  padding: 8px 0;
  margin: 0;
  width: max-content;
  max-width: 100%;
  font: 700 12px/1.35 var(--gk-font-body, 'DM Sans', sans-serif);
  color: #124b3b;
  background: none;
  border: 0;
  box-shadow: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  white-space: nowrap;
}
main a.gk-v1011-explore::before,
#home-root .section-title > a.gk-v1011-explore::before { content: none !important; display: none !important; }
main a.gk-v1011-explore::after,
#home-root .section-title > a.gk-v1011-explore::after {
  margin-inline-start: 8px !important;
  --gk-arrow-size: 13px;
}
main a.gk-v1011-explore:focus-visible,
:where(a, button).gk-v1011-arrow:focus-visible {
  outline: 2px solid #124b3b;
  outline-offset: 3px;
  border-radius: 2px;
}
@media (max-width: 620px) {
  main a.gk-v1011-explore,
  #home-root .section-title > a.gk-v1011-explore { font-size: 12px; min-height: 44px; }
  main a.gk-v1011-explore::after,
  #home-root .section-title > a.gk-v1011-explore::after { --gk-arrow-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  :where(a, button, [role="button"]).gk-v1011-arrow::after { transition: none !important; }
}
