/* GENERATED by packages/design-system/scripts/build-wp.mjs in lonestar-launchpad-com. Do not edit; regenerate. */
/* ---------------------------------------------------------------------------
   Base
   --------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

/* The UA's [hidden]{display:none} loses to any component rule that sets
   display (e.g. .lslp-resource-card{display:flex}), so hiding via the hidden
   attribute silently stops working. Restate it with weight. */
[hidden] { display: none !important; }

body {
  margin: 0;
  background: var(--lslp-surface);
  color: var(--lslp-text);
  font-family: var(--lslp-font-sans);
  font-size: var(--lslp-body-size);
  line-height: var(--lslp-body-line);
  -webkit-font-smoothing: antialiased;
}

.lslp-u-visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}

.lslp-skip-link {
  position: absolute; left: var(--lslp-space-4); top: -60px; z-index: 100;
  background: var(--lslp-navy); color: var(--lslp-white);
  padding: var(--lslp-space-3) var(--lslp-space-5);
  font-weight: var(--lslp-label-weight); text-decoration: none;
  transition: top 120ms ease;
}
.lslp-skip-link:focus { top: var(--lslp-space-4); }