.prm-help,
.prm-help * { box-sizing: border-box; }
.prm-help {
  --prm-help-primary: #171717;
  --prm-help-accent: #ff7a00;
  width: min(1240px, calc(100% - 32px));
  max-width: 1240px;
  margin: 32px auto;
  color: #171717;
  background: #fff;
  border: 1px solid rgba(0,0,0,.09);
  font: 14px/1.6 "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  text-align: left;
}
.prm-help__header { padding: 34px 40px 28px; color: #fff; background: var(--prm-help-primary); }
.prm-help__eyebrow { display: block; margin-bottom: 7px; color: var(--prm-help-accent); font-size: 11px; font-weight: 700; letter-spacing: .13em; line-height: 1.6; }
.prm-help h2 { margin: 0; color: inherit; font-size: clamp(28px, 3vw, 40px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; }
.prm-help h3 { margin: 0 0 9px; color: #171717; font-size: 18px; font-weight: 700; line-height: 1.35; letter-spacing: normal; }
.prm-help p { margin: 0 0 12px; color: #4d4d4d; font: inherit; }
.prm-help__intro { max-width: 780px; margin: 12px 0 0 !important; color: rgba(255,255,255,.78) !important; font-size: 15px !important; }
.prm-help__content { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 28px 40px; padding: 34px 40px 40px; }
.prm-help__steps { display: grid; gap: 20px; align-content: start; margin: 0; padding: 0; list-style: none; counter-reset: prm-help-step; }
.prm-help__steps li { position: relative; padding-left: 44px; counter-increment: prm-help-step; }
.prm-help__steps li::before { content: counter(prm-help-step); position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--prm-help-primary); color: #fff; font-size: 13px; font-weight: 700; }
.prm-help__steps li p { margin: 0; }
.prm-help__section { min-width: 0; padding: 22px; border: 1px solid #e5e3df; border-radius: 8px; background: #faf9f6; }
.prm-help__tips,
.prm-help__checklist { display: grid; gap: 12px; margin: 0; padding-left: 20px; color: #4d4d4d; }
.prm-help__tips { list-style: disc; }
.prm-help__checklist { list-style: "✓  "; }
.prm-help__tips li::marker { color: #777; }
.prm-help__checklist li::marker { color: var(--prm-help-accent); font-weight: 700; }
.prm-help__section--video { align-self: start; }
.prm-help__video { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid #dedbd5; border-radius: 7px; background: #111; }
.prm-help__video video { display: block; width: 100%; height: 100%; object-fit: contain; background: #111; }
@media (max-width: 900px) {
  .prm-help__content { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .prm-help { width: calc(100% - 24px); margin: 12px auto; }
  .prm-help__header { padding: 28px 20px 24px; }
  .prm-help__content { gap: 18px; padding: 22px 20px 28px; }
  .prm-help__section { padding: 18px; }
  .prm-help h2 { font-size: 28px; }
}

/*
 * Map instructions share the RW Suite Global Styling palette on every site.
 * The embedded map designer itself intentionally retains its original dark UI.
 */
.prm-help {
  --prm-help-primary: var(--rw-primary, #171717);
  --prm-help-secondary: var(--rw-secondary, #ffffff);
  --prm-help-hover: var(--rw-hover, #ff7a00);
  --prm-help-on-primary: var(--rw-on-primary, #ffffff);
  --prm-help-on-secondary: var(--rw-on-secondary, #171717);
  background: var(--prm-help-secondary);
  color: var(--prm-help-on-secondary);
  border-color: color-mix(in srgb, var(--prm-help-primary) 15%, transparent);
}
.prm-help .prm-help__header {
  background: var(--prm-help-primary);
  color: var(--prm-help-on-primary);
  border-bottom: 1px solid color-mix(in srgb, var(--prm-help-primary) 40%, transparent);
}
.prm-help .prm-help__header h2 {
  color: var(--prm-help-on-primary);
}
.prm-help .prm-help__eyebrow {
  color: var(--prm-help-hover);
}
.prm-help .prm-help__intro {
  color: var(--prm-help-on-primary) !important;
  opacity: .83;
}
.prm-help .prm-help__content {
  background: var(--prm-help-secondary);
  color: var(--prm-help-on-secondary);
}
.prm-help .prm-help__content h3,
.prm-help .prm-help__content p,
.prm-help .prm-help__tips,
.prm-help .prm-help__checklist {
  color: var(--prm-help-on-secondary);
}
.prm-help .prm-help__steps li::before {
  background: var(--prm-help-primary);
  color: var(--prm-help-on-primary);
}
.prm-help .prm-help__section {
  background: color-mix(in srgb, var(--prm-help-secondary) 96%, var(--prm-help-primary));
  border-color: color-mix(in srgb, var(--prm-help-primary) 15%, transparent);
}
.prm-help .prm-help__tips li::marker {
  color: var(--prm-help-primary);
}
.prm-help .prm-help__checklist li::marker {
  color: var(--prm-help-hover);
}
.prm-help a:hover, .prm-help a:focus-visible {
  color: var(--prm-help-hover);
}