/* Course focus ring — a site-owned layer over the frozen Desk (pnda-*.html).
   Never restyles product markup: an outline takes no layout space and nothing else is
   dimmed (house rule: no opacity < 1 on text). The Desk page is isolated from the
   site's tokens, so the colour is spelled out: #E9E5DC = site --bone. */
[data-learn] {
  transition: outline-color 0.25s ease;
  outline: 2px solid transparent;
  outline-offset: 1px;
}
[data-learn].learn-focus {
  outline-color: #e9e5dc;
}
@media (prefers-reduced-motion: reduce) {
  [data-learn] {
    transition: none;
  }
}