.resource-page-shell{--resource-bg: #111b29;--resource-panel: #182638;--resource-border: rgba(166, 191, 221, .2);--resource-copy: #d4dfec;--resource-heading: #f6f9ff;--resource-muted: #a8b9ce;--resource-accent: #78baff;min-height:100dvh;overflow-x:hidden;padding:clamp(2.5rem,7vw,5.75rem) 1.25rem;background:radial-gradient(ellipse at 88% 0%,rgba(74,130,201,.12),transparent 34rem),radial-gradient(ellipse at 4% 35%,rgba(51,149,160,.055),transparent 30rem),var(--resource-bg);color:var(--resource-copy);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;line-height:1.75}.resource-page-shell *,.resource-page-shell *:before,.resource-page-shell *:after{box-sizing:border-box}.resource-page-shell__article{width:min(100%,52rem);margin:0 auto}.resource-page-shell__brand{display:inline-flex;align-items:center;min-height:2rem;color:var(--resource-muted);font-size:.8125rem;font-weight:600;letter-spacing:-.025em;text-decoration:none;transition:color .16s ease}.resource-page-shell__brand:hover{color:var(--resource-accent)}.resource-page-shell__brand:focus-visible{border-radius:2px;outline:2px solid var(--resource-accent);outline-offset:4px}.resource-article-languages{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.85rem}.resource-article-languages a{color:var(--resource-accent);font-size:.875rem;text-underline-offset:.2em}.resource-article-languages a[aria-current=page]{color:var(--resource-heading);font-weight:600;text-decoration-thickness:2px}.resource-page-shell__header{margin-top:clamp(2rem,5vw,3.25rem);padding-bottom:clamp(1.75rem,4vw,2.5rem);border-bottom:1px solid var(--resource-border)}.resource-page-shell__header h1{max-width:48rem;margin:0;color:var(--resource-heading);font-size:clamp(2rem,5.2vw,3.35rem);font-weight:600;letter-spacing:-.055em;line-height:1.12;text-wrap:balance}.resource-page-shell__header p{max-width:46rem;margin:1.25rem 0 0;color:var(--resource-muted);font-size:clamp(.975rem,1.4vw,1.0625rem);line-height:1.85;text-wrap:pretty}.resource-page-shell__content{padding-top:clamp(1.75rem,4vw,2.5rem);color:var(--resource-copy)}.resource-page-shell__content :where(h2,h3,h4){color:var(--resource-heading);font-weight:600;letter-spacing:-.035em;line-height:1.3;text-wrap:balance}.resource-page-shell__content :where(h2){margin:2.5rem 0 .75rem;font-size:clamp(1.35rem,3vw,1.7rem)}.resource-page-shell__content :where(h3){margin:1.8rem 0 .6rem;font-size:1.15rem}.resource-page-shell__content :where(h4){margin:1.5rem 0 .5rem;font-size:1rem}.resource-page-shell__content :where(p,ul,ol,blockquote,pre,table){margin-top:.9rem;margin-bottom:0}.resource-page-shell__content .hub-pricing-features{margin-bottom:32px}.resource-page-shell__content :where(p,li,blockquote){color:var(--resource-muted);line-height:1.85}.resource-page-shell__content :where(ul,ol){padding-left:1.4rem}.resource-page-shell__content li+li{margin-top:.45rem}.resource-page-shell__content a{color:var(--resource-accent);text-decoration-color:#78baff7a;text-underline-offset:.22em}.resource-page-shell__content a:hover{text-decoration-color:currentColor}.resource-page-shell__content :where(code,pre){font-family:JetBrains Mono,monospace;font-size:.875em}.resource-page-shell__content :where(:not(pre)>code){padding:.12em .38em;border:1px solid var(--resource-border);border-radius:.25rem;background:#060c1473;color:#c7dcf4;overflow-wrap:anywhere}.resource-page-shell__content pre{max-width:100%;padding:1rem 1.15rem;overflow-x:auto;border:1px solid var(--resource-border);border-radius:.5rem;background:#070d15a8;color:var(--resource-copy);line-height:1.75;tab-size:2}.resource-page-shell__content blockquote{padding:.15rem 0 .15rem 1rem;border-left:2px solid rgba(120,186,255,.58)}.resource-page-shell__content hr{margin:2rem 0;border:0;border-top:1px solid var(--resource-border)}.resource-page-shell__content :where(th,td){padding:.7rem .85rem;border:1px solid var(--resource-border);text-align:left;vertical-align:top}.resource-page-shell__content th{color:var(--resource-heading);font-weight:600}@media(max-width:560px){.resource-page-shell{padding-inline:1rem}.resource-page-shell__content :where(pre){padding:.85rem;font-size:.8rem}}.resource-table-wrap{max-width:100%;overflow-x:auto;margin:1.25rem 0;border:1px solid rgba(159,186,216,.2);border-radius:.75rem}.resource-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.resource-table-wrap th,.resource-table-wrap td{padding:.75rem .9rem;border-bottom:1px solid rgba(159,186,216,.16);vertical-align:top}.resource-table-wrap th{color:#dce8f7;font-size:.84rem}.resource-table-wrap td{color:#afc0d5;font-size:.86rem}.resource-draft-banner{padding:.9rem 1rem;border:1px solid rgba(248,189,98,.45);border-radius:.75rem;color:#ffd18a;background:#9d661e1f}.hub-pricing-more{margin-top:1.1rem;text-align:center}.hub-pricing-more a{color:#a9c8f1;text-underline-offset:.2em}.hub-pricing-more a:hover,.hub-pricing-more a:focus-visible{color:#fff}.resource-page-shell__content pre{max-width:100%;overflow-x:auto}.resource-supabase-note{margin-top:1.25rem;padding:1rem 1.1rem;border:1px solid #526980;border-left:3px solid #9ed6ff;border-radius:.5rem;background:#17263a;color:#e0eaf5;line-height:1.75}.resource-article-cta{margin-top:2rem;padding:1rem 1.1rem;border:1px solid rgba(120,186,255,.38);border-radius:.65rem;background:#182638d1}.resource-article-cta p:first-child{margin-top:0;color:#f6f9ff;font-weight:600}.resource-article-cta p+p{margin-top:.35rem}@media(max-width:640px){.resource-page-shell__header p,.resource-page-shell__content :where(p,li,blockquote),.resource-table-wrap th,.resource-table-wrap td{font-size:1rem}.resource-page-shell+.public-site-footer .public-site-footer-links a{font-size:1rem}.resource-page-shell :is(.hub-pricing-features li,.hub-pricing-price span,.hub-pricing-annual span,.hub-pricing-annual strong,.hub-pricing-tier){font-size:1rem}}
