/* Shared product navigation and editorial reading layout. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2')}
:root{--ink:#22262a;--muted:#62676c;--rule:#d7dadd;--hair:#d7dadd;--red:#ad263a;--paper:#f5f6f7;--surface:#fff;--hover:#e9edf0;--sans:"DM Sans",sans-serif}
:root[data-theme="dark"]{--ink:#f0f1f2;--muted:#aab1b8;--rule:#343b43;--hair:#343b43;--red:#ff8697;--paper:#171b20;--surface:#232a31;--hover:#2c343d}
body{font-family:var(--sans);background:var(--paper);color:var(--ink)}
.site-header{width:calc(100% - 64px);max-width:1280px;min-height:90px;height:auto;margin:0 auto;padding:18px 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px 24px;border-bottom:1px solid var(--hair)}
.brand,.rs-brand{display:inline-flex;align-items:center;gap:5px;font:600 23px/1.2 "Space Grotesk",sans-serif;letter-spacing:-1.2px;text-decoration:none;color:var(--ink);white-space:nowrap}
.brand::after{content:none}
.rs-brand-mark{height:15px;width:9px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(38deg);margin:0 2px 6px 1px}
.site-header>nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.site-header>nav :is(a, [aria-current="page"]){display:inline-flex;align-items:center;min-height:36px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap}
.site-header>nav :is(a, [aria-current="page"]):hover,.site-header>nav :is(a, [aria-current="page"])[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--red)}
.rs-account{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--hair);border-radius:5px;color:var(--ink);font:500 12px/1.3 var(--sans);text-decoration:none;white-space:nowrap}
.rs-account:hover{background:var(--hover)}
.theme-actions{gap:8px}.theme-toggle-label{display:none}
.skip:focus{z-index:100;position:fixed;left:16px;top:8px;padding:12px;background:var(--surface)}
.page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;max-width:1160px;margin:0 auto;padding:44px 28px 80px}
.page-sidebar{min-width:0}.desktop-section-nav{position:sticky;top:28px;max-height:calc(100vh - 56px);overflow:auto}
.section-nav{display:block}.section-nav-group{margin-bottom:26px}.section-nav-group>p{margin:0 0 9px;padding:0 12px;font-size:12px;font-weight:600;color:var(--ink)}
.section-nav :is(a, [aria-current="page"]){display:block;padding:8px 12px;margin:2px 0;border-left:2px solid transparent;border-radius:0 4px 4px 0;font-size:13px;line-height:1.4;color:var(--muted);text-decoration:none}
.section-nav :is(a, [aria-current="page"]):hover{color:var(--ink);background:var(--hover);text-decoration:none}.section-nav :is(a, [aria-current="page"])[aria-current="page"]{border-left-color:var(--red);background:var(--surface);color:var(--red);font-weight:500;text-decoration:none}
.mobile-section-nav{display:none}
.article-content{min-width:0;width:100%;max-width:none;padding:0;margin:0}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 28px;color:var(--muted);font-size:12px;line-height:1.6}.breadcrumbs a{color:var(--muted);font-size:12px}.breadcrumbs [aria-current]{color:var(--ink)}
.article-content article{font-size:15px;line-height:1.75;overflow-wrap:break-word}
.article-content h1{max-width:760px;margin:0 0 22px;font:500 clamp(32px,3.6vw,48px)/1.12 "Space Grotesk",sans-serif;letter-spacing:-1.8px}
.article-content h2{font:500 25px/1.25 "Space Grotesk",sans-serif;letter-spacing:-.7px;border-top:1px solid var(--hair);padding-top:28px;margin:48px 0 16px}
.article-content h3{font:600 17px/1.4 var(--sans);margin:30px 0 12px}
.article-content p{margin:0 0 18px;max-width:74ch}.article-content .lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:62ch;margin-bottom:26px}
.article-content ul,.article-content ol{padding-left:22px;margin:20px 0;max-width:74ch}.article-content li{padding-left:3px;margin-bottom:10px}
.article-content a:not(.route-link){text-decoration-thickness:1px;text-underline-offset:4px}
.article-content .note{font-size:12px;line-height:1.6;color:var(--muted)}
.article-content pre{background:var(--surface);border:1px solid var(--hair);border-radius:6px;padding:20px;margin:22px 0;max-width:100%;font-size:12px;line-height:1.7;overflow-x:auto}
.article-content code{font-size:.87em} .article-content pre code{font-size:inherit}
.article-content .table-wrap{margin:22px 0 28px;border:1px solid var(--hair);border-radius:6px;background:var(--surface)}
.article-content table{font-size:13px;line-height:1.6}.article-content th{background:var(--hover);color:var(--ink);font-weight:600}.article-content th,.article-content td{padding:12px 14px;min-width:100px;border-color:var(--hair)}.article-content tr:last-child td{border-bottom:none}
.article-content details{margin:22px 0;padding:18px 20px;border:1px solid var(--hair);border-radius:6px;background:var(--surface)}.article-content summary{font-size:14px;cursor:pointer;font-weight:500}.article-content details[open]>summary{margin-bottom:18px}
.hub-intro{margin-bottom:36px}.route-list{border-top:1px solid var(--hair);margin:28px 0 36px}.route-entry{padding:28px 0;border-bottom:1px solid var(--hair)}
.route-entry h2,.route-entry h3{border:0;padding:0;margin:0 0 12px}.route-entry h2 a,.route-entry h3 a{color:var(--ink);text-decoration:none!important}.route-entry h2 a:hover,.route-entry h3 a:hover{text-decoration:underline!important}
.route-entry p{max-width:68ch}.route-entry .route-link,.route-link{display:inline-flex;align-items:center;min-height:40px;font-size:13px;font-weight:600;color:var(--red);text-decoration:none}.route-link:hover{text-decoration:underline}
.route-entry .route-label{font-size:12px;color:var(--muted);margin-bottom:10px}.route-copy{color:var(--muted)}
.account-content{max-width:960px;min-height:50vh;padding:30px 28px 64px}.account-content h1{font-family:"Space Grotesk",sans-serif;font-size:34px;font-weight:500;letter-spacing:-1px}
.action-primary,.article-content a.action-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #ad263a;border-radius:5px;background:#ad263a;color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.action-primary:hover{background:#912033;border-color:#912033}
.pricing-plan{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.2fr);gap:32px;padding:30px;margin:32px 0;background:var(--surface);border:1px solid var(--hair);border-radius:8px}
.article-content .pricing-offer h2{border:0;padding:0;margin:0 0 12px;font-size:24px}
.article-content .pricing-amount{font:500 72px/1.1 "Space Grotesk",sans-serif;letter-spacing:-3px;margin:0 0 16px}
.pricing-amount span{font:400 14px/1.4 var(--sans);letter-spacing:0;color:var(--muted)}
.pricing-offer>.note{margin:16px 0 0}.pricing-allowances{margin:0}.pricing-allowances>div{padding:16px 0;border-bottom:1px solid var(--hair)}.pricing-allowances>div:first-child{padding-top:0}.pricing-allowances>div:last-child{padding-bottom:0;border:0}.pricing-allowances dt{font-size:16px;font-weight:600}.pricing-allowances dd{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.start-paths{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0}.start-paths section{min-width:0}.article-content .start-paths h3{margin-top:0}.start-paths p{font-size:14px}
.onboarding-intro{max-width:65ch;color:var(--muted);font-size:17px;line-height:1.65}.onboarding-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:22px 0}.onboarding-actions a{min-height:44px;display:inline-flex;align-items:center}
.plan-summary,.sample-notice,.console-empty{padding:20px 24px;margin:24px 0;border:1px solid var(--hair);border-radius:6px;background:var(--surface)}.plan-summary p:last-child,.sample-notice p:last-child,.console-empty p:last-child{margin-bottom:0}.plan-summary h2,.sample-notice h2{border:0;padding:0;margin:0 0 12px}
.account-content pre{background:var(--surface);border:1px solid var(--hair);border-radius:6px;padding:18px;font-size:13px;max-width:100%}
.quickstart-code{margin:24px 0;border:1px solid var(--hair);border-radius:6px;background:var(--surface);overflow:hidden}.quickstart-command-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--hair);font-size:13px;font-weight:600}.article-content .quickstart-code pre{margin:0;border:0;border-radius:0}.quickstart-copy{min-height:36px;border:1px solid var(--hair);border-radius:4px;padding:6px 12px;background:var(--paper);font-size:12px}.copy-status{display:block;font-size:12px;color:var(--muted);min-height:1.6em}.article-content .copy-status{margin:8px 0 0}
@media(max-width:760px){.pricing-plan{grid-template-columns:1fr;padding:24px;gap:28px}.start-paths{grid-template-columns:1fr;gap:20px}.pricing-offer{padding-bottom:24px;border-bottom:1px solid var(--hair)}.onboarding-actions{align-items:flex-start}.plan-summary,.sample-notice,.console-empty{padding:18px}.article-content .pricing-amount{font-size:64px}}
.site-footer{width:calc(100% - 64px);max-width:1280px;margin:0 auto;padding:48px 0 20px;border-top:1px solid var(--hair);color:var(--ink);font:14px/1.5 var(--sans)}
.footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;padding-bottom:46px}
.footer-about p{margin:18px 0 16px;font-size:15px;line-height:1.6;color:var(--muted)}
.footer-start{display:inline-flex;min-height:40px;align-items:center;font-size:13px;color:var(--red);text-decoration:underline;text-underline-offset:4px}
.footer-group h2{margin:0 0 14px;padding:0;border:0;font:600 13px/1.5 var(--sans);letter-spacing:0;color:var(--ink)}
.footer-group nav{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.footer-group nav :is(a, [aria-current="page"]){display:inline-flex;align-items:center;min-height:30px;font-size:12px;color:var(--muted);text-decoration:none}.footer-group nav :is(a, [aria-current="page"]):hover{color:var(--ink);text-decoration:underline}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--hair);color:var(--muted);font-size:11px}
@media(max-width:1150px){.site-header>nav{gap:6px 16px}.site-header{gap:12px 18px}.site-header>nav :is(a, [aria-current="page"]){font-size:12px}}
@media(max-width:1000px){.site-header>nav{order:3;width:100%;gap:8px 24px}.site-header>.theme-actions{margin-left:auto}.page-layout{gap:32px;grid-template-columns:190px minmax(0,1fr)}.footer-main{grid-template-columns:repeat(4,1fr);gap:30px}.footer-about{grid-column:1/-1}.footer-about p br{display:none}.footer-about p{margin:12px 0 4px}}
@media(max-width:760px){.page-layout{display:block;padding:22px 24px 56px}.desktop-section-nav{display:none}.mobile-section-nav{display:block;margin-bottom:30px;border-bottom:1px solid var(--hair)}.mobile-section-nav>summary{cursor:pointer;padding:10px 0 18px;font-size:13px;font-weight:500}.mobile-section-nav .section-nav{padding:16px 0 4px}.article-content h1{font-size:36px;letter-spacing:-1.3px}.article-content h2{font-size:23px}.article-content .lead{font-size:17px}.breadcrumbs{margin-bottom:24px}.site-header,.site-footer{width:calc(100% - 48px)}.site-header>nav{display:flex;gap:3px 19px}.footer-main{grid-template-columns:repeat(2,1fr);gap:32px 20px}.footer-group nav :is(a, [aria-current="page"]){min-height:36px}.article-content th,.article-content td{padding:10px;font-size:12px}}
@media(max-width:420px){.site-header{width:calc(100% - 32px);gap:12px 6px;padding:18px 0 12px}.brand,.rs-brand{font-size:20px;letter-spacing:-1px}.rs-account{padding:10px;font-size:11px}.theme-actions{gap:6px}.theme-toggle{padding:10px}.site-header>nav{gap:2px 18px}.site-header>nav :is(a, [aria-current="page"]){font-size:11px}.page-layout{padding:22px 20px 48px}.article-content h1{font-size:32px}.article-content pre{padding:14px}.site-footer{width:calc(100% - 40px)}.footer-main{gap:26px 16px}.footer-group nav :is(a, [aria-current="page"]){font-size:11px}}
@media(max-width:420px){.site-header>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px}.site-header>nav :is(a, [aria-current="page"]){font-size:12px;min-height:40px;letter-spacing:-.15px}}

.pricing-amount #pro-price{font:inherit;letter-spacing:inherit;color:inherit}