:root {
  --signal-red: #c8473f;
}

/* Underline only the words, never the full width of their container. */
a:not(.logo):not(.platform):not(.action-card):hover,
a:not(.logo):not(.platform):not(.action-card):focus-visible,
a[aria-current="page"],
button:hover,
button:focus-visible {
  text-decoration-line: underline;
  text-decoration-color: var(--signal-red);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.platform:hover b,
.platform:focus-visible b,
.action-card:hover b,
.action-card:focus-visible b {
  text-decoration-line: underline;
  text-decoration-color: var(--signal-red);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

a:not(.logo):focus-visible,
button:focus-visible {
  outline: 2px solid var(--signal-red);
  outline-offset: 4px;
}