/* ================================================================
   WAPISO wapiv3: legal version notice (billing P19, Legal G2).
   The box under the hero of /terms-of-service while a published
   version is not in effect yet, and on top of the /terms-of-service/2.1
   archive once a newer version exists. Markup:
   components/legal-version-notice.php. Loaded through $extraCSS only
   on the renders that show the box, so the legal pages are unchanged
   whenever there is nothing to say.
   ================================================================ */

.legal-version-notice {
  padding: 16px 20px;
  background: var(--surface-raised);
  border: 1px solid var(--hairline);
  border-left: 4px solid var(--brand);
  border-radius: 12px;
}

.legal-version-notice p {
  margin: 0;
  max-width: 75ch;
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink-1);
}

.legal-version-notice a {
  color: var(--brand-deep);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-version-notice a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 2px;
}