/* Info pages: sell, help, about, contact — only what picso.css doesn't already cover. */

/* Sell — weekly quota bars (8 formats instead of 4 royalty tiers) */
.ic-quota-bars { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.ic-quota-bars .cx-tier-bar { background: var(--c, var(--ink-950)); height: calc(var(--h) - 34%); }
.ic-quota-bars .cx-tier:last-child .cx-tier-bar { background: var(--c, var(--lime)); }
.ic-quota-bars .cx-tier-rate { font-size: var(--fs-lg); }
.ic-quota-bars .cx-tier-lbl { font-size: 11px; white-space: normal; text-align: center; line-height: 1.2; min-height: 2.4em; }
@media (max-width: 600px) {
	.ic-quota-bars { grid-template-columns: repeat(4, minmax(0, 1fr)); height: auto; row-gap: 22px; }
	.ic-quota-bars .cx-tier { height: 150px; }
}

/* Sell — creators block in place of a testimonial */
.cx-quote-media picture { display: block; }
.ic-statement { margin-top: 20px; font-size: clamp(1.35rem, 1rem + 1.1vw, 1.9rem); line-height: 1.25; letter-spacing: -0.025em; font-weight: 500; }
.ic-statement .serif { font-size: 1.1em; }
.ic-creators { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; margin-top: 24px; }
@media (max-width: 560px) { .ic-creators { grid-template-columns: minmax(0, 1fr); } }
.cm-company { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--line, #e4e4e8); border-radius: 16px; } .cm-company p { margin: 2px 0 0; } @media (max-width: 640px) { .cm-company { flex-wrap: wrap; } }