/* Purchase drafts retain the existing typography, colors and footer. */
.draft-plans { margin: 2rem 0; }
.draft-plans h2, .commerce-page h2 { font-size: 1.25rem; margin-bottom: 1rem; }
.draft-plans p, .commerce-page p { line-height: 1.85; margin-bottom: 1rem; }
.draft-label { display: inline-block; padding: .25rem .7rem; border-radius: var(--r-pill); background: var(--brand-bg); color: var(--brand-dark); font-size: .875rem; font-weight: 600; }
.draft-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.draft-plan { padding: 1.5rem 1rem; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--paper); }
.draft-plan h3 { font-size: 1rem; margin-bottom: 1rem; }
.draft-plan .draft-price { font-size: 2rem; line-height: 1.4; margin-bottom: .5rem; color: var(--ink); }
.draft-price span { display: inline-block; font-size: .875rem; margin-left: .25rem; }
.draft-plan .draft-count { font-size: 1.25rem; font-weight: 600; margin-bottom: .5rem; }
.draft-plan p:last-child { font-size: .875rem; color: var(--ink2); margin-bottom: 0; }
.draft-plan .draft-count:last-child { font-size: 1.25rem; color: var(--ink); }
.draft-plans .draft-count { font-size: 1.75rem; }
.draft-plans button { width: 100%; margin-top: 1rem; }
.draft-plans button[data-plan] { white-space: nowrap; }
.plan-links { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; }
.draft-plans button:disabled { opacity: .55; cursor: not-allowed; }
.plan-shared { margin: 1.5rem 0; }
.plan-trial { margin-top: 2.5rem; padding: 1.75rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.plan-trial h2, .plan-conditions h2 { font-size: 1.125rem; margin-bottom: .75rem; }
.plan-trial p, .plan-conditions p { line-height: 1.85; margin-bottom: 1rem; }
.plan-conditions { margin-top: 2rem; font-size: .9375rem; }
.plan-conditions h2:not(:first-child) { margin-top: 1.5rem; }
[data-preview-commerce][hidden] { display: none !important; }
.preview-commerce-note { margin: 1.25rem 0; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: var(--r-md); font-size: .875rem; line-height: 1.7; color: var(--ink2); }
.draft-status { font-weight: 600; }
.draft-plans a, .commerce-page a { text-decoration: underline; text-underline-offset: .2em; }
.commerce-page section { margin: 2rem 0; }
.commerce-notice { padding: 1.5rem; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--brand-bg); }
.commerce-facts { margin: 1rem 0 2rem; }
.commerce-facts > div { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 3fr); gap: 1.25rem; padding: 1.25rem 0; border-bottom: 1px solid var(--border); line-height: 1.85; }
.commerce-facts dt { font-weight: 600; }
.commerce-facts dd { margin: 0; overflow-wrap: anywhere; }
.purchase-history-card { padding:1.5rem; margin:1.5rem 0; border:1px solid var(--border); border-radius:var(--r-md); }
.purchase-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin:1rem 0; }
.purchase-agreement { display:flex; align-items:flex-start; gap:.75rem; margin:1.5rem 0; line-height:1.8; }
.purchase-agreement input { margin-top:.45rem; flex-shrink:0; }
.commerce-page button { white-space:normal; }
.commerce-page [hidden] { display:none !important; }
.purchase-history-card h3 { font-size:1.1rem; line-height:1.8; }
@media (max-width: 700px) {
  .draft-plan-grid { grid-template-columns: 1fr; }
  .commerce-facts > div { grid-template-columns: 1fr; gap: .5rem; }
  .commerce-notice { padding: 1rem; }
}