body { margin: 0; background: var(--color-bg, #f8f3f1); color: var(--color-text-strong, #2f1d1f); }
.purchase-header { max-width: 1100px; margin: auto; padding: 20px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; }
.purchase-document { max-width: 760px; margin: 24px auto; padding: 24px; background: white; border-radius: 20px; overflow-wrap: anywhere; }
.purchase-document h1 { font-size: 32px; } .purchase-document h2 { font-size: 24px; margin-top: 24px; }
.purchase-document p { line-height: 1.5; }
.purchase-stack { display: grid; gap: 16px; } [hidden] { display: none !important; }
.purchase-stack .form-field { display: grid; gap: 8px; }
.purchase-stack .input { box-sizing: border-box; width: 100%; min-width: 0; font: inherit; }
.purchase-stack button { justify-self: start; white-space: normal; min-height: 44px; }
.purchase-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.purchase-document pre, .purchase-document dd { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 8px 0 20px; }
.purchase-document dt { font-weight: 600; }
.purchase-document a { text-decoration: underline; }
@media (max-width: 600px) { .purchase-document { margin: 12px; padding: 20px; } }
.purchase-document textarea.input { border-radius: 12px; min-height: 140px; padding: 14px 16px; line-height: 1.5; resize: vertical; }
.purchase-document .purchase-stack .form-field { display: grid; gap: 8px; }
.purchase-document > p { max-width: 68ch; line-height: 1.6; }