/*
 * The R404A servicing-restriction note on /documents/.
 *
 * Its own file rather than an addition to guides.v1.css, because /documents/
 * does not load that stylesheet — it loads legal-center.v3.css. Every rule is
 * scoped to the injected node, so nothing else on the page can be reached.
 * Colours are the site's own: the amber from --egohome-tone-amber, the teal
 * from --egohome-teal, restated locally because those tokens are defined by
 * homepage-v2.v1.css and only exist on the five home pages.
 */
.gwpRestrictionNote {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-left: 3px solid #efbd54;
  border-radius: 6px;
  background: rgba(239, 189, 84, 0.07);
  color: #a1b5ce;
  font-size: 12px;
  line-height: 1.55;
}

.gwpRestrictionNote a {
  color: #49d2b5;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.gwpRestrictionNote a:focus-visible {
  outline: 2px solid #5b86ff;
  outline-offset: 2px;
}

@media (forced-colors: active) {
  .gwpRestrictionNote { border-left-color: Highlight; }
}