@layer starlight.components{.card:where(.astro-oag6qnet){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-oag6qnet):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-oag6qnet):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-oag6qnet):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-oag6qnet):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-oag6qnet){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-oag6qnet) .icon:where(.astro-oag6qnet){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-oag6qnet) .body:where(.astro-oag6qnet){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-7qmvx3iy){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-7qmvx3iy)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-7qmvx3iy){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-7qmvx3iy){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-7qmvx3iy)>:nth-child(2n){transform:translateY(var(--stagger-height))}}.sl-link-card:where(.astro-zaaezwya){border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-sm);border-radius:.5rem;grid-template-columns:1fr auto;gap:.5rem;padding:1rem;display:grid;position:relative}a:where(.astro-zaaezwya){line-height:var(--sl-line-height-headings);text-decoration:none}a:where(.astro-zaaezwya):before{content:"";position:absolute;inset:0}.stack:where(.astro-zaaezwya){flex-direction:column;gap:.5rem}.title:where(.astro-zaaezwya){color:var(--sl-color-white);font-weight:600;font-size:var(--sl-text-lg)}.description:where(.astro-zaaezwya){color:var(--sl-color-gray-3);line-height:1.5}.icon:where(.astro-zaaezwya){color:var(--sl-color-gray-3)}.sl-link-card:where(.astro-zaaezwya):hover{background:var(--sl-color-gray-7,var(--sl-color-gray-6));border-color:var(--sl-color-gray-2)}.sl-link-card:where(.astro-zaaezwya):hover .icon:where(.astro-zaaezwya){color:var(--sl-color-white)}}.tape{border:1px solid var(--sl-color-gray-5);color:#d4dee5;font-family:var(--sl-font-mono);background:#0b141c;border-radius:.6rem;margin:2rem 0 2.5rem;font-size:.82rem;overflow:hidden}.tape header{color:#8798a6;letter-spacing:.04em;border-block-end:1px solid #22313d;justify-content:space-between;gap:1rem;padding:.55rem .9rem;font-size:.74rem;display:flex}.tape ol{margin:0;padding:.6rem 0 .8rem;list-style:none}.tape li{opacity:0;animation:.35s ease-out forwards tape-in;animation-delay:calc(var(--i) * .55s + .3s);grid-template-columns:4.6rem 6.2rem 1fr;gap:.75rem;padding:.18rem .9rem;display:grid}.tape li .t{color:#556574}.tape li .phase{color:#9cc2ee}.tape li .line{white-space:pre-wrap;overflow-wrap:anywhere}.tape li.done .phase{color:#f6c39c}.tape li.done .line{color:#fff}.tape li .num{color:var(--mf-orange)}@keyframes tape-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tape li{opacity:1}}@media (width<=40rem){.tape li{grid-template-columns:1fr;gap:0;padding-block:.3rem}.tape li .t{display:none}}.arch{font-size:var(--sl-text-sm);grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1.4rem;margin:1.75rem 0 2.25rem;display:grid}.arch .box{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);border-radius:.5rem;padding:.75rem .9rem;position:relative}.arch .box strong{font-family:var(--mf-font-display);color:var(--sl-color-white);font-size:1rem;font-weight:600;display:block}.arch .box span{color:var(--sl-color-gray-2)}.arch .box.client{border-top:3px solid var(--mf-grey)}.arch .box.server{border-top:3px solid var(--mf-blue)}.arch .box.run{border-top:3px solid var(--mf-orange)}.arch .box.store{border-top:3px solid var(--sl-color-gray-3)}.arch .wide{grid-column:1/-1}.arch .mid{grid-column:2/4}.arch .lane{color:var(--sl-color-gray-3);font-family:var(--sl-font-mono);grid-column:1/-1;align-items:center;gap:.6rem;font-size:.74rem;display:flex}.arch .lane:before,.arch .lane:after{content:"";border-top:1px dashed var(--sl-color-gray-4);flex:1}@media (width<=50rem){.arch{grid-template-columns:1fr}.arch .mid,.arch .wide{grid-column:auto}}