.rb-page .rb{--rb-line:#e4ddec;color:#211a33;background:white}.rb-page .rb-width{width:min(1200px,calc(100% - 80px));margin:auto}.rb-page .rb h1,.rb-page .rb h2,.rb-page .rb h3,.rb-page .rb p{margin:0}.rb-page .rb a{color:inherit;text-decoration:none}.rb-page .rb-hero{padding:60px 0 38px;background-image:linear-gradient(#ede8f355 1px,transparent 1px),linear-gradient(90deg,#ede8f355 1px,transparent 1px);background-size:34px 34px}.rb-page .rb-eyebrow,.rb-page .rb-meta,.rb-page .rb-keypoints>span,.rb-page .rb-card>span,.rb-page .rb-next>span{font:11px/1.6 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#7128d7}.rb-page .rb-hero h1{font:600 clamp(38px,4vw,58px)/1.08 'Source Serif 4',Georgia,serif;letter-spacing:-.035em;max-width:24ch;margin:24px 0}.rb-page .rb-hero p{font:400 20px/1.65 Inter,sans-serif;color:#6a6478;max-width:870px}.rb-page .rb-meta{color:#6a6478;margin-top:24px;display:flex;gap:18px;flex-wrap:wrap;font-size:10px}.rb-page .rb-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start;padding:0 0 90px}.rb-page .rb-rail{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;padding:4px 4px 20px 0}.rb-page .rb-rail details>summary{font:600 13px Inter,sans-serif;list-style:none;padding:0 0 18px;cursor:pointer}.rb-page .rb-rail summary::-webkit-details-marker{display:none}.rb-page .rb-rail summary::after{content:'−';float:right;color:#7128d7}.rb-page .rb-rail details:not([open]) summary::after{content:'+'}.rb-page .rb-rail nav{display:flex;flex-direction:column}.rb-page .rb-rail nav a{display:flex;gap:15px;border-left:1px solid var(--rb-line);padding:13px 14px;font:400 12px/1.65 Inter,sans-serif;color:#6a6478}.rb-page .rb-rail nav a[aria-current=true],.rb-page .rb-rail nav a:hover{border-left-color:#7128d7;color:#211a33;background:#f8f4fd}.rb-page .rb-keypoints{margin-top:24px;background:#f6f0fd;border:1px solid #d1b3f5;padding:22px;border-radius:3px}.rb-page .rb-keypoints ul{padding:0;list-style:none;display:grid;gap:14px;margin:16px 0 23px}.rb-page .rb-keypoints li{font:500 13px/1.6 Inter,sans-serif;padding-left:16px;position:relative}.rb-page .rb-keypoints li::before{content:'';width:6px;height:6px;position:absolute;left:0;top:7px;background:#7128d7}.rb-page .rb-keypoints>a{font:600 12px/1.5 Inter,sans-serif;color:#7128d7;display:inline-block;min-height:32px}.rb-page .rb-topic{padding:38px 0 44px;border-bottom:1px solid var(--rb-line);scroll-margin-top:110px}.rb-page .rb-topic:first-child{padding-top:3px}.rb-page .rb-topic>h2{font:600 23px/1.35 Inter,sans-serif;letter-spacing:-.025em}.rb-page .rb-topic>p{font:400 16px/1.75 Inter,sans-serif;color:#6a6478;margin:16px 0 24px;max-width:74ch}.rb-page .rb-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rb-page .rb-card{border:1px solid var(--rb-line);padding:24px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,background .2s;min-width:0}.rb-page .rb-card:hover{border-color:#9f74d9;background:#fcfaff}.rb-page .rb-card>span{font-size:9px}.rb-page .rb-card h3{font:600 24px/1.16 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;margin:15px 0 12px}.rb-page .rb-card p{font:400 13px/1.65 Inter,sans-serif;color:#6a6478}.rb-page .rb-card strong{font:500 11px Inter,sans-serif;color:#7128d7;margin-top:22px;padding-top:10px}.rb-page .rb-next{padding:45px 0 0}.rb-page .rb-next h2{font:600 39px/1.13 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;margin:22px 0 26px}.rb-page .rb .px-library-toolbar{display:block;background:white;padding:0;border:0}.rb-page .rb .px-library-toolbar label{width:100%;display:block}.rb-page .rb .px-filter{margin-top:22px}.rb-page .rb .px-library-toolbar input{width:100%}.rb-page .rb .px-resource-item{padding:24px 0}.rb-page .rb .px-resource-item h3{font-size:23px}.rb-page .rb .px-library{border:0}.rb-page .rb .px-library-list{padding:0}.rb-page .rb a:focus-visible,.rb-page .rb summary:focus-visible{outline:2px solid #7128d7;outline-offset:4px}.rb-page .rb #explorer{scroll-margin-top:110px}
@media(max-width:950px){.rb-page .rb-width{width:calc(100% - 48px)}.rb-page .rb-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.rb-page .rb-rail nav a{padding:11px 10px;gap:8px}.rb-page .rb-keypoints{padding:17px}.rb-page .rb-cards{grid-template-columns:1fr}.rb-page .rb-hero h1{font-size:48px}.rb-page .rb-hero p{font-size:18px}}@media(max-width:700px){.rb-page .rb-width{width:calc(100% - 36px)}.rb-page .rb-layout{grid-template-columns:1fr;gap:30px}.rb-page .rb-rail{position:static;max-height:none;padding:0}.rb-page .rb-rail details{border-block:1px solid var(--rb-line);padding:18px 0}.rb-page .rb-rail details>summary{padding:0;font-size:14px}.rb-page .rb-rail nav{margin-top:16px}.rb-page .rb-keypoints{display:none}.rb-page .rb-hero{padding:36px 0 28px}.rb-page .rb-hero h1{font-size:39px;max-width:23ch}.rb-page .rb-hero p{font-size:16px}.rb-page .rb-meta{font-size:9px;gap:10px}.rb-page .rb-topic{padding:30px 0}.rb-page .rb-topic>h2{font-size:21px}.rb-page .rb-topic>p{font-size:15px}.rb-page .rb-card{padding:22px}.rb-page .rb-next h2{font-size:34px}.rb-page .rb .px-filter{gap:7px}.rb-page .rb .px-filter button{font-size:11px;min-height:42px}.rb-page .rb .px-resource-list article{grid-template-columns:minmax(0,1fr)}}

.rb-page .rb .px-resource-row{display:grid;grid-template-columns:85px minmax(0,1fr) 40px;gap:8px 20px;padding:26px 0}.rb-page .rb .px-resource-row .px-resource-type{grid-column:1;grid-row:1/3;font-size:11px}.rb-page .rb .px-resource-row h3{grid-column:2;font:600 23px/1.2 'Source Serif 4',Georgia,serif}.rb-page .rb .px-resource-row>p{grid-column:2;font:400 13px/1.6 Inter,sans-serif;color:#6a6478}.rb-page .rb .px-resource-row button{grid-column:3;grid-row:1/3;align-self:center;min-height:44px}@media(max-width:700px){.rb-page .rb .px-resource-row{grid-template-columns:minmax(0,1fr) 40px;gap:9px 12px}.rb-page .rb .px-resource-row .px-resource-type{grid-column:1;grid-row:1}.rb-page .rb .px-resource-row h3{grid-column:1;grid-row:2;font-size:23px}.rb-page .rb .px-resource-row>p{grid-column:1;grid-row:3}.rb-page .rb .px-resource-row button{grid-column:2;grid-row:1/4}}

@media(max-width:600px){.rb-page .gx-review{overflow-x:auto;justify-content:flex-start}.rb-page .gx-review>*{flex-shrink:0}.rb-page .gx-review>[data-blog-prototypes-entry]{font-size:10px}}