/* css/g-blog.css */
.blg-card{gap:20px}
.blg-tx{display:flex;flex-direction:column;gap:8px}
.blg-cat{font:500 14px/20px Inter,sans-serif;color:var(--rly-text-muted)}
.blg-card .ccard-x{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blg-card .well img{transition:transform .6s var(--ease)}
a.blg-card:hover .well img{transform:scale(1.02)}
.blg-bar{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:64px var(--pad) 40px}
.blg-bar-h{font:600 28px/36px Geist,Inter,sans-serif;letter-spacing:-.02em;color:var(--rly-text-primary)}
html:not(.js) .blg-pills{display:none}
.blg-pills .n:empty{display:none}
.blg-feat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;padding:48px var(--pad);color:inherit;transition:background-color .2s}
a.blg-feat:hover{background:var(--rly-bg-surface)}
.blg-feat .well{height:auto;aspect-ratio:1200/630}
.blg-feat .well img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blg-feat-tx{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.blg-kick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.blg-feat-t{font:600 32px/40px Geist,Inter,sans-serif;letter-spacing:-.02em;color:var(--rly-text-primary);text-wrap:balance}
a.blg-feat:hover .link .ic{transform:translateX(2px)}
.blg-pager .btn{font-size:15px;line-height:20px;padding:10px 16px}
.bp-hd{flex-direction:row;align-items:center;gap:48px;padding:64px var(--pad) 40px}
.bp-hd-tx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.bp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:4px}
.bp-auth{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;color:var(--rly-text-muted)}
.bp-auth b{font-weight:600;color:var(--rly-text-secondary)}
.bp-avs{display:flex;flex:none}
.bp-av{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--rly-bg-muted);box-shadow:0 0 0 2px var(--rly-bg-page)}
.bp-av+.bp-av{margin-left:-8px}
.bp-avs>[hidden]{display:none}
.bp-rev:has(.w-dyn-bind-empty){display:none}
.blg-card .meta-row:has(>[data-f]:empty){display:none}
.bp-img{flex:none;display:block;width:33.33%;height:auto;border-radius:12px;border:1px solid var(--rly-border-subtle);background:var(--rly-bg-muted)}
.bp-toc-m{--bp-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");display:none}
.bp-doc{padding-top:40px}
.bp-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:32px;max-height:calc(100vh - 112px)}
.bp-side .doc-toc{position:static;flex:0 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rly-border-default) transparent}
.bp-side .doc-toc>b{position:sticky;top:0;z-index:1;flex:none;align-self:stretch;margin-bottom:0;padding-bottom:8px;background:var(--rly-bg-page)}
.bp-side .doc-toc a{flex:none;padding:4px 0 4px 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-side .doc-toc.bp-more{-webkit-mask-image:linear-gradient(to bottom,var(--rly-text-primary) calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,var(--rly-text-primary) calc(100% - 32px),transparent)}
.bp-cta{flex:none;display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:16px;background:var(--rly-bg-raised);border:1px solid var(--rly-border-default);box-shadow:var(--rly-shadow-xs)}
.bp-cta-t{font:600 16px/24px Geist,Inter,sans-serif;letter-spacing:-.01em;color:var(--rly-text-primary);text-wrap:balance}
.bp-cta .btns{flex-direction:column;gap:8px}
.bp-cta .btn{width:100%;font-size:15px;line-height:20px;padding:10px 16px}
.bp-cta .hero-note{margin:0;flex-direction:column;gap:6px}
.bp-art{min-width:0;max-width:720px;display:flex;flex-direction:column;gap:40px}
.bp-body h2,.bp-body h3{scroll-margin-top:16px}
.bp-body [tabindex="-1"]:focus{outline:0}
.bp-body .bp-gap{display:none}
.bp-body figure{margin:40px 0}
.bp-body figure img{width:100%;max-height:640px;object-fit:contain;background:var(--rly-bg-surface)}
.bp-body figure>div{max-width:100%}
.bp-body .bp-keys{margin:24px 0 40px;padding:20px 24px 20px 48px;border-radius:12px;background:var(--rly-bg-surface);box-shadow:inset 0 0 0 1px var(--rly-border-default)}
.bp-body .bp-keys>li:last-child{margin-bottom:0}
.bp-body .bp-src{font-size:14px;color:var(--rly-text-muted)}
.bp-body .bp-src a{color:inherit;text-decoration-color:var(--rly-border-strong)}
.bp-body .bp-src a:hover{color:var(--rly-text-primary)}
.bp-body blockquote{margin:32px 0;padding:20px 24px;border:0;border-radius:12px;background:var(--rly-bg-surface);box-shadow:inset 0 0 0 1px var(--rly-border-default);font-size:16px;line-height:26px;color:var(--rly-text-secondary)}
.bp-body [data-atom2]>p:first-child[style*="font-size:14px"][style*="margin:0 0 16px"]{display:none}
.bp-body [data-atom2]>h2{margin-top:0}
.bp-body [data-atom2]>p[style*="border-left"]{margin:0 0 32px!important;padding:20px 24px!important;border:0!important;border-radius:12px;background:var(--rly-bg-surface)!important;box-shadow:inset 0 0 0 1px var(--rly-border-default);font-weight:500!important;font-size:18px!important;line-height:28px!important;color:var(--rly-text-primary)!important}
.bp-body [data-atom2-mta-ref]{margin:32px 0;padding:16px 20px;border-radius:12px;background:var(--rly-bg-surface);box-shadow:inset 0 0 0 1px var(--rly-border-subtle);font-size:15px;line-height:24px}
.bp-body [data-atom2-mta-ref] p{margin:0}
.bp-body .bp-faq-q{margin:24px 0 8px;padding-top:24px;border-top:1px solid var(--rly-border-default);font:600 18px/28px Geist,Inter,sans-serif;letter-spacing:-.01em;color:var(--rly-text-primary)}
.bp-body .bp-faq-h+.bp-faq-q{margin-top:0;padding-top:0;border-top:0}
.bp-body .bp-faq-q strong{font-weight:inherit}
.bp-pnote[hidden]{display:none}
.bp-pnote p{margin:0}
.bp-pnote p+p{margin-top:4px}
.bp-pnote a{color:var(--rly-link-default);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bp-pnote a:hover{color:var(--rly-link-hover)}
.bp-author{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:24px;border-radius:16px;border:1px solid var(--rly-border-default);background:var(--rly-bg-raised)}
.bp-author-av{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--rly-bg-muted)}
.bp-author-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.bp-author-k{font-size:14px;line-height:20px;color:var(--rly-text-muted)}
.bp-author-n{display:flex;align-items:center;gap:8px;font:600 18px/28px Geist,Inter,sans-serif;letter-spacing:-.01em;color:var(--rly-text-primary)}
.bp-li{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--rly-text-muted);transition:color .2s,background-color .2s}
.bp-li:hover{color:var(--rly-text-primary);background:var(--rly-bg-muted)}
.bp-li svg{width:16px;height:16px;fill:currentColor}
.bp-author-bio{margin-top:8px;font-size:15px;line-height:24px;color:var(--rly-text-tertiary);text-wrap:pretty}
@media screen and (max-width:1199px){
.bp-hd .bp-img{display:none}
}
@media screen and (max-width:991px){
.blg-feat{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px var(--pad)}
.bp-hd{padding:56px var(--pad) 40px}
html.js .bp-toc-m{display:block;align-self:stretch;max-width:640px;margin-top:4px;border-radius:12px;border:1px solid var(--rly-border-default);background:var(--rly-bg-raised)}
.bp-toc-m>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;list-style:none;font:600 15px/24px Inter,sans-serif;color:var(--rly-text-primary)}
.bp-toc-m>summary::-webkit-details-marker{display:none}
.bp-toc-m>summary::after{content:"";flex:none;width:20px;height:20px;background:var(--rly-text-muted);-webkit-mask:var(--bp-chev) center/20px 20px no-repeat;mask:var(--bp-chev) center/20px 20px no-repeat;transition:transform .3s var(--ease)}
.bp-toc-m[open]>summary::after{transform:rotate(180deg)}
.bp-toc-m nav{display:flex;flex-direction:column;padding:0 16px 12px}
.bp-toc-m nav a{padding:8px 0 8px 12px;border-left:1px solid var(--rly-border-default);font-size:15px;line-height:22px;color:var(--rly-text-tertiary)}
.bp-toc-m nav a:hover{color:var(--rly-text-primary)}
.bp-side{display:contents}
.bp-side .doc-toc{display:none}
.bp-cta{order:2;max-width:480px}
.bp-art{max-width:none}
}
@media screen and (max-width:767px){
.blg-bar{padding:48px var(--pad) 32px;gap:16px}
.blg-bar-h{font-size:24px;line-height:32px}
.blg-pills{align-self:stretch;flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 4px;scrollbar-width:none}
.blg-pills::-webkit-scrollbar{display:none}
.blg-pills .pill{flex:none}
.blg-ring .blg-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"img tx" "img meta";gap:8px 16px;align-items:start;padding:20px var(--pad)}
.blg-ring .blg-card .well{grid-area:img;aspect-ratio:1/1}
.blg-ring .blg-card .blg-tx{grid-area:tx;gap:4px}
.blg-ring .blg-card .meta-row{grid-area:meta;margin-top:0}
.blg-ring .blg-card .ccard-x{display:none}
.blg-ring .blg-card .ccard-t{font-size:16px;line-height:24px}
.blg-feat{padding:32px var(--pad);gap:24px}
.blg-feat-t{font-size:24px;line-height:32px}
.bp-hd{padding:40px var(--pad) 32px}
.bp-hd-tx{gap:16px}
.bp-meta{gap:12px 20px}
.bp-doc{padding-top:32px}
.bp-art{gap:32px}
.bp-body figure{margin:32px 0}
.bp-body blockquote{padding:16px 20px}
.bp-body .bp-keys{padding:16px 20px 16px 40px}
.bp-body [data-atom2]>p[style*="border-left"]{padding:16px 20px!important;font-size:16px!important;line-height:26px!important}
.bp-author{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px}
.bp-author-av{width:48px;height:48px}
.bp-cta{max-width:none}
}
@media (prefers-reduced-motion:reduce){
.bp-toc-m>summary::after{transition:none}
}
/* webflow template */
.v3-tpl{display:contents}
.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}
.prose table{box-shadow:none;overflow:visible}
.prose thead tr,.prose tbody tr:nth-child(n){background-color:transparent;color:inherit}
.prose tbody tr:hover{background-color:transparent}
[data-if="reviewed-by.picture"]:has([data-f="reviewed-by.picture"]:is(.w-dyn-bind-empty,[href=""],a:not([href]))),[data-if="reviewed-by.picture"][data-f="reviewed-by.picture"]:is(.w-dyn-bind-empty,[href=""],a:not([href])){display:none!important}
[data-if="reviewed-by.name"]:has([data-f="reviewed-by.name"]:is(.w-dyn-bind-empty,[href=""],a:not([href]))),[data-if="reviewed-by.name"][data-f="reviewed-by.name"]:is(.w-dyn-bind-empty,[href=""],a:not([href])){display:none!important}
