.purchase-journey-page { --purchase-ink: #202426; --purchase-muted: #56635d; }
.purchase-journey-page *, .purchase-journey-page *::before, .purchase-journey-page *::after { box-sizing: border-box; }
.purchase-journey-page .blog-align-left { text-align: left; }
.purchase-journey-page .blog-align-center { text-align: center; }
.purchase-journey-page .blog-align-right { text-align: right; }
.purchase-journey-page .blog-summary, .purchase-journey-page #blog-summary-heading, .purchase-journey-page .blog-content h2, .purchase-journey-page .blog-faq, .purchase-journey-page .qa-card { scroll-margin-top: 80px; }
.purchase-label { display: block; color: #42614d; font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.purchase-prompt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 22px; margin: 22px 0 30px; padding: 20px 22px; border: 1px solid #dbe4dc; border-radius: 14px; background: #f4f7f1; overflow-wrap: anywhere; }
.purchase-prompt p { margin: 7px 0 !important; color: #22392b; font-size: 17px; font-weight: 730; line-height: 1.5; }
.purchase-prompt small { display: block; color: var(--purchase-muted); font-size: 13px; line-height: 1.6; }
.purchase-prompt a { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; color: #244c36; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.purchase-prompt--middle { margin: 30px 0; }
.purchase-faq-next { color: var(--purchase-muted); font-size: 14px; line-height: 1.8; }
.purchase-faq-next a { color: #244c36; text-underline-offset: 4px; }
.purchase-dock { display: none; }
.purchase-journey-page a:focus-visible, .purchase-journey-page button:focus-visible, .purchase-journey-page summary:focus-visible, .purchase-journey-page input:focus-visible, .purchase-journey-page select:focus-visible { outline: 3px solid #426bcb; outline-offset: 4px; }
@media (max-width: 900px) {
  .purchase-dock { position: fixed; inset: auto 12px calc(12px + env(safe-area-inset-bottom)); z-index: 960; display: flex; align-items: center; max-width: 676px; margin: 0 auto; border-radius: 18px; background: #202426; color: #fff; box-shadow: 0 5px 20px #14201a26; }
  .hk-has-bottom-nav .purchase-dock { bottom: calc(78px + env(safe-area-inset-bottom)); }
  .purchase-dock > a { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 86px; padding: 17px 8px 17px 20px; color: #fff; text-decoration: none; }
  .purchase-dock strong { display: block; font-size: 15px; font-weight: 730; line-height: 1.5; overflow-wrap: anywhere; }
  .purchase-dock a > span > span { display: block; margin-top: 4px; color: #e1e7e3; font-size: 12px; line-height: 1.5; }
  .purchase-dock-arrow { font-size: 26px; line-height: 1; }
  .purchase-dock-close { flex: 0 0 44px; align-self: stretch; min-height: 44px; border: 0; border-radius: 0 18px 18px 0; color: #d3dbd6; background: transparent; font: inherit; font-size: 21px; cursor: pointer; }
  .purchase-dock-close[hidden], .purchase-dock[hidden], .hk-nav-open .purchase-dock,
  .purchase-journey-page:has(input:focus) .purchase-dock, .purchase-journey-page:has(textarea:focus) .purchase-dock,
  .purchase-journey-page:has(select:focus) .purchase-dock { display: none; }
  .purchase-journey-page .blog-footer, .purchase-journey-page .qa-footer { padding-bottom: 152px; }
  .purchase-dock-dismissed .blog-footer, .purchase-dock-dismissed .qa-footer { padding-bottom: 30px; }
  .purchase-prompt { padding: 17px; gap: 8px; }
  .purchase-prompt p { font-size: 16px; }
  .purchase-prompt small { font-size: 12px; }
}
@media (max-height: 480px) { .purchase-dock { display: none; } }
@media (prefers-reduced-motion: reduce) { .purchase-journey-page { scroll-behavior: auto; } }
@media print { .purchase-dock, .purchase-prompt, .purchase-faq-next { display: none; } }