/* C / comparison-first membership. All rules are scoped to membership components. */
:root{--cgvm-ink:#34313a;--cgvm-muted:#827b88;--cgvm-plum:#706278;--cgvm-line:#e8e3eb;--cgvm-gold:#a48349;--cgvm-diamond:#89739f}
.cgth-user-cover.author-header .page-cover{background:#f5f2ed}
.cgth-user-cover .page-cover>img.user-cover{object-position:50% 54%}
.cgth-user-cover .page-cover>.linear-mask{background:linear-gradient(180deg,transparent 75%,#f4f0f51a)!important}
.cgth-user-cover .cover-btns>.dropup>.but{color:#706278;background:#ffffffb8}
.cgvm-icon{width:1.2em;height:1.2em;object-fit:contain;vertical-align:-.18em;display:inline-block;flex-shrink:0}
img[data-cgvm-icon]{object-fit:contain}
#modal_pay_uservip .modal-dialog.cgvm-dialog{width:850px;max-width:calc(100vw - 32px);margin:24px auto}
#modal_pay_uservip .modal-content{border-radius:14px;background:#fff;color:var(--cgvm-ink);box-shadow:0 20px 70px #30243826;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 48px);overscroll-behavior:contain}
.payvip-modal.cgvm-modal{padding:28px!important;font-size:14px;line-height:1.6}
.cgvm-modal>.close{position:absolute;right:20px;top:18px;z-index:2;color:var(--cgvm-muted);opacity:1}
.cgvm-modal>.user-box{padding-right:30px;margin:0 0 16px;color:var(--cgvm-muted);font-size:12px}
.cgvm-modal>.user-box .avatar-img{width:30px;height:30px}
.cgvm-modal>.user-box .em09{display:none}
.cgvm-modal>.user-box .em09:has(.vip-expdate-tag){display:block}
.cgvm-title{font-size:23px;font-weight:650;margin:0 0 22px;color:var(--cgvm-ink)}
.cgvm-modal>.vip-cardminis{display:none!important}
.cgvm-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cgvm-comparison:has(>.cgvm-tier:only-child){grid-template-columns:1fr}
.cgvm-tier{--tier:var(--cgvm-gold);padding:22px;border:1px solid #e8decc;border-radius:12px;background:#fcfaf6;display:flex;flex-direction:column;min-width:0}
.cgvm-tier-2{--tier:var(--cgvm-diamond);border-color:#e5dcec;background:#faf8fc}
.cgvm-tier h3{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:21px;font-weight:600;color:var(--tier)}
.cgvm-tier h3 .cgvm-icon{width:34px;height:34px}
.cgvm-benefits{list-style:none;padding:0!important;margin:0 0 22px!important;flex:1;min-height:135px;color:var(--cgvm-ink);font-size:13px;line-height:1.7}
.cgvm-benefits li{position:relative;padding-left:20px;margin:0 0 7px}
.cgvm-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:var(--tier);font-size:12px}
.cgvm-choices{display:flex;flex-direction:column;gap:8px}
.cgvm-choice{display:block;position:relative;text-align:left;width:100%;border:1px solid var(--cgvm-line);border-radius:8px;background:#fff;padding:13px 12px 13px 36px;color:var(--cgvm-ink);cursor:pointer;transition:border-color .15s,background .15s}
.cgvm-choice:before{content:'';position:absolute;left:13px;top:50%;width:13px;height:13px;margin-top:-7px;border:1px solid #bfb7c7;border-radius:50%}
.cgvm-choice[aria-pressed=true]{border-color:var(--tier);background:#ffffff}
.cgvm-choice[aria-pressed=true]:before{background:var(--tier);border-color:var(--tier);box-shadow:inset 0 0 0 3px #fff}
.cgvm-choice:focus-visible{outline:2px solid var(--cgvm-plum);outline-offset:3px}
.cgvm-choice-content{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px}
.cgvm-choice-content>.flex{flex-wrap:wrap;justify-content:flex-end;column-gap:7px;row-gap:0}
.cgvm-choice-content .product-price{display:flex;flex-direction:row-reverse;align-items:baseline;gap:4px;font-size:25px;font-weight:600;color:var(--tier)!important;white-space:nowrap}
.cgvm-choice-content .product-price .px12{font-size:10px;font-weight:400;color:var(--cgvm-muted)}
.cgvm-choice-content .original-price{font-size:12px;color:#9b94a1;text-decoration:line-through;white-space:nowrap}
.cgvm-choice-content .original-price:before{background:#9b94a1!important}
.cgvm-choice-content .original-price .px12{display:none}
.cgvm-choice-content>.badg{font-size:13px;padding:0;background:none!important;color:var(--cgvm-ink)!important;white-space:nowrap}
.cgvm-shared{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;padding:18px 20px;margin:18px 0;border:1px solid var(--cgvm-line);border-radius:10px;background:#fdfcfe}
.cgvm-shared h4{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--cgvm-ink)}
.cgvm-shared p{margin:4px 0;font-size:12px;line-height:1.65;color:var(--cgvm-muted)}
.cgvm-modal>.tab-content{margin-top:0}
.cgvm-modal .pay-vip-form-row,.cgvm-modal .pay-vip-form-products{display:block;margin:0}
.cgvm-modal .pay-vip-info,.cgvm-modal .cgvm-original-choices{display:none!important}
.cgvm-modal .pay-vip-products{width:100%;padding:0;margin:0}
.cgvm-modal .pay-vip-products>.muted-box{font-size:12px;background:#f7f5f9;color:var(--cgvm-muted);border-radius:8px}
.cgvm-modal .pay-vip-products>.c-green{display:inline-flex;align-items:center;gap:5px;width:auto;background:transparent!important;color:var(--cgvm-plum)!important;padding:0!important;margin:0 0 14px}
.cgvm-modal .pay-vip-products .pay-button,.cgvm-modal .initiate-pay,.cgvm-exchange .wp-ajax-submit{background:var(--cgvm-plum)!important;border-color:var(--cgvm-plum)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important;min-height:44px}
.cgvm-modal .payment-methods{margin-top:12px}
.cgvm-modal [data-controller=payment_method]{border-radius:8px!important}
.cgvm-modal [data-controller=payment_method].active{border-color:var(--cgvm-plum)!important;background:#f7f4fa!important;color:var(--cgvm-ink)!important}
.cgvm-modal .payment-method-radio{border-radius:8px;color:var(--cgvm-ink);min-height:48px}
.cgvm-modal .payment-method-radio.active{border-color:var(--cgvm-plum)!important;background:#f7f4fa!important;color:var(--cgvm-ink)!important}
.cgvm-modal .payment-method-radio img{height:22px;width:auto}
.cgvm-modal .payment-method-radio.active:before,.cgvm-modal .payment-method-radio.active:after{color:var(--cgvm-plum)!important}
.cgvm-modal .pay-vip-products .c-red{color:var(--cgvm-plum)}
/* Native membership cards in user center, renewal, upgrade and points exchange. */
.vip-card{--vip-color:var(--cgvm-gold);color:var(--cgvm-ink)!important;background:#fcfaf6!important;border:1px solid #e8decc!important;border-radius:12px!important;box-shadow:none!important}
.vip-card.vip-theme2,.vip-card.level-2{--vip-color:var(--cgvm-diamond);background:#faf8fc!important;border-color:#e5dcec!important}
.vip-card .vip-baicon,.vip-card>.vip-img{display:none!important}
.vip-card .vip-name,.vip-card .v-name{color:var(--vip-color)!important;font-weight:600}
.vip-card .vip-name img{width:28px;height:28px}
.vip-card .v-icon img{width:32px;height:32px}
.vip-card .v-desc{color:var(--cgvm-muted)!important}
.vip-card ul{color:var(--cgvm-muted);font-size:13px;line-height:1.9}
.vip-card .payvip-button{background:var(--cgvm-plum)!important;color:#fff!important;border-radius:7px;box-shadow:none}
.vip-card.active{outline:1px solid var(--vip-color);outline-offset:-1px}
.exchange-card-box .vip-card{padding:18px!important;min-width:0}
.exchange-card-box .vip-card.active:before,.exchange-card-box .vip-card.active:after{color:var(--vip-color)!important}
.payvip-icon:not(.but){background:#f7f4fa!important;color:var(--cgvm-plum)!important;border:1px solid var(--cgvm-line)}
.payvip-icon .vip-expdate-tag{background:#eee8f3!important;color:var(--cgvm-plum)!important}
.cgvm-exchange{color:var(--cgvm-ink);border-radius:12px;background:#fff}
.cgvm-exchange .c-green{color:var(--cgvm-plum)}
.cgvm-exchange .modal-title{font-size:19px}
.cgvm-center-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}
.cgvm-center-info.pay-vip-info{--tier:var(--cgvm-gold);width:auto;min-width:0;background:#fcfaf6!important;border:1px solid #e8decc!important;border-radius:12px;color:var(--cgvm-ink)!important;padding:26px!important;text-align:left;box-shadow:none;margin:0!important}
.cgvm-center-info.level-2{--tier:var(--cgvm-diamond);background:#faf8fc!important;border-color:#e5dcec!important}
.cgvm-center-info>.relative{display:flex;flex-direction:column;height:100%}
.cgvm-center-info .vip-baicon,.user-content-myvip>.vip-img{display:none!important}
.cgvm-center-info .v-iconbox{flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:12px!important;margin:0 0 20px!important}
.cgvm-center-info .v-icon img{width:34px!important;height:34px!important}
.cgvm-center-info .v-name{font-size:21px;font-weight:600;color:var(--tier)}
.cgvm-center-info .v-desc{color:var(--cgvm-muted);font-size:12px}
.cgvm-center-info .v-equity{flex:1;list-style:none;color:var(--cgvm-ink);font-size:14px;line-height:1.8;padding:0;margin:0}
.cgvm-center-info .v-equity li{position:relative;padding-left:21px;margin:8px 0}
.cgvm-center-info .v-equity li:before{content:'✓';position:absolute;left:0;color:var(--tier)}
.cgvm-center-info a.pay-vip{border-radius:8px;width:100%;margin:0}
.cgvm-center-notes{padding:18px 22px;border:1px solid var(--cgvm-line);border-radius:10px;margin:16px 0 22px;background:#fdfcfe;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.cgvm-center-notes p{font-size:12px;line-height:1.8;color:var(--cgvm-muted);margin:0}
.user-content-myvip{background:#fff!important;border:1px solid var(--cgvm-line);box-shadow:none!important;color:var(--cgvm-ink)}
.user-content-myvip .c-red{color:var(--cgvm-plum)!important}
a[data-remote*="vip_points_exchange_modal"]>.zib-widget{background:#faf8fc!important;border:1px solid var(--cgvm-line);color:var(--cgvm-plum)!important;box-shadow:none}
a[data-remote*="vip_points_exchange_modal"] .badg{background:#efebf3!important;color:var(--cgvm-plum)!important}
/* Shared membership entry buttons; article editorial content is not targeted. */
a.pay-vip.but,.payvip-icon,.cgth-member-button,.cgth-members-join{background:var(--cgvm-plum)!important;color:#fff!important;box-shadow:none!important}
.pay-vip.vip-card{color:var(--cgvm-ink)!important}
.cgth-plan-emblem{display:none!important}
.cgth-member-gold .cgth-plan-icon{color:var(--cgvm-gold)}
.cgth-member-diamond .cgth-plan-icon{color:var(--cgvm-diamond)}
.cgth-member-plan{box-shadow:none!important}
@media(max-width:767px){
 #modal_pay_uservip .modal-dialog.cgvm-dialog{max-width:100%;width:100%;margin:0}
 #modal_pay_uservip .modal-content{border-radius:14px 14px 0 0;max-height:calc(100dvh - 20px)}
 .payvip-modal.cgvm-modal{padding:22px 16px!important}
 .cgvm-title{font-size:21px;margin-bottom:18px}
 .cgvm-comparison{grid-template-columns:1fr;gap:12px}
 .cgvm-tier{padding:18px}
 .cgvm-tier h3{font-size:19px;margin-bottom:12px}
 .cgvm-tier h3 .cgvm-icon{width:28px;height:28px}
 .cgvm-benefits{min-height:0;margin-bottom:12px!important}
 .cgvm-benefits li{margin-bottom:4px}
 .cgvm-shared{grid-template-columns:1fr;gap:14px;padding:16px;margin:14px 0}
 .cgvm-choice{min-height:50px}
 .cgvm-choice-content .product-price{font-size:23px}
 .cgvm-modal .pay-vip-products{width:100%!important;margin:0!important}
 .exchange-card-box .vip-card{width:100%;margin:6px 0}
 .cgvm-center-grid{grid-template-columns:1fr}
 .cgvm-center-info.pay-vip-info{padding:22px!important}
 .cgvm-center-notes{grid-template-columns:1fr;padding:18px}
}
@media(prefers-reduced-motion:reduce){.cgvm-choice{transition:none}}