.tips-article:where(.astro-d2eiemun){gap:1rem;display:grid}.tips-intro:where(.astro-d2eiemun),.tips-empty:where(.astro-d2eiemun) p:where(.astro-d2eiemun),.tips-group-header:where(.astro-d2eiemun) p:where(.astro-d2eiemun),.tips-group:where(.astro-d2eiemun) li:where(.astro-d2eiemun) p:where(.astro-d2eiemun){margin:0}.tips-intro:where(.astro-d2eiemun),.tips-empty:where(.astro-d2eiemun) p:where(.astro-d2eiemun){color:var(--sl-color-text-2);max-width:58rem}.tips-empty:where(.astro-d2eiemun),.tips-group:where(.astro-d2eiemun){border:1px solid var(--sl-color-gray-5);background:color-mix(in srgb, var(--sl-color-bg) 94%, var(--sl-color-bg-nav) 6%);border-radius:1rem;box-shadow:0 12px 28px #0f172a0f}.tips-empty:where(.astro-d2eiemun){padding:1.25rem}.tips-meta:where(.astro-d2eiemun){color:var(--sl-color-text-2);flex-wrap:wrap;gap:.75rem;font-size:.9rem;display:flex}.tips-meta:where(.astro-d2eiemun) span:where(.astro-d2eiemun),.tips-meta:where(.astro-d2eiemun) a:where(.astro-d2eiemun){border:1px solid var(--sl-color-gray-5);background:color-mix(in srgb, var(--sl-color-bg-nav) 88%, transparent);min-height:2rem;color:inherit;border-radius:999px;align-items:center;padding:.2rem .75rem;text-decoration:none;display:inline-flex}.tips-meta:where(.astro-d2eiemun) a:where(.astro-d2eiemun):hover{color:var(--sl-color-text);border-color:var(--sl-color-accent)}.tips-groups:where(.astro-d2eiemun){gap:1.25rem;display:grid}.tips-group:where(.astro-d2eiemun){padding:1.35rem}.tips-group-header:where(.astro-d2eiemun){justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tips-group-header:where(.astro-d2eiemun) h2:where(.astro-d2eiemun){scroll-margin-top:calc(var(--sl-nav-height) + 5rem);margin:0}.tips-group-header:where(.astro-d2eiemun) p:where(.astro-d2eiemun){color:var(--sl-color-text-2);white-space:nowrap}.tips-group:where(.astro-d2eiemun) ol:where(.astro-d2eiemun){gap:.8rem;margin:0;padding-left:1.2rem;display:grid}.tips-group:where(.astro-d2eiemun) li:where(.astro-d2eiemun){gap:.35rem;display:grid}.tips-group:where(.astro-d2eiemun) code:where(.astro-d2eiemun){width:fit-content;color:var(--sl-color-text-2);font-size:.82rem}@media (width<=720px){.tips-group:where(.astro-d2eiemun){padding:1.05rem}.tips-group-header:where(.astro-d2eiemun){flex-direction:column;align-items:flex-start}}