.tip-preview{--nbg-fs-2xl: 1rem;--nbg-fs-xl: 1.0625rem;--nbg-fs-lg: .9375rem;--sl-text-h2: 1rem;--sl-text-h3: 1.0625rem;background:var(--nbg-surface, #ffffff);color:var(--nbg-ink, #0b1e2e);border:1px solid var(--nbg-border, #dce3eb);border-radius:12px;padding:1.3rem 1.5rem 1.4rem;font-family:var(--nbg-ff-body, system-ui, -apple-system, "Segoe UI", sans-serif)}.tip-preview--pane{position:sticky;top:calc(var(--sl-nav-height, 4rem) + 4rem)!important;margin-top:6.5rem!important;max-height:calc(100vh - var(--sl-nav-height, 4rem) - 5rem);overflow-y:auto;box-shadow:0 2px 6px -2px #0b1e2e0a}.tip-preview-pane__placeholder{display:flex;flex-direction:column;gap:.45rem}.tip-preview-pane__placeholder[hidden],.tip-preview-pane__content[hidden]{display:none}.tip-preview-pane__hint{margin:0;font-size:.875rem;line-height:1.5;color:var(--nbg-muted, #5b6b80)}.tip-preview--pane .tip-preview-pane__content{animation:tip-preview-enter .16s ease-out}@keyframes tip-preview-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tip-preview--pane .tip-preview-pane__content{animation:none}}.tip-preview__head{margin:0 0 1rem;padding-bottom:.85rem;border-bottom:1px solid var(--nbg-hairline, #ebeff5)}.tip-preview__eyebrow{margin:0 0 .4rem;font-family:var(--nbg-ff-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nbg-accent, #007a8a)}.tip-preview .tip-preview__title{margin:0!important;font-family:var(--nbg-ff-serif, "Newsreader", Georgia, serif)!important;font-weight:500!important;font-size:1.0625rem!important;line-height:1.3!important;letter-spacing:-.008em!important;color:var(--nbg-ink, #0b1e2e)!important}.tip-preview__body{font-size:.875rem;line-height:1.6;color:var(--nbg-ink, #0b1e2e)}.tip-preview__body p{margin:0 0 .9rem}.tip-preview__body p:last-child{margin-bottom:0}.tip-preview .tip-preview__body h2{font-family:var(--nbg-ff-serif, "Newsreader", Georgia, serif)!important;font-weight:500!important;font-size:1rem!important;line-height:1.25!important;letter-spacing:-.01em!important;color:var(--nbg-ink, #0b1e2e)!important;margin:1.5rem 0 .5rem!important;padding-top:.9rem!important;border-top:1px solid var(--nbg-hairline, #ebeff5)!important}.tip-preview .tip-preview__body h2:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}.tip-preview .tip-preview__body h3{font-family:var(--nbg-ff-serif, "Newsreader", Georgia, serif)!important;font-weight:500!important;font-size:.9375rem!important;line-height:1.3!important;color:var(--nbg-ink, #0b1e2e)!important;margin:1rem 0 .35rem!important}.tip-preview__body ul,.tip-preview__body ol{margin:0 0 .9rem;padding-left:1.4rem}.tip-preview__body li{margin-bottom:.35rem}.tip-preview__body strong{color:var(--nbg-ink, #0b1e2e);font-weight:600}.tip-preview__body a{color:var(--nbg-accent, #007a8a);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.tip-preview__body :not(pre)>code{font-family:var(--nbg-ff-mono, ui-monospace, monospace);font-size:.9em;background:var(--nbg-surface-2, #f4f6fa);color:var(--nbg-accent, #007a8a);padding:.08em .32em;border-radius:var(--nbg-r-sm, 4px)}.tip-preview__body pre{background:var(--nbg-surface-2, #f4f6fa);border:1px solid var(--nbg-hairline, #ebeff5);border-radius:var(--nbg-r-md, 8px);padding:.9rem 1rem;overflow-x:auto;margin:0 0 1rem}.tip-preview__body pre code,.tip-preview__body pre code span{font-family:var(--nbg-ff-mono, ui-monospace, monospace);font-size:.825rem;line-height:1.55;background:transparent}.tip-preview__body blockquote{margin:.9rem 0;padding:.75rem 1rem;border-left:3px solid var(--nbg-accent, #007a8a);background:color-mix(in srgb,var(--nbg-accent, #007a8a) 5%,var(--nbg-surface, #ffffff));color:var(--nbg-ink-2, #1a3148);border-radius:0 var(--nbg-r-sm, 4px) var(--nbg-r-sm, 4px) 0}.tip-preview__body blockquote p{margin:0 0 .4rem}.tip-preview__body blockquote p:last-child{margin-bottom:0}.tip-preview__body table{width:100%;border-collapse:collapse;margin:0 0 1rem;font-size:.9rem}.tip-preview__body th,.tip-preview__body td{padding:.5rem .7rem;border-bottom:1px solid var(--nbg-hairline, #ebeff5);text-align:left}.tip-preview__body th{font-weight:600;color:var(--nbg-ink, #0b1e2e);background:var(--nbg-surface-2, #f4f6fa)}.listing-row .tip-body-template{display:none!important}.tips-shell{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:2.5rem;max-width:var(--nbg-container-max, 80rem);margin:0 auto;padding:0 var(--nbg-container-pad-desktop, 1.5rem)}.tips-shell__main{min-width:0}.tips-shell__main .section>.wrap{padding-left:0;padding-right:0}@media(max-width:1100px){.tips-shell{grid-template-columns:minmax(0,1fr);padding:0}.tips-shell__main .section>.wrap{padding-left:var(--nbg-container-pad-desktop, 1.5rem);padding-right:var(--nbg-container-pad-desktop, 1.5rem)}.tip-preview--pane{display:none}}@media(hover:none),(pointer:coarse){.tips-shell{grid-template-columns:minmax(0,1fr)}.tip-preview--pane{display:none}}