/* Shared Network comparison presentation; native renderers retain rows, prices and actions. */
html[data-tcgn-v1] :is(.pricing-page-content,.subscribe-content) {width:100%;max-width:none;margin-inline:auto;padding-inline:0;padding-bottom:72px}
html[data-tcgn-v1] .pricing-page-content {padding-top:var(--tcgn-hero-section-gap)}
html[data-tcgn-v1] .v1-exchange-pricing .pricing-page-content {padding-top:calc(var(--tcgn-hero-section-gap) - 24px)}
html[data-tcgn-v1] #main :is(.pricing-page-content,.subscribe-page) .stock-hero {border-radius:10px;margin-bottom:32px}
html[data-tcgn-v1] .membership-comparison {
 --comparison-accent:var(--tcgn-product-accent,var(--brand));
 --comparison-surface:var(--surface);--comparison-canvas:var(--page);
 --comparison-text:var(--text);--comparison-muted:var(--muted);--comparison-border:var(--border);
 --comparison-vip:color-mix(in srgb,var(--comparison-accent) 8%,var(--surface));
 --comparison-top:var(--product-header-height);
}
html[data-tcgn-v1] .membership-comparison .feature-column {width:auto}
html[data-tcgn-v1] .membership-comparison col:not(.feature-column) {width:24%}
/* Reserve equal cell borders. Only the shared seams and outer edges are painted. */
html[data-tcgn-v1] .membership-comparison :is(th,td) {box-sizing:border-box;border-inline:1px solid transparent;border-bottom:1px solid var(--comparison-border)}
html[data-tcgn-v1] .membership-comparison tr > :first-child {border-left-color:var(--comparison-border)}
html[data-tcgn-v1] .membership-comparison tr > :nth-child(2) {border-left-color:var(--comparison-border)}
html[data-tcgn-v1] .membership-comparison tr > :last-child {border-right-color:var(--comparison-border)}
html[data-tcgn-v1] .membership-comparison .vip-column {border-left-color:var(--comparison-border);background:var(--comparison-vip)}
html[data-tcgn-v1] .membership-comparison thead th {position:relative;vertical-align:bottom;padding:44px 20px 20px;border-top:3px solid var(--comparison-border);border-radius:0;box-shadow:none;background:var(--comparison-surface)}
html[data-tcgn-v1] .membership-comparison thead th:first-child {border-top-left-radius:8px}
html[data-tcgn-v1] .membership-comparison thead th:nth-child(2) {border-radius:0}
html[data-tcgn-v1] .membership-comparison thead .vip-column {border-top-color:var(--comparison-accent);border-radius:0 8px 0 0;background:var(--comparison-vip)}
html[data-tcgn-v1] .membership-comparison .recommended {position:absolute;top:12px;left:50%;translate:-50% 0;margin:0;white-space:nowrap}
html[data-tcgn-v1] .membership-comparison :is(.comparison-cta,.vip-action button) {height:44px;min-height:44px;border-radius:999px;box-sizing:border-box;line-height:1.2;font-family:var(--font);margin:0;transform:none;gap:8px}
html[data-tcgn-v1] .membership-comparison .vip-action {margin-top:0}
html[data-tcgn-v1] .membership-comparison .vip-action :is(button,.comparison-cta) {background:var(--comparison-accent);border-color:transparent;color:#0c0e0e}
html[data-tcgn-v1] .membership-comparison .vip-action form {margin:0}
html[data-tcgn-v1] .membership-comparison .vip-action form > div {gap:8px}
html[data-tcgn-v1] .membership-comparison .plan-price {line-height:1.2;min-height:39px;margin:7px 0 12px}
html[data-tcgn-v1] .membership-comparison .section-row th {padding:14px 26px;border-bottom-width:1px}
html[data-tcgn-v1] .membership-comparison .feature-row th {text-align:left}
html[data-tcgn-v1] .membership-comparison .feature-row td {text-align:center}
html[data-tcgn-v1] .membership-comparison .feature-row > :is(th,td) {border-bottom-color:var(--comparison-border)}
html[data-tcgn-v1] .membership-comparison .comparison-tooltip:not(:popover-open) {display:none}
html[data-tcgn-v1] .membership-comparison :is(.included,.not-included) {color:var(--comparison-muted)}
html[data-tcgn-v1] .membership-comparison .vip-column .included {color:var(--comparison-text)}
@media(max-width:700px){
 html[data-tcgn-v1] :is(.pricing-page-content,.subscribe-content) {padding-bottom:40px}
 html[data-tcgn-v1] .v1-exchange-pricing .pricing-page-content {padding-top:calc(var(--tcgn-hero-section-gap) - 20px)}
 html[data-tcgn-v1] #main :is(.pricing-page-content,.subscribe-page) .stock-hero {margin-bottom:24px}
}
@media(max-width:600px){
 html[data-tcgn-v1] .membership-comparison col:not(.feature-column) {width:28%}
 html[data-tcgn-v1] .membership-comparison thead th {padding:36px 6px 16px}
 html[data-tcgn-v1] .membership-comparison .recommended {top:10px}
 html[data-tcgn-v1] .membership-comparison :is(.comparison-cta,.vip-action button) {font-size:11px;padding-inline:4px;white-space:normal}
 html[data-tcgn-v1] .membership-comparison .plan-price {min-height:48px;font-size:24px;margin:5px 0 10px}
 html[data-tcgn-v1] .membership-comparison .section-row th {padding:12px 10px}
 html[data-tcgn-v1] .membership-comparison .feature-end {white-space:normal}
}