/* css/g-cmp.css */
.cmp-hd .h1{max-width:760px;text-wrap:balance}
.cmp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:4px}
.cmp-auth{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;color:var(--rly-text-muted)}
.cmp-auth b{font-weight:600;color:var(--rly-text-secondary)}
.cmp-av{flex:none;width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--rly-bg-muted)}
.cmp-sum{padding-top:64px;padding-bottom:64px}
.cmp-sum-l{padding-top:24px}
.cmp-tldr{padding:24px 28px;border-radius:16px;background:var(--rly-bg-surface);box-shadow:inset 0 0 0 1px var(--rly-border-subtle)}
.cmp-tldr ul{margin-bottom:0}
.cmp-why{grid-template-columns:repeat(4,minmax(0,1fr))}
.cmp-why-hd{padding:32px var(--pad) 36px}
.cmp-why-hd .h3{margin:0;max-width:240px;text-wrap:balance}
.cmp-kd .w-richtext{max-width:100%;overflow-x:auto}
.cmp-kd .w-richtext>div{max-width:100%}
.cmp-kd table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:15px;line-height:22px}
.cmp-kd th,.cmp-kd td{padding:12px 16px;border-bottom:1px solid var(--rly-border-subtle);text-align:left;vertical-align:top}
.cmp-kd th{font-weight:600;color:var(--rly-text-primary);border-bottom-color:var(--rly-border-default);white-space:nowrap}
.cmp-kd td{color:var(--rly-text-tertiary)}
.cmp-kd td:first-child{font-weight:600;color:var(--rly-text-primary);white-space:nowrap}
.cmp-kd td:first-child a{color:inherit}
.cmp-kd tr.us td{background:var(--rly-bg-surface)}
.cmp-kd tr.us td:first-child{border-radius:12px 0 0 12px}
.cmp-kd tr.us td:last-child{border-radius:0 12px 12px 0}
.cmp-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:32px}
.cmp-side .doc-toc{position:static;max-height:none}
.cmp-main{min-width:0;max-width:720px}
.cmp-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--rly-border-default);font:600 16px/24px Inter,sans-serif;color:var(--rly-text-primary)}
.cmp-copy .ic{width:16px;height:16px}
@media screen and (max-width:1199px){
.cmp-why{grid-template-columns:repeat(3,minmax(0,1fr))}
.cmp-why-hd{grid-column:1/-1;padding-bottom:28px}
.cmp-why-hd .h3{max-width:none}
}
@media screen and (max-width:991px){
.cmp-sum{padding-top:48px;padding-bottom:48px;gap:12px}
.cmp-sum-l{padding-top:0}
.cmp-side{position:static}
}
@media screen and (max-width:767px){
.cmp-tldr{padding:20px}
.cmp-why{grid-template-columns:minmax(0,1fr)}
.cmp-why-hd{padding:28px var(--pad) 8px}
.cmp-why .promise{padding-top:20px}
.cmp-side{display:none}
.cmp-kd table{min-width:0}
.cmp-kd table,.cmp-kd tbody,.cmp-kd tr,.cmp-kd td{display:block;width:auto}
.cmp-kd thead,.cmp-kd tr.cmp-kd-hd{display:none}
.cmp-kd tr{padding:16px 0;border-bottom:1px solid var(--rly-border-default)}
.cmp-kd tr:first-child{padding-top:0}
.cmp-kd td{padding:4px 0;border:0;white-space:normal}
.cmp-kd td:first-child{font-size:17px;line-height:26px;padding-bottom:8px;white-space:normal}
.cmp-kd td[data-label]::before{content:attr(data-label);display:block;font-size:13px;line-height:18px;font-weight:500;color:var(--rly-text-muted)}
.cmp-kd td:first-child::before{content:none}
.cmp-kd tr.us{padding:16px;border-radius:12px;background:var(--rly-bg-surface);border-bottom:0;margin-bottom:1px}
.cmp-kd tr.us td{background:none;border-radius:0}
.cmp-share{margin-top:40px}
}
/* webflow template */
.v3-tpl{display:contents}
.v3-tpl .w-dyn-empty{display:none}
.v3-tpl .meta-row:has(>[data-f$="-on"]:empty){display:none}
.v3-tpl .w-embed:not(.w-richtext .w-embed){display:contents}
.v3-tpl .w-embed:not(.w-richtext .w-embed)::before,.v3-tpl .w-embed:not(.w-richtext .w-embed)::after{content:none}
.v3-tpl .meta-row:has(time[data-f]:empty){display:none}
:is(.prose,.cmp-kd) table{box-shadow:none;overflow:visible}
:is(.prose,.cmp-kd) thead tr,:is(.prose,.cmp-kd) tbody tr:nth-child(n){background-color:transparent;color:inherit}
:is(.prose,.cmp-kd) tbody tr:hover{background-color:transparent}
[data-if="key-differences-table-code"]:has([data-f="key-differences-table-code"]:is(.w-dyn-bind-empty,[href=""],a:not([href]))),[data-if="key-differences-table-code"][data-f="key-differences-table-code"]:is(.w-dyn-bind-empty,[href=""],a:not([href])){display:none!important}