/* Website-owned layout for the packaged app. Keep the original app bundle intact.
   The app switches to its two-column layout above 640px; its shell must grow
   with that layout so the primary action has enough space. This stylesheet is
   linked by the retained HTML wrapper and survives subsequent app packaging. */
@media (min-width: 641px) {
  :root {
    --app-shell-max-width: 720px;
  }
}

/* Website recovery links only; do not target the running app or its controls. */
.launch-help a,.web-no-script a { text-decoration-thickness: .075em; text-underline-offset: .22em; }
.launch-help a:is(:hover,:focus-visible) { color: #fff; text-decoration-line: underline; text-decoration-thickness: .15em; }
.web-no-script a:is(:hover,:focus-visible) { color: #034640; text-decoration-line: underline; text-decoration-thickness: .15em; }
.launch-help a:focus-visible,.web-no-script a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (forced-colors: active) {
  .launch-help a,.web-no-script a,.launch-help a:is(:hover,:focus-visible),.web-no-script a:is(:hover,:focus-visible) { color: LinkText; }
  .launch-help a:focus-visible,.web-no-script a:focus-visible { outline-color: Highlight; }
}