:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .92rem + .2vw, 1.05rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);--step-3: clamp(2.2rem, 1.8rem + 2.2vw, 3.6rem);--gutter: clamp(1rem, .6rem + 2vw, 2.5rem);--measure: 68ch;--wide: 1180px;--radius: 10px;--border: 1px solid var(--sp-fiacao)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--sp-vao);color:var(--sp-fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;font-weight:620}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 1em}a{color:var(--sp-marginal);text-decoration-color:color-mix(in oklab,var(--sp-marginal) 45%,transparent);text-underline-offset:.2em}a:hover{color:var(--sp-marginal-vivo)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}:where(p,li,td)>code{background:var(--sp-concreto);border:var(--border);border-radius:5px;padding:.1em .36em}hr{border:0;border-top:var(--border);margin:2.5rem 0}:focus-visible{outline:2px solid var(--sp-sodio);outline-offset:2px;border-radius:3px}::selection{background:var(--sp-vidro);color:var(--sp-fg)}.wrap{width:min(100% - var(--gutter) * 2,var(--wide));margin-inline:auto}.prose{max-width:var(--measure)}.section{padding-block:clamp(3rem,2rem + 5vw,6rem)}[id]{scroll-margin-top:5rem}@media(max-width:34rem){[id]{scroll-margin-top:7rem}}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-sodio);margin-bottom:.75rem}.lede{font-size:var(--step-1);color:var(--sp-fg-dim);max-width:var(--measure)}.muted{color:var(--sp-fg-muted)}.mono{font-family:var(--font-mono)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--sp-vao) 88%,transparent);backdrop-filter:blur(10px);border-bottom:var(--border)}.site-header__inner{display:flex;align-items:center;gap:1.5rem;padding-block:.85rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-weight:700;letter-spacing:-.01em;color:var(--sp-fg);text-decoration:none;white-space:nowrap}.brand svg{border-radius:6px;box-shadow:0 0 0 1px color-mix(in oklab,var(--sp-fiacao) 70%,transparent)}.nav{display:flex;gap:1.1rem;margin-left:auto;align-items:center;flex-wrap:wrap}.nav a{color:var(--sp-fg-dim);text-decoration:none;font-size:var(--step--1);font-family:var(--font-mono)}.nav a:hover,.nav a[aria-current=page]{color:var(--sp-fg)}.nav a[aria-current=page]{border-bottom:2px solid var(--sp-sodio)}.flavors{display:inline-flex;gap:2px;padding:2px;background:var(--sp-concreto);border:var(--border);border-radius:999px}.flavors button{appearance:none;white-space:nowrap;border:0;background:transparent;color:var(--sp-fg-muted);font-family:var(--font-mono);font-size:var(--step--1);padding:.3rem .75rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:color .2s,background-color .2s}.flavors button:hover{color:var(--sp-fg)}.flavors button[aria-checked=true]{background:var(--sp-vidro);color:var(--sp-fg)}.flavors button[aria-checked=true] .swatch{box-shadow:0 0 0 3px color-mix(in oklab,currentColor 18%,transparent)}.flavors .flavor-id{display:none}.flavors .swatch{width:.66em;height:.66em;border-radius:50%;display:inline-block;transition:box-shadow .25s ease,background-color .45s ease}.site-header__end{display:flex;align-items:center;gap:.6rem}.gh{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:var(--step--1);color:var(--sp-fg-dim);background:var(--sp-concreto);border:var(--border);border-radius:999px;text-decoration:none;white-space:nowrap;transition:color .25s ease,border-color .25s ease}.gh:hover{color:var(--sp-fg);border-color:var(--sp-sodio)}.gh svg{flex:none}@media(max-width:44rem){.site-header__inner{gap:1rem;row-gap:.4rem;flex-wrap:wrap;padding-block:.7rem}.nav{gap:1rem}.nav a{padding-block:.5rem}.site-header__end{flex-basis:100%;max-width:30rem}.site-header .flavors{display:flex;flex:1}.gh span{display:none}.gh{padding:.45rem .6rem}.site-header .flavors button{flex:1;justify-content:center;padding-block:.5rem}}@media(max-width:34rem){.flavors button .flavor-name{display:none}.flavors button .flavor-id{display:inline}.flavors button{padding:.5rem .6rem}.flavors .swatch{width:.85em;height:.85em}}.site-footer{border-top:var(--border);margin-top:1.5rem;padding-block:2.5rem;color:var(--sp-fg-muted);font-size:var(--step--1)}.site-footer__cols{display:grid;gap:2rem 2.5rem;grid-template-columns:minmax(14rem,1.4fr) repeat(auto-fit,minmax(10rem,1fr))}.site-footer__about p{margin:.6rem 0 0;max-width:34ch}.site-footer__col h2{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-fg-muted);margin-bottom:.7rem}.site-footer__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.site-footer__col a{color:var(--sp-fg-dim);text-decoration:none}.site-footer__col a:hover{color:var(--sp-marginal-vivo);text-decoration:underline}.site-footer__base{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.2rem;border-top:var(--border);font-size:.75rem}@media(max-width:34rem){.site-footer__cols{grid-template-columns:1fr 1fr}.site-footer__about{grid-column:1 / -1}}.card{background:var(--sp-laje);border:var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;transition:background-color .45s ease,border-color .45s ease}.pill{font-family:var(--font-mono);font-size:var(--step--1);color:var(--sp-fg-dim);background:var(--sp-concreto);border:var(--border);border-radius:999px;padding:.15rem .6rem}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--step--1);padding:.55rem 1.1rem;border-radius:8px;border:var(--border);background:var(--sp-concreto);color:var(--sp-fg);text-decoration:none;cursor:pointer;transition:border-color .2s,background-color .45s ease,transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease}.btn:hover{border-color:var(--sp-sodio);color:var(--sp-fg);transform:translateY(-2px);box-shadow:0 10px 24px -14px var(--sp-sodio)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--sp-sodio);color:var(--sp-on-accent, var(--sp-vao));border-color:var(--sp-sodio);font-weight:600}.btn--primary:hover{filter:brightness(1.08);color:var(--sp-vao)}.btn--ghost{background:transparent;color:var(--sp-fg-dim)}.btn--ghost:hover{color:var(--sp-fg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rise{animation:rise .75s var(--d, 0ms) cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0ms)}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;animation-delay:0ms!important;transition-delay:0ms!important}.rise{animation:none}.js .reveal{opacity:1;transform:none}}.table-scroll{overflow-x:auto;margin-block:1rem}table{width:100%;border-collapse:collapse;font-size:var(--step--1)}th,td{text-align:left;padding:.45rem .7rem;border-bottom:var(--border);vertical-align:top}@media(max-width:34rem){th,td{padding:.4rem .45rem}}thead th{color:var(--sp-fg-muted);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}tbody th{color:var(--sp-fg);font-weight:500;white-space:nowrap}td{color:var(--sp-fg-dim)}.guide>div>:first-child{margin-top:0}.guide p,.guide li{max-width:var(--measure);color:var(--sp-fg-dim)}.guide ul,.guide ol{padding-left:1.2rem}.guide h2,.guide h3{margin-top:2rem}.guide blockquote{margin:1rem 0;padding-left:1rem;border-left:2px solid var(--sp-fiacao);color:var(--sp-fg-muted)}.callout{margin:1.2rem 0;padding:.8rem 1rem;background:var(--sp-concreto);border:var(--border);border-left:3px solid var(--sp-sodio);border-radius:var(--radius)}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout:before{content:attr(data-kind);display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-sodio);margin-bottom:.35rem}.callout[data-kind=warning],.callout[data-kind=caution]{border-left-color:var(--sp-brasa)}.callout[data-kind=warning]:before,.callout[data-kind=caution]:before{color:var(--sp-brasa)}.band{background:var(--sp-laje);box-shadow:0 0 0 100vmax var(--sp-laje);clip-path:inset(0 -100vmax);transition:background-color .45s ease,box-shadow .45s ease}svg[data-astro-cid-tvrurpns]{display:block;flex:0 0 auto}.mark__beacon[data-astro-cid-tvrurpns]{animation:mark-beacon 3.4s ease-in-out infinite}@keyframes mark-beacon{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.mark__beacon[data-astro-cid-tvrurpns]{animation:none}}
