:root{ /* !important: Nextra's injects `--nextra-content-width: 90rem` inline, which otherwise wins and caps + centers the whole shell (drawer inset). We want the shell full-width and only the article capped (--max-view below). */--nextra-content-width:100%!important;--max-view:70rem}article{max-width:var(--max-view);margin-inline:auto}.nav-logo{display:flex;align-items:center;gap:.55rem}.nav-logo-mark{height:22px;width:auto;display:block}.nav-logo-dark{display:none}html.dark .nav-logo-dark{display:block}html.dark .nav-logo-light{display:none}.nav-logo-badge{font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;padding:.05rem .35rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:4px;opacity:.65}.nextra-content img,article img{border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:8px;box-shadow:0 1px 3px rgb(0 0 0/.18),0 6px 16px rgb(0 0 0/.12)}.md-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1rem;gap:1rem;margin:2rem 0}.md-card{display:block;padding:1.25rem 1.25rem 1.1rem;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:10px;background:color-mix(in srgb,currentColor 2%,transparent);text-decoration:none!important;color:inherit!important;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.md-card:hover{border-color:var(--nextra-primary-color,#6cda00);background:color-mix(in srgb,currentColor 5%,transparent);transform:translateY(-2px)}.md-card p{margin:0}.md-card p:first-child{font-size:1.05rem;margin-bottom:.4rem}.md-card p:not(:first-child){font-size:.9rem;opacity:.72}.md-columns{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0;align-items:flex-start}.md-columns>.md-column{flex:1 1;min-width:0}.md-columns>.md-column>:first-child{margin-top:0}@media (max-width:640px){.md-columns{flex-direction:column}}.nextra-sidebar{width:21rem!important}