/* HQ-1719: scoped Gold Support page, using the existing storefront tokens. */
.gold-support-page .gs-lead { max-width: 720px; color: var(--text-dim); margin: 6px 0 0; }
.gold-support-page .term-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 22px 0 4px; }
.gold-support-page .term-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; }
.gold-support-page .term-card h3 { margin: 0 0 6px; font-size: var(--type-card-title); }
.gold-support-page .term-card p { margin: 0; color: var(--text-dim); font-size: 14px; line-height: 1.55; }
.gold-support-page .term-card p + p { margin-top: 12px; }
.gold-support-page .term-card .term-hi { color: var(--brand-ink); font-weight: 600; }
.gold-support-page .gs-form { max-width: 760px; margin-top: 20px; }
.gold-support-page .gs-form textarea.field { min-height: 120px; resize: vertical; font: inherit; }
.gold-support-page .gs-section { margin-top: 30px; }
.gold-support-page [data-gold-agreement] summary { cursor: pointer; font-weight: 600; }
.gold-support-page .gs-agreement-terms { margin-top: 16px; }
.gold-support-page .gs-signing-date { line-height: 1.6; }

/* Customer-state presentation preserves the shared Safiery palette and controls. */
.gold-support-page [hidden] { display: none !important; }
.gold-support-page .gs-heading { margin: 18px 0 8px; }
.gold-support-page .gs-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 22px 0 12px; }
.gold-support-page [data-gs-status] { margin-top: 14px; }
.gold-support-page .trade-banner { flex-wrap: wrap; }
.gold-support-page .trade-banner .gs-actions { margin: 0; }
.gold-support-page [data-ticket-receipt] p + p { margin-top: 12px; }
.gold-support-page [data-ticket-receipt] .gs-actions { margin-bottom: 0; }
.gold-support-page .gs-section > h3 { margin: 0 0 8px; }

/* Signed-in membership uses the page grid, without the login card's margins. */
.gold-support-page .gs-member-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 20px; }
.gold-support-page .gs-member-heading h3 { font-size: 1rem; }
.gold-support-page .gs-member-heading p { margin: 0; color: var(--text-mut); font-size: 13px; overflow-wrap: anywhere; }
.gold-support-page .gs-member-notice p { max-width: 80ch; }
.gold-support-page .gs-member-notice .btn { margin-top: 16px; }
.gold-support-page .gs-member-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; }
.gold-support-page .gs-member-copy h4 { margin: 0 0 8px; }
.gold-support-page .gs-member-copy p { max-width: 62ch; margin: 0; }
.gold-support-page .gs-member-copy .gs-member-note { margin-top: 8px; color: var(--text-mut); font-size: 13px; }
.gold-support-page .gs-member-action { min-width: 230px; }
.gold-support-page .gs-member-action .gs-member-tax { margin: 4px 0 14px; font-size: 13px; }
.gold-support-page .gs-member-action .btn { width: 100%; }

/* HQ-1719: benefits and service details before a compact annual signup. */
.gold-support-page .gs-hero { margin-top: 24px; }
.gold-support-page .gs-hero .gs-heading { margin: 0; }
.gold-support-page .gs-hero h2 { font-size: var(--type-section-title); }
.gold-support-page .gs-hero .gs-lead { max-width: 760px; margin-top: 12px; font-size: 16px; }
.gold-support-page .term-card h3,
.gold-support-page .gs-section > h3 { font-size: 1rem; }
.gold-support-page .gs-plan { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 28px; padding: 22px; }
.gold-support-page .gs-plan .gs-plan-price,
.gold-support-page .gs-member-action .gs-plan-price { display: flex; align-items: baseline; gap: 7px; margin: 8px 0 4px; color: var(--text-dim); }
.gold-support-page .gs-plan-price strong { color: var(--text); font-family: var(--mono); font-size: var(--type-card-title); font-weight: 600; letter-spacing: normal; line-height: 1.55; }
.gold-support-page .gs-plan-actions { min-width: 220px; }
.gold-support-page .gs-plan-join { display: flex; justify-content: center; width: 100%; }
.gold-support-page .gs-plan-signin { display: block; text-align: center; margin-top: 12px; font-size: 14px; }
.gold-support-page .gs-plan-next p { margin: 0; font-size: 13px; color: var(--text-mut); }
.gold-support-page .gs-plan-next ol { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 10px 0 0; padding: 0; list-style: none; counter-reset: gold-steps; }
.gold-support-page .gs-plan-next li { counter-increment: gold-steps; font-size: 14px; color: var(--text-dim); }
.gold-support-page .gs-plan-next li::before { content: counter(gold-steps) ". "; color: var(--brand-ink); }
.gold-support-page .gs-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 14px; }
@media (max-width: 900px) {
  .gold-support-page .gs-plan { grid-template-columns: 1fr auto; }
  .gold-support-page .gs-plan-next { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 600px) {
  .gold-support-page .gs-member-panel { grid-template-columns: 1fr; gap: 20px; }
  .gold-support-page .gs-member-action { min-width: 0; }
  .gold-support-page .gs-plan { grid-template-columns: 1fr; gap: 20px; }
  .gold-support-page .gs-plan-next { grid-column: auto; grid-row: auto; }
  .gold-support-page .gs-plan-actions { min-width: 0; }
  .gold-support-page .gs-service-grid { grid-template-columns: 1fr; gap: 20px; }
}

/* Focused agreement step, with the same storefront type and surface tokens. */
.gold-support-page.gs-reviewing-agreement [data-gs-overview],
.gold-support-page.gs-reviewing-agreement [data-gs-public-actions],
.gold-support-page.gs-reviewing-agreement [data-ticket-section] { display: none; }
.gold-support-page.gs-reviewing-agreement [data-gold-agreement] { max-width: 920px; margin: 24px auto 0; }
.gold-support-page .gs-review-nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 24px; font-size: 13px; color: var(--text-mut); }
.gold-support-page [data-agreement-intro] { max-width: 78ch; font-size: 14px; color: var(--text-dim); }
.gold-support-page [data-gold-agreement] > h2 { margin: 0 0 8px; font-size: var(--type-card-title); }
.gold-support-page .gs-agreement-reader h3 { margin: 0 0 14px; }
.gold-support-page .gs-agreement-terms { max-height: 340px; overflow-y: auto; margin-top: 0; padding-right: 16px; overscroll-behavior: contain; }
.gold-support-page .gs-agreement-terms:focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 4px; }
.gold-support-page .gs-read-help { color: var(--text-mut); font-size: 13px; }
.gold-support-page .gs-checkout-error { margin-top: 16px; }
.gold-support-page .gs-member-copy .gs-payment-step { margin-bottom: 8px; color: var(--text-mut); font-size: 13px; }
.gold-support-page .gs-signing-date { font-size: 14px; }
.gold-support-page [data-gold-agreement] .gs-form [type="submit"] { margin-top: 16px; }