/* Shared control focus: no outer ring; a quiet inset cue for keyboard navigation. */
html :focus {
  outline: none !important;
  outline-offset: 0 !important;
}
html :focus-visible {
  box-shadow: inset 0 -2px 0 var(--gold, #bda97a) !important;
}
html :is(a, summary):focus-visible {
  text-decoration: underline !important;
  text-decoration-color: var(--gold, #bda97a) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: .25em;
}
/* These controls draw focus on a wrapper or track rather than the native input. */
html :is(.portal-date-control, .topic-choice):focus-within,
html .cdn-code-box:focus-within .code-box-row,
#cdn-cookie-settings .cdn-cookie-switch input:focus-visible + .cdn-cookie-track {
  outline: none !important;
  outline-offset: 0 !important;
}
html :is(.portal-date-control, .topic-choice):has(:focus-visible),
html .cdn-code-box:has(:focus-visible) .code-box-row,
#cdn-cookie-settings .cdn-cookie-switch input:focus-visible + .cdn-cookie-track {
  box-shadow: inset 0 -2px 0 var(--gold, #bda97a) !important;
}
/* Existing selected controls retain a quiet marker rather than a dark frame. */
html .help-category-link[aria-current=page],
html .alias-permissions label:has(input:checked) {
  outline: none !important;
  box-shadow: inset 0 -2px 0 var(--gold, #bda97a);
}
@media (forced-colors: active) {
  /* System high contrast needs its own visible focus colour. */
  html :focus-visible,
  html :is(.portal-date-control, .topic-choice):has(:focus-visible),
  html .cdn-code-box:has(:focus-visible) .code-box-row,
  #cdn-cookie-settings .cdn-cookie-switch input:focus-visible + .cdn-cookie-track {
    outline: 1px solid Highlight !important;
    outline-offset: 3px !important;
  }
}