.jp-guide { background: var(--jp-card); }
.jp-guide .jp-hero-grid { align-items: center; }
.jp-guide-breadcrumb { margin-bottom: 28px; font-size: 14px; color: var(--jp-ink-2); }
.jp-guide-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.jp-guide .jp-eyebrow + .jp-display { margin-top: 20px; }
.jp-guide .jp-hero-shot { max-height: 580px; object-fit: contain; }
.jp-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.jp-guide-card { background: var(--jp-card); border: 1px solid var(--jp-line); border-radius: 20px; padding: 28px; }
.jp-guide-card p, .jp-guide-steps p, .jp-guide-scope p { margin-top: 12px; color: var(--jp-ink-2); line-height: 1.85; font-size: 17px; }
.jp-guide-steps { display: grid; gap: 28px; max-width: 850px; margin-top: 36px; padding: 0; list-style: none; }
.jp-guide-steps li { display: flex; align-items: flex-start; gap: 20px; }
.jp-guide-step-number { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--jp-brand-ink); color: #fff; font-weight: 700; }
.jp-guide-scope { margin-top: 44px; padding: 28px; border: 1px solid var(--jp-line); border-radius: 20px; }
.jp-guide-scope a { display: inline-block; margin-top: 18px; text-decoration: underline; text-underline-offset: 4px; }
.jp-guide-related { margin-top: 28px; line-height: 2; }
.jp-guide-related a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .jp-guide-grid { grid-template-columns: 1fr; gap: 16px; }
  .jp-guide-card, .jp-guide-scope { padding: 22px; }
  .jp-guide-card p, .jp-guide-steps p, .jp-guide-scope p { font-size: 16px; }
  .jp-guide-breadcrumb { margin-bottom: 22px; }
}