/* Threads - published price ranges ([threads_pricing]). Palette mirrors the Thread Differently site. */
.td-pricing {
	--p-ink: var(--td-ink, #161A1D);
	--p-muted: var(--td-muted, #5B6166);
	--p-line: var(--td-line, #E2D8C8);
	--p-thread: var(--td-thread, #B8432A);
	--p-card: #FFFFFF;
	--p-display: var(--td-font-display, Fraunces, Georgia, serif);
	color: var(--p-ink);
}
.td-pricing--dark {
	--p-ink: var(--td-cream, #FBF8F3);
	--p-muted: rgb(251 248 243 / .72);
	--p-line: rgb(251 248 243 / .18);
	--p-card: rgb(251 248 243 / .05);
	--p-thread: #E07A5F;
}
.td-pricing *, .td-pricing *::before, .td-pricing *::after { box-sizing: border-box; }
.td-pricing-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 900px) { .td-pricing-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.td-pricing-card { margin: 0; padding: 24px; border: 1px solid var(--p-line); border-radius: 20px; background: var(--p-card); display: flex; flex-direction: column; }
.td-pricing-card.is-featured { border-color: var(--p-thread); }
.td-pricing-name { margin: 0; font-family: var(--p-display); font-weight: 400; font-size: 20px; line-height: 1.3; color: var(--p-ink); }
.td-pricing-price { margin: 14px 0 0; font-family: var(--p-display); font-size: 26px; line-height: 1.2; color: var(--p-ink); }
.td-pricing-meta { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: var(--p-thread); font-weight: 500; }
.td-pricing-desc { margin: 14px 0 0; font-size: 15px; line-height: 1.6; color: var(--p-muted); }
.td-pricing-credit { margin: 20px 0 0; font-size: 15px; line-height: 1.6; color: var(--p-ink); }
.td-pricing-foot { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.td-pricing-note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--p-muted); max-width: 46rem; }
.td-cur { display: inline-flex; border: 1px solid var(--p-line); border-radius: 9999px; padding: 2px; }
.td-cur-btn { appearance: none; border: 0; background: none; padding: 4px 12px; border-radius: 9999px; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .04em; color: var(--p-muted); cursor: pointer; }
.td-cur-btn[aria-pressed="true"] { background: var(--p-thread); color: #fff; }
.td-cur-btn:focus-visible { outline: 2px solid var(--p-thread); outline-offset: 2px; }
.td-pricing--light { margin-top: 40px; }