/* Sell at the Market (sell.html + docs/market-pricing.html). Local preview 2026-10-06.
   Dark luxury tokens from styles.css .page-lux: #08080A ground, #C9A962 gold, Cormorant Garamond display. */
.sell-page { background: var(--lux-bg, #08080A); color: rgba(245, 242, 235, .82); }
.sell-page main { overflow-x: clip; }
.sell-hero { padding: clamp(72px, 10vw, 128px) 0 clamp(28px, 4vw, 44px);
  background: radial-gradient(90% 70% at 85% 0%, rgba(201, 169, 98, .10), transparent 60%), radial-gradient(60% 60% at 8% 12%, rgba(79, 198, 211, .06), transparent 65%); }
.sell-hero h1 { font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 1.02; margin: 10px 0 18px; color: var(--lux-cream, #F5F2EB); }
.sell-lead { max-width: 42rem; font-size: 1.16rem; line-height: 1.7; color: rgba(245, 242, 235, .88); margin: 0; }
.sell-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.sell-hero__ctas .lux-btn-fill, .sell-hero__ctas .so-btn-ghost { min-height: 48px; }
.sell-jump { margin: 18px 0 0; font-size: .92rem; color: var(--lux-muted, #A09B94); }
.sell-jump a { margin-right: 14px; }

.sell-sec { padding: clamp(40px, 6vw, 72px) 0; border-top: 1px solid rgba(201, 169, 98, .14); }
.sell-sec h2 { font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(1.9rem, 4vw, 2.7rem); line-height: 1.1; margin: 8px 0 14px; color: var(--lux-cream, #F5F2EB); }
.sell-sec__intro { max-width: 44rem; line-height: 1.7; margin: 0 0 28px; }

.sell-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 18px; counter-reset: sell; }
.sell-step { position: relative; padding: 26px 22px 22px; background: var(--lux-panel, #12141A); border: 1px solid rgba(201, 169, 98, .2); border-radius: 14px; counter-increment: sell; }
.sell-step::before { content: counter(sell); display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(201, 169, 98, .6); color: var(--lux-gold, #C9A962); font: 600 1.05rem var(--font-display, 'Cormorant Garamond', serif); margin-bottom: 12px; }
.sell-step h3 { margin: 0 0 8px; font-size: 1.35rem; line-height: 1.2; }
.sell-step p { margin: 0; line-height: 1.65; font-size: .99rem; }

.sell-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
.sell-path { padding: 16px 18px; border-left: 2px solid rgba(201, 169, 98, .55); background: rgba(201, 169, 98, .04); border-radius: 0 10px 10px 0; }
.sell-path strong { display: block; color: var(--lux-cream, #F5F2EB); font-size: 1.02rem; margin-bottom: 4px; }
.sell-path span { font-size: .95rem; line-height: 1.55; }

/* Documents */
.sell-docs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.sell-doc { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 22px; background: var(--lux-panel, #12141A); border: 1px solid rgba(201, 169, 98, .22); border-radius: 14px; overflow: hidden; }
.sell-doc--sample::after { content: "SAMPLE"; position: absolute; right: -34px; top: 50%; transform: translateY(-50%) rotate(-28deg); font: 700 4.4rem/1 var(--font-display, 'Cormorant Garamond', serif); letter-spacing: .12em; color: rgba(201, 169, 98, .07); pointer-events: none; }
.sell-doc--soon { border-style: dashed; }
.sell-doc__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.sell-chip { display: inline-block; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(201, 169, 98, .45); color: var(--lux-gold, #C9A962); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.sell-chip--sample { border-color: rgba(232, 201, 148, .8); background: rgba(201, 169, 98, .14); color: #E8C994; }
.sell-chip--soon { border-color: rgba(160, 155, 148, .5); color: var(--lux-muted, #A09B94); }
.sell-doc h3 { margin: 2px 0 0; font-size: 1.45rem; line-height: 1.15; }
.sell-doc p { margin: 0; line-height: 1.6; font-size: .97rem; }
.sell-doc__label { font-size: .8rem !important; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #E8C994; }
.sell-doc__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 8px; position: relative; z-index: 1; }
.sell-doc__actions a, .sell-doc__actions .sell-doc__off { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 999px; font-size: .92rem; font-weight: 600; text-decoration: none; }
.page-lux .sell-doc__actions a.sell-doc__btn { background: var(--lux-gold, #C9A962); color: #08080A !important; border: 1px solid var(--lux-gold, #C9A962); }
.page-lux .sell-doc__actions a.sell-doc__btn--ghost { background: transparent; color: var(--lux-gold, #C9A962); border: 1px solid rgba(201, 169, 98, .55); }
.sell-doc__actions a:hover { filter: brightness(1.08); }
.sell-doc__off { border: 1px dashed rgba(160, 155, 148, .5); color: var(--lux-muted, #A09B94); cursor: default; }
.sell-note { margin: 24px 0 0; padding: 18px 22px; border: 1px solid rgba(201, 169, 98, .3); border-radius: 12px; background: rgba(201, 169, 98, .05); max-width: 52rem; line-height: 1.65; }
.sell-note strong { color: var(--lux-cream, #F5F2EB); }

/* FAQ */
.sell-faq { max-width: 52rem; }
.sell-faq details { border-bottom: 1px solid rgba(201, 169, 98, .18); }
.sell-faq summary { cursor: pointer; list-style: none; padding: 18px 36px 18px 0; position: relative; font: 600 1.28rem/1.3 var(--font-display, 'Cormorant Garamond', serif); color: var(--lux-cream, #F5F2EB); }
.sell-faq summary::-webkit-details-marker { display: none; }
.sell-faq summary::after { content: "+"; position: absolute; right: 4px; top: 14px; font: 400 1.6rem/1 var(--font-body, 'Source Sans 3', sans-serif); color: var(--lux-gold, #C9A962); }
.sell-faq details[open] summary::after { content: "\2212"; }
.sell-faq details > div { padding: 0 0 20px; line-height: 1.7; }
.sell-faq details > div p { margin: 0 0 10px; }
.sell-faq ul { margin: 0 0 10px; padding-left: 1.2rem; }

/* CTA */
.sell-cta { text-align: center; padding: clamp(56px, 8vw, 96px) 0 clamp(72px, 9vw, 120px); border-top: 1px solid rgba(201, 169, 98, .14); }
.sell-cta h2 { font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(2rem, 4.5vw, 3rem); margin: 8px 0 12px; color: var(--lux-cream, #F5F2EB); }
.sell-cta p { margin: 0 auto 26px; max-width: 34rem; line-height: 1.7; }
.sell-cta .uc-ctas { margin: 0; }

/* Pricing document view */
.price-doc { max-width: 54rem; }
.price-doc h2 { font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(1.6rem, 3.4vw, 2.2rem); margin: 40px 0 12px; color: var(--lux-cream, #F5F2EB); }
.price-doc h3 { font-size: 1.25rem; margin: 26px 0 10px; }
.price-doc p, .price-doc li { line-height: 1.7; }
.price-doc ol { padding-left: 1.3rem; }
.price-table { width: 100%; border-collapse: collapse; margin: 6px 0 14px; font-size: .97rem; }
.price-table th, .price-table td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid rgba(201, 169, 98, .16); }
.price-table thead th { color: var(--lux-gold, #C9A962); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.price-table tbody th { color: var(--lux-cream, #F5F2EB); font-weight: 600; width: 34%; }
.price-table strong { color: var(--lux-cream, #F5F2EB); }
.price-table-wrap { overflow-x: auto; }
.price-ex { font-style: italic; color: rgba(245, 242, 235, .78); }
.price-foot { margin-top: 30px; font-size: .9rem; color: var(--lux-muted, #A09B94); font-style: italic; }
.price-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 22px 0 0; }

@media (max-width: 640px) {
  .sell-hero__ctas { flex-direction: column; align-items: stretch; }
  .price-table th, .price-table td { padding: 9px 8px; }
  .price-table tbody th { width: 40%; }
}
.sell-doc__actions[hidden] { display: none; }
/* Document slots: a card with .sell-doc--soon shows only its "coming soon" state.
   When the file lands, delete "sell-doc--soon" from the card's class and View / Download appear. */
.sell-doc--soon [data-doc-ready] { display: none; }
.sell-doc:not(.sell-doc--soon) [data-doc-off],
.sell-doc:not(.sell-doc--soon) .sell-chip--soon { display: none; }
/* Readability: lift body copy on the dark ground */
.sell-page .sell-sec p, .sell-page .sell-sec li, .sell-page .sell-cta p { color: rgba(245, 242, 235, .8); }
.sell-page .sell-sec p.sell-doc__label { color: #E8C994; }
.sell-page .sell-sec p.price-foot { color: var(--lux-muted, #A09B94); }