/* Links to the user guides at jpraxc.com/docs (js/erp-guide-links.js). */
.erp-guide-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  margin-top: 8px;
  padding: 3px 10px 3px 8px;
  border: 1px solid var(--cw-line, #e3d6d2);
  border-radius: 999px;
  background: transparent;
  color: var(--cw-wine, #650d2d);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
}
.erp-guide-link:hover { border-color: var(--cw-wine, #650d2d); background: var(--cw-hover, rgba(101, 13, 45, .06)); }
.erp-guide-link:focus-visible { outline: 3px solid var(--cw-gold, #c9962b); outline-offset: 2px; }
.erp-guide-link svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.erp-guide-link b { font-weight: 700; opacity: .75; }
/* The module link sits on its own line under the heading's description. */
.page-heading .erp-guide-link--module { display: flex; }
/* A pane's link sits under the pane's title, smaller and quieter than the module's. */
.erp-guide-link--step { margin-top: 6px; font-size: 12px; font-weight: 600; border-style: dashed; }
/* A card pane (details) has no header block: the link opens its body, inside the card's padding. */
details.module-pane > .erp-guide-link--step { margin: 14px 20px 2px; }
.module-pane-group > .erp-guide-link--step, .settings-drawer-content > .erp-guide-link--step { margin: 0 0 12px; }
/* On a wine hero (Contact JPRAXC, Group Schools) the link takes the hero's light text. */
.cj-hero .erp-guide-link { color: #fff; border-color: rgba(255, 255, 255, .45); }
.cj-hero .erp-guide-link:hover { background: rgba(255, 255, 255, .12); border-color: #fff; }
/* The sign-in screen. */
#login-form .erp-guide-link--signin { margin: 12px auto 0; }
:root[data-color-scheme="dark"] .erp-guide-link { color: var(--cw-gold, #e9c98f); border-color: var(--cw-line, #4a3540); }
:root[data-color-scheme="dark"] .erp-guide-link:hover { border-color: var(--cw-gold, #e9c98f); background: rgba(233, 201, 143, .08); }
@media print { .erp-guide-link { display: none !important; } }