.tip-figure[data-astro-cid-zmctr5b3]{gap:var(--space-sm);padding:var(--space-md);background-color:var(--surface-2,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;margin:0;display:flex}.tip-figure__art[data-astro-cid-zmctr5b3] svg[data-astro-cid-zmctr5b3]{width:100%;max-width:26rem;height:auto;margin-inline:auto;display:block}.tip-figure__steps[data-astro-cid-zmctr5b3]{gap:var(--space-xs);font-size:var(--font-size-sm);text-align:center;counter-reset:tip-step;grid-template-columns:repeat(3,1fr);margin:0;padding:0;font-weight:600;line-height:1.3;list-style:none;display:grid}.tip-figure__steps[data-astro-cid-zmctr5b3] li[data-astro-cid-zmctr5b3]:before{width:1.35rem;height:1.35rem;color:var(--es-icon-color);content:counter(tip-step);counter-increment:tip-step;background-color:var(--es-icon-bg);border-radius:var(--radius-full);place-items:center;margin:0 auto .3rem;font-size:.75rem;font-weight:700;display:grid}.tip-figure[data-astro-cid-zmctr5b3] figcaption[data-astro-cid-zmctr5b3]{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.tip-figure[data-astro-cid-zmctr5b3] .tf-panel{fill:var(--color-surface);stroke:var(--color-border);stroke-width:1.5px}.tip-figure[data-astro-cid-zmctr5b3] .tf-raised{filter:drop-shadow(0 2px 4px oklch(0% none none/.18))}.tip-figure[data-astro-cid-zmctr5b3] .tf-block{fill:color-mix(in oklch, var(--color-text-muted) 24%, transparent)}.tip-figure[data-astro-cid-zmctr5b3] .tf-strong{fill:color-mix(in oklch, var(--color-text) 55%, transparent)}.tip-figure[data-astro-cid-zmctr5b3] .tf-row{fill:color-mix(in oklch, var(--color-text-muted) 10%, transparent);stroke:color-mix(in oklch, var(--color-text-muted) 25%, transparent);stroke-width:1px}.tip-figure[data-astro-cid-zmctr5b3] .tf-card{fill:var(--color-surface);stroke:var(--es-icon-color);stroke-width:1.8px}.tip-figure[data-astro-cid-zmctr5b3] .tf-dot{fill:color-mix(in oklch, var(--color-text-muted) 45%, transparent)}.tip-figure[data-astro-cid-zmctr5b3] .tf-slot{fill:none;stroke:color-mix(in oklch, var(--color-text-muted) 50%, transparent);stroke-width:1.5px;stroke-dasharray:4 3}.tip-figure[data-astro-cid-zmctr5b3] .tf-slot-soft{fill:color-mix(in oklch, var(--color-text-muted) 8%, transparent)}.tip-figure[data-astro-cid-zmctr5b3] .tf-lifted{fill:var(--es-icon-bg);stroke:var(--es-icon-color);stroke-width:1.8px;filter:drop-shadow(0 3px 5px oklch(0% none none/.22))}.tip-figure[data-astro-cid-zmctr5b3] .tf-ghost{fill:color-mix(in oklch, var(--color-text-muted) 8%, transparent);stroke:color-mix(in oklch, var(--color-text-muted) 30%, transparent);stroke-width:1.5px}.tip-figure[data-astro-cid-zmctr5b3] .tf-line,.tip-figure[data-astro-cid-zmctr5b3] .tf-tick,.tip-figure[data-astro-cid-zmctr5b3] .tf-rule{stroke:color-mix(in oklch, var(--color-text-muted) 70%, transparent)}.tip-figure[data-astro-cid-zmctr5b3] .tf-rule{stroke:var(--color-border)}.tip-figure[data-astro-cid-zmctr5b3] .tf-accent-line{stroke:var(--es-icon-color)}.tip-figure[data-astro-cid-zmctr5b3] .tf-accent-fill{fill:var(--es-icon-color)}.tip-figure[data-astro-cid-zmctr5b3] .tf-accent-soft{fill:color-mix(in oklch, var(--es-icon-color) 26%, var(--color-surface))}.tip-figure[data-astro-cid-zmctr5b3] .tf-icon{stroke:var(--es-icon-color)}.tip-figure[data-astro-cid-zmctr5b3] .tf-on-accent{stroke:var(--es-hero-text)}.tip-figure[data-astro-cid-zmctr5b3] .tf-success-fill{fill:var(--color-success)}.tip-figure[data-astro-cid-zmctr5b3] .tf-success-icon{stroke:var(--color-success)}.tip-figure[data-astro-cid-zmctr5b3] .tf-right{fill:color-mix(in oklch, var(--color-success) 14%, var(--color-surface));stroke:var(--color-success);stroke-width:1.5px}.tip-figure[data-astro-cid-zmctr5b3] .tf-danger-soft{fill:color-mix(in oklch, var(--color-danger) 14%, transparent)}.tip-figure[data-astro-cid-zmctr5b3] .tf-danger-line,.tip-figure[data-astro-cid-zmctr5b3] .tf-danger-icon{stroke:var(--color-danger)}.tip-figure[data-astro-cid-zmctr5b3] .tf-touch{fill:color-mix(in oklch, var(--es-icon-color) 28%, transparent);stroke:var(--es-icon-color);stroke-width:2px}.tip-figure[data-astro-cid-zmctr5b3] .tf-term-a{fill:color-mix(in oklch, var(--es-tone-blue) 55%, var(--color-surface))}.tip-figure[data-astro-cid-zmctr5b3] .tf-term-b{fill:color-mix(in oklch, var(--es-tone-teal) 55%, var(--color-surface))}.tip-figure[data-astro-cid-zmctr5b3] .tf-break{fill:color-mix(in oklch, var(--es-tone-amber) 35%, var(--color-surface));stroke:var(--es-tone-amber);stroke-width:1.5px;stroke-dasharray:3 2}.tip-figure[data-astro-cid-zmctr5b3] .tf-class-dot{fill:var(--es-tone-green)}.tips-shell[data-astro-cid-ce3ez2xy]{container:tips-shell/inline-size}.tips-shell__rail[data-astro-cid-ce3ez2xy]{display:none}.tips-shell__main[data-astro-cid-ce3ez2xy]{min-width:0}@container tips-shell (width>=60rem){.tips-shell__grid[data-astro-cid-ce3ez2xy]{grid-template-columns:12rem minmax(0,52rem);align-items:start;gap:2rem;display:grid}.tips-shell__rail[data-astro-cid-ce3ez2xy]{padding-top:var(--space-sm);align-self:stretch;display:block}.tips-page__toc[data-astro-cid-ce3ez2xy]{display:none}}.tips-page__intro[data-astro-cid-ce3ez2xy]{max-width:44rem;margin:0 0 var(--space-md);color:var(--color-text-muted)}.tips-page__toc[data-astro-cid-ce3ez2xy]{max-width:52rem;margin-bottom:var(--space-lg)}.tips-page__toc-label[data-astro-cid-ce3ez2xy]{margin:0 0 var(--space-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.tips-page__toc[data-astro-cid-ce3ez2xy] ul[data-astro-cid-ce3ez2xy]{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tips-page__toc[data-astro-cid-ce3ez2xy] a[data-astro-cid-ce3ez2xy]{min-height:2rem;font-size:var(--font-size-sm);color:color-mix(in oklch, var(--tips-tone) 70%, var(--color-text));background-color:color-mix(in oklch, var(--tips-tone) 12%, transparent);border:1px solid color-mix(in oklch, var(--tips-tone) 35%, transparent);border-radius:var(--radius-full,999px);align-items:center;padding:.2rem .75rem;font-weight:600;text-decoration:none;display:inline-flex}.tips-page__toc[data-astro-cid-ce3ez2xy] a[data-astro-cid-ce3ez2xy]:hover{background-color:color-mix(in oklch, var(--tips-tone) 20%, transparent)}.tips-page[data-astro-cid-ce3ez2xy]{gap:var(--space-lg);flex-direction:column;max-width:52rem;display:flex}.tips-section[data-astro-cid-ce3ez2xy]{gap:var(--space-md);padding:var(--space-lg);scroll-margin-top:calc(var(--workspace-topbar-height,0px) + var(--space-md));background-color:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--tips-tone);border-radius:var(--radius-xl);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.tips-section__head[data-astro-cid-ce3ez2xy]{gap:var(--space-sm);align-items:flex-start;display:flex}.tips-section__head[data-astro-cid-ce3ez2xy] .tips-section__icon{color:var(--tips-tone);background-color:color-mix(in oklch, var(--tips-tone) 14%, transparent);flex:none}.tips-section__head[data-astro-cid-ce3ez2xy] h2[data-astro-cid-ce3ez2xy]{font-size:var(--font-size-lg);margin:0}.tips-section__head[data-astro-cid-ce3ez2xy] p[data-astro-cid-ce3ez2xy]{color:var(--color-text-muted);margin:.15rem 0 0}.tips-section__grid[data-astro-cid-ce3ez2xy]{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.tip-card[data-astro-cid-ce3ez2xy]{padding:var(--space-md);background-color:var(--surface-2,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tip-card[data-astro-cid-ce3ez2xy] h3[data-astro-cid-ce3ez2xy]{margin:0 0 var(--space-2xs,.25rem);font-size:var(--font-size-md,1rem)}.tip-card[data-astro-cid-ce3ez2xy] p[data-astro-cid-ce3ez2xy]{color:var(--color-text-muted);margin:0;line-height:1.55}@media (width>48rem) and (height>30rem),(width>48rem) and (pointer:fine){.tip-card--mobile-only[data-astro-cid-ce3ez2xy],.tips-section__figures[data-astro-cid-ce3ez2xy]>.tip-figure--mobile-only{display:none}}.tips-section__figures[data-astro-cid-ce3ez2xy]{gap:var(--space-sm);flex-direction:column;display:flex}.tips-shortcuts[data-astro-cid-ce3ez2xy]{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.tips-shortcuts__group[data-astro-cid-ce3ez2xy] h3[data-astro-cid-ce3ez2xy]{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.tips-shortcuts[data-astro-cid-ce3ez2xy] dl[data-astro-cid-ce3ez2xy]{margin:0}.tips-shortcuts__row[data-astro-cid-ce3ez2xy]{gap:var(--space-2xs,.25rem) var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.tips-shortcuts__row[data-astro-cid-ce3ez2xy]:last-child{border-bottom:none}.tips-shortcuts[data-astro-cid-ce3ez2xy] dt[data-astro-cid-ce3ez2xy]{flex-wrap:wrap;align-items:center;gap:.3rem;font-weight:600;display:flex}.tips-shortcuts[data-astro-cid-ce3ez2xy] dd[data-astro-cid-ce3ez2xy]{color:var(--color-text-muted);text-align:end;margin:0}.tips-shortcuts__combo[data-astro-cid-ce3ez2xy]{align-items:center;gap:.2rem;display:inline-flex}.tips-shortcuts__or[data-astro-cid-ce3ez2xy],.tips-shortcuts__plus[data-astro-cid-ce3ez2xy]{color:var(--color-text-muted);font-size:.8rem}.tips-shortcuts[data-astro-cid-ce3ez2xy] kbd[data-astro-cid-ce3ez2xy]{text-align:center;background-color:var(--surface-2,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-sm);border-bottom-width:2px;min-width:1.6rem;padding:.1rem .45rem;font-family:inherit;font-size:.82rem;font-weight:700}@media (width<=48rem),(height<=30rem) and (pointer:coarse){.tips-shortcuts__group--keyboard[data-astro-cid-ce3ez2xy]{display:none}}