.sf-blog{--sf-ink:#1d1d1f;--sf-ink-secondary:#3a3a3c;--sf-muted:#6b6b70;--sf-surface:#ffffff;--sf-surface-panel:#f5f5f7;--sf-surface-hover:#ededf0;--sf-line:#e5e5ea;--sf-line-strong:#d2d2d7;--sf-link:#0066cc;--sf-focus-ring:#0066cc;--sf-info-surface:#e8f1fd;--sf-warning-surface:#fff4d6;--sf-scrim:rgba(0,0,0,0.4);background:var(--sf-surface);color:var(--sf-ink)}.dark .sf-blog{--sf-ink:#f5f5f7;--sf-ink-secondary:#d1d1d6;--sf-muted:#aeaeb5;--sf-surface:#0d0e12;--sf-surface-panel:#26272f;--sf-surface-hover:#363843;--sf-line:#26272f;--sf-line-strong:#464852;--sf-link:#6ab2ff;--sf-focus-ring:#6ab2ff;--sf-info-surface:#11294a;--sf-warning-surface:#36290a;--sf-scrim:rgba(0,0,0,0.6)}.sf-blog :focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px;border-radius:6px}.sf-wrap{max-width:1120px;margin:0 auto;padding:40px 40px 64px}.sf-col{max-width:720px;margin:0 auto}.sf-title{font-size:36px;line-height:48px;font-weight:700;letter-spacing:-.01em;margin:0;text-wrap:balance;color:var(--sf-ink)}.sf-sub{font-size:15px;line-height:24px;color:var(--sf-muted);margin:8px 0 0}.sf-lede{font-size:18px;line-height:30px;color:var(--sf-ink-secondary);margin:12px 0 0}.sf-meta{color:var(--sf-muted)}.sf-crumb,.sf-meta{font-size:14px;line-height:20px}.sf-crumb{color:var(--sf-link)}.sf-back:hover,.sf-crumb a:hover{text-decoration:underline}.sf-back{font-size:14px;line-height:20px;color:var(--sf-link)}.sf-rule{border:0;border-top:1px solid var(--sf-line);margin:40px 0}.sf-cats{display:flex;gap:8px;margin-top:24px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sf-cats a{flex:none;height:36px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:1px solid var(--sf-line-strong);color:var(--sf-ink-secondary);font-size:14px;font-weight:500;white-space:nowrap}.sf-cats a:hover{background:var(--sf-surface-hover)}.sf-cats a[aria-current=page]{background:var(--sf-ink);border-color:var(--sf-ink);color:var(--sf-surface)}.sf-cover{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:16px;overflow:hidden;background:var(--sf-surface-panel)}.sf-cover img{object-fit:cover}.sf-cover-empty{display:grid;place-items:center}.sf-cover-empty img{position:static!important;width:30%!important;height:auto!important;opacity:.5;object-fit:contain}.dark .sf-cover-empty img{filter:brightness(0) invert(1);opacity:.3}.sf-feat{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:center;margin-top:32px}.sf-feat h2{font-size:28px;line-height:40px;font-weight:700;margin:6px 0 0;text-wrap:balance}.sf-feat p{font-size:16px;line-height:26px;color:var(--sf-ink-secondary);margin:10px 0 0}.sf-more{display:inline-block;margin-top:14px;font-size:15px;color:var(--sf-link)}.sf-card:hover h3,.sf-feat:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.sf-label{font-size:13px;line-height:20px;font-weight:600;color:var(--sf-muted)}.sf-label span{font-weight:400}.sf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sf-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--sf-line);border-radius:24px;overflow:hidden;background:var(--sf-surface)}.sf-card:hover{border-color:var(--sf-line-strong)}.sf-card .sf-cover{border-radius:0}.sf-card-text{padding:20px;display:flex;flex-direction:column;gap:6px}.sf-card h3{font-size:18px;line-height:28px;font-weight:600;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-card h3 a:after{content:"";position:absolute;inset:0}.sf-card p{font-size:15px;line-height:24px;color:var(--sf-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-pager{display:flex;justify-content:space-between;align-items:center;margin-top:40px;font-size:15px}.sf-pager a{color:var(--sf-link)}.sf-empty,.sf-pager .sf-dim{color:var(--sf-muted)}.sf-empty{padding:40px 0;text-align:center;font-size:15px;line-height:24px}.sf-byline{margin-top:16px}.sf-art-cover,.sf-body{margin-top:32px}.sf-body{font-size:17px;line-height:30px;color:var(--sf-ink)}.sf-body>p{margin:16px 0}.sf-body>p:first-child{margin-top:0}.sf-body h2{font-size:24px;line-height:36px;font-weight:700;margin:48px 0 8px;text-wrap:balance}.sf-body h3{font-size:20px;line-height:32px;font-weight:600;margin:32px 0 8px;text-wrap:balance}.sf-body h4{font-size:17px;line-height:28px;font-weight:600;margin:24px 0 8px}.sf-body h2+p,.sf-body h3+p,.sf-body h4+p{margin-top:8px}.sf-body strong{font-weight:600}.sf-body a{color:var(--sf-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sf-body a:hover{text-decoration-thickness:2px}.sf-body ol,.sf-body ul{padding-left:28px;margin:16px 0}.sf-body ul{list-style:disc}.sf-body ol{list-style:decimal}.sf-body li{margin:6px 0}.sf-body li::marker{color:var(--sf-muted)}.sf-body blockquote{border-left:3px solid var(--sf-line-strong);padding-left:20px;margin:24px 0;color:var(--sf-ink-secondary)}.sf-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--sf-surface-panel);border-radius:8px;padding:2px 6px}.sf-body hr{border:0;border-top:1px solid var(--sf-line);margin:40px 0}.sf-figure{margin:32px 0}.sf-figure .sf-figure-img{position:relative;width:100%;border-radius:16px;overflow:hidden}.sf-figure .sf-figure-img img{width:100%;height:auto;display:block}.sf-figure figcaption{font-size:14px;line-height:20px;color:var(--sf-muted);text-align:center;margin-top:8px}.sf-mod{position:relative;display:flex;gap:16px;align-items:flex-start;background:var(--sf-surface-panel);border-radius:24px;padding:20px;margin:32px 0}.sf-mod:hover .sf-mod-go{text-decoration:underline}.sf-mod-icon{flex:none;width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#ffffff}.sf-mod b{display:block;font-size:17px;line-height:28px;font-weight:600}.sf-mod b a:after{content:"";position:absolute;inset:0}.sf-body .sf-mod b a{color:var(--sf-ink);text-decoration:none}.sf-mod .sf-mod-desc{display:block;font-size:15px;line-height:24px;color:var(--sf-muted)}.sf-mod-icon-img{background:none}.sf-mod-icon-img img{width:48px;height:48px;border-radius:12px}.dark .sf-mod-light,.sf-mod-dark{display:none}.dark .sf-mod-dark,.sf-mod-go{display:block}.sf-mod-go{margin-top:4px;font-size:15px;color:var(--sf-link)}.sf-callout{border-radius:16px;padding:16px 20px;margin:24px 0;background:var(--sf-info-surface)}.sf-callout-tip{background:var(--sf-surface-panel)}.sf-callout-warning{background:var(--sf-warning-surface)}.sf-callout b{display:block;font-size:15px;line-height:24px;font-weight:600}.sf-callout p{margin:4px 0 0;white-space:pre-line}.sf-faq{margin-top:48px}.sf-faq h2{margin-top:0}.sf-faq details{border-bottom:1px solid var(--sf-line)}.sf-faq details:first-of-type{border-top:1px solid var(--sf-line)}.sf-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:14px 2px;font-size:17px;line-height:28px;font-weight:600}.sf-faq summary::-webkit-details-marker{display:none}.sf-faq summary:after{content:"";width:9px;height:9px;flex:none;margin-top:8px;border-right:2px solid var(--sf-muted);border-bottom:2px solid var(--sf-muted);transform:rotate(45deg);transition:transform .14s}.sf-faq details[open] summary:after{transform:rotate(-135deg);margin-top:12px}.sf-faq details p{margin:0 0 16px;white-space:pre-line}.sf-end{border-top:1px solid var(--sf-line);margin-top:48px;padding-top:24px}.sf-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sf-share-label{font-size:14px;color:var(--sf-muted);margin-right:4px}.sf-share a,.sf-share button{font-size:14px;line-height:20px;font-weight:500;padding:7px 14px;border-radius:999px;border:1px solid var(--sf-line-strong);background:var(--sf-surface);color:var(--sf-ink);cursor:pointer}.sf-share a:hover,.sf-share button:hover{background:var(--sf-surface-hover)}.sf-related{max-width:1120px;margin:0 auto;padding:0 40px 64px}.sf-related h2{font-size:20px;line-height:32px;font-weight:600;margin:0 0 16px}.sf-preview-bar{background:var(--sf-ink);color:var(--sf-surface);font-size:14px;line-height:20px;padding:10px 40px;display:flex;justify-content:space-between;gap:12px}.sf-preview-bar a{text-decoration:underline}.sf-zoom{width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px}.sf-figure-img,.sf-zoom{display:block}.sf-lightbox{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;width:fit-content;height:fit-content;max-width:min(1600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:visible}.sf-lightbox::backdrop{background:var(--sf-scrim)}.sf-lightbox-panel{background:var(--sf-surface);color:var(--sf-ink);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}.sf-lightbox-panel img{display:block;width:auto;height:auto;max-width:min(1600px,calc(100vw - 32px));max-height:calc(100dvh - 32px - 64px);object-fit:contain;background:var(--sf-surface-panel)}.sf-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px 12px 24px;border-top:1px solid var(--sf-line);min-height:64px}.sf-lightbox-caption{font-size:15px;line-height:24px;color:var(--sf-ink-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-lightbox-actions{display:flex;align-items:center;gap:8px;flex:none}.sf-lightbox-actions button{min-width:40px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--sf-line-strong);background:var(--sf-surface);color:var(--sf-ink);font-size:15px;font-weight:500;cursor:pointer}.sf-lightbox-actions button:hover{background:var(--sf-surface-hover)}@media (max-width:1023px){.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-feat{grid-template-columns:1fr;gap:20px}.sf-grid-3>:nth-child(3){display:none}}@media (max-width:639px){.sf-wrap{padding:24px 16px 48px}.sf-related{padding:0 16px 48px}.sf-preview-bar{padding:10px 16px;flex-direction:column}.sf-title{font-size:28px;line-height:40px}.sf-lede{font-size:17px;line-height:28px}.sf-feat h2{font-size:22px;line-height:32px}.sf-grid{grid-template-columns:1fr}.sf-grid-3>:nth-child(3){display:flex}.sf-body{font-size:16px;line-height:28px}.sf-body h2{font-size:22px;line-height:32px;margin-top:40px}.sf-body h3{font-size:18px;line-height:28px}.sf-art-cover{margin-left:-16px;margin-right:-16px}.sf-art-cover .sf-cover,.sf-art-cover .sf-zoom{border-radius:0}.sf-lightbox-caption{display:none}}@media (prefers-reduced-motion:reduce){.sf-faq summary:after{transition:none}}