/* Make <span>s that replaced <a>s behave neutrally (no pointer, no underline). */
span { cursor: default; }
header ul li span,
section.cta .box ul li span,
nav ul li span,
footer span,
p span[style*="color"] {
  text-decoration: none;
  color: inherit;
}
footer > span { display: inline-block; }

/* FAQ accordion — mobile only (desktop CSS already shows all dd in 2-col).
   JS toggles `.open` on <dt>; this rule reveals the matching <dd>. */
@media screen and (max-width: 800px) {
  #faq ul li dl.accordion dt.open + dd { display: block; }
}