.wp-block-caltrout-giving-circles {
	--ct-giving-border: var(--wp--preset--color--line, #d9d2c2);
	--ct-giving-paper: var(--wp--preset--color--paper, #fbf8f1);
	--ct-giving-ink: var(--wp--preset--color--ink, #0c1e2a);
	--ct-giving-accent: var(--wp--preset--color--spawn, #c8553d);
	color: var(--ct-giving-ink);
}

.ct-giving-circles__desktop { display: block; overflow-x: auto; }
.ct-giving-circles__table { width: 100%; min-width: max(100%, calc(260px + (var(--ct-giving-tier-count, 4) * 210px))); border-collapse: collapse; table-layout: fixed; background: var(--ct-giving-paper); }
.ct-giving-circles__table tr > :first-child { width: 28%; }
.ct-giving-circles__table th,
.ct-giving-circles__table td { border: 1px solid var(--ct-giving-border); padding: 1rem 1.125rem; vertical-align: middle; }
.ct-giving-circles__table thead th { padding: 0; color: #fff; background: var(--ct-giving-ink); text-align: left; vertical-align: bottom; }
.ct-giving-circles__intro { padding: 1.75rem 1.25rem; }
.ct-giving-circles__intro h2 { margin: 0 0 .45rem; color: inherit; }
.ct-giving-circles__intro p { margin: 0; opacity: .72; }
.ct-giving-circles__tier-head { position: relative; min-height: 138px; display: flex; align-items: flex-end; padding: 1.25rem; background: #28414f center/cover no-repeat; isolation: isolate; }
.ct-giving-circles__tier-head::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(12,30,42,.75), rgba(12,30,42,.08)); }
.ct-giving-circles__tier-name { display: block; font-family: var(--wp--preset--font-family--serif, serif); font-size: 1.35rem; font-weight: 400; }
.ct-giving-circles__qualification { display: block; margin-top: .2rem; font-size: .85rem; font-weight: 650; }
.ct-giving-circles__tier-description { display: block; margin-top: .5rem; font-size: .72rem; font-weight: 400; line-height: 1.35; opacity: .82; }
.ct-giving-circles__popular { position: absolute; top: .65rem; left: 1rem; padding: .35rem .55rem; background: var(--ct-giving-accent); font-family: var(--wp--preset--font-family--sans, sans-serif); font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; }
.ct-giving-circles__section th { padding: .55rem 1.125rem; background: var(--wp--preset--color--paper-2, #f6f2e8); font-size: .72rem; letter-spacing: .13em; text-align: left; text-transform: uppercase; }
.ct-giving-circles__benefit { text-align: left; font-weight: 500; }
.ct-giving-circles__note { display: block; color: var(--wp--preset--color--text-3, #6b7a8a); font-size: .78rem; font-weight: 400; }
.ct-giving-circles__value { text-align: center; }
.ct-giving-circles__check { color: var(--wp--preset--color--moss, #3c5a3c); font-size: 1.15rem; }
.ct-giving-circles__dash { opacity: .18; }
.ct-giving-circles__custom { font-size: .8rem; font-weight: 600; }
.ct-giving-circles__join { text-align: center; }
.ct-giving-circles__join-price { display: block; margin-bottom: .8rem; font-family: var(--wp--preset--font-family--serif, serif); font-size: 1.25rem; }
.ct-giving-circles__collection-item { display: block; min-height: 2.5em; margin: -.35rem 0 .8rem; color: var(--wp--preset--color--text-3, #6b7a8a); font-size: .75rem; line-height: 1.35; }
.ct-giving-circles__collection-note { max-width: 72ch; margin: 1rem auto 0; color: var(--wp--preset--color--text-2, #40556a); font-size: .85rem; text-align: center; }
.ct-giving-circles__join .wp-element-button { display: block; padding: .8rem 1rem; border: 1px solid var(--wp--preset--color--river, #0e5a7b); border-radius: 3px; background: transparent; color: var(--wp--preset--color--river, #0e5a7b); text-decoration: none; }
.ct-giving-circles__join.is-popular .wp-element-button { border-color: var(--ct-giving-accent); background: var(--ct-giving-accent); color: #fff; }

.ct-giving-circles__mobile { display: none; }

@media (max-width: 781px) {
	.ct-giving-circles__desktop { display: none; }
	.ct-giving-circles__mobile { display: block; }
	.ct-giving-circles__mobile-intro { margin-bottom: 1.25rem; }
	.ct-giving-circles__mobile-intro h2 { margin-bottom: .4rem; }
	.ct-giving-circles__mobile-intro p { margin: 0; }
	.ct-giving-circles__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: .5rem; margin-bottom: 1rem; }
	.ct-giving-circles__tabs::-webkit-scrollbar { display: none; }
	.ct-giving-circles__tab { min-width: 0; min-height: 44px; height: auto; line-height: 1.3; overflow-wrap: anywhere; cursor: pointer; padding: .7rem .9rem; border: 1px solid var(--ct-giving-border); border-radius: 999px; background: transparent; color: inherit; font: inherit; }
	.ct-giving-circles__tab[aria-selected="true"] { border-color: var(--ct-giving-ink); background: var(--ct-giving-ink); color: #fff; }
	.ct-giving-circles__panel { border: 1px solid var(--ct-giving-border); background: var(--ct-giving-paper); }
	.ct-giving-circles__panel[hidden] { display: none; }
	.ct-giving-circles__panel .ct-giving-circles__tier-head { min-height: 0; padding: 1.25rem; color: #fff; }
	.ct-giving-circles__panel .ct-giving-circles__tier-head:has(.ct-giving-circles__popular) { padding-top: 3.5rem; }
	.ct-giving-circles__panel .ct-giving-circles__tier-head span { color: inherit; }
	.ct-giving-circles__panel .ct-giving-circles__tier-description { font-size: .875rem; line-height: 1.5; }
	.ct-giving-circles__panel .ct-giving-circles__qualification { font-size: .9375rem; }
	.ct-giving-circles__tab:focus-visible { outline: 2px solid var(--wp--preset--color--river, #0e5a7b); outline-offset: 2px; }
	.ct-giving-circles__mobile-section h3 { margin: 0; padding: .7rem 1rem; border-top: 1px solid var(--ct-giving-border); border-bottom: 1px solid var(--ct-giving-border); background: var(--wp--preset--color--paper-2, #f6f2e8); font-family: var(--wp--preset--font-family--sans, sans-serif); font-size: .75rem; font-weight: 700; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; }
	.ct-giving-circles__mobile-list { list-style: none; margin: 0; padding: 0; }
	.ct-giving-circles__mobile-benefit { display: grid; grid-template-columns: minmax(0, 1fr) fit-content(40%); gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--ct-giving-border); }
	.ct-giving-circles__mobile-benefit:last-child { border-bottom: 0; }
	.ct-giving-circles__mobile-value { align-self: center; text-align: right; overflow-wrap: anywhere; }
	.ct-giving-circles__mobile-benefit > span { min-width: 0; overflow-wrap: anywhere; }
	.ct-giving-circles__mobile > .ct-giving-circles__collection-note { text-align: left; line-height: 1.5; }
	.ct-giving-circles__panel .ct-giving-circles__join { padding: 1rem; border-top: 1px solid var(--ct-giving-border); }
}

.ct-giving-circles-editor__benefit { margin: 1rem 0; padding: 1rem 0; border-top: 1px solid #ddd; }
.ct-giving-circles-editor__value { margin: .5rem 0 1rem; padding-left: .75rem; border-left: 2px solid #ddd; }