.article-shell{box-sizing:border-box;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-50) 70%,white) 0%,var(--surface) 360px),var(--surface)}.article-shell *,.article-shell *:before,.article-shell *:after{box-sizing:inherit}.article-shell .site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.article-shell .site-nav,.article-shell .article-footer{width:100%;max-width:1120px;margin:0 auto;padding:0 24px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px}.article-shell .brand-link{display:inline-flex;align-items:center;gap:10px;color:var(--ink-900);font-weight:600;letter-spacing:-.025em;text-decoration:none}.article-shell .nav-cta{padding:.45rem .95rem;font-size:.875rem;text-decoration:none}.article-shell .nav-right{display:flex;align-items:center;gap:24px}.article-shell .nav-ext{color:var(--ink-500);text-decoration:none;font-size:.875rem;transition:color .15s}.article-shell .nav-ext:hover{color:var(--ink-900)}.article-shell .article-wrap{width:100%;max-width:868px;margin:0 auto;padding:72px 24px 96px}.article-shell .article-kicker{color:var(--brand-700);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.article-shell h1{max-width:820px;color:var(--ink-900);font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.14;letter-spacing:0;font-weight:760;margin:0 0 26px;overflow-wrap:anywhere;word-break:break-word}.article-shell .article-lead{color:var(--ink-700);font-size:1.12rem;line-height:1.78;margin:0 0 14px}.article-shell section{margin-top:54px}.article-shell section h2{color:var(--ink-900);font-size:clamp(1.4rem,2.6vw,1.7rem);line-height:1.25;letter-spacing:0;font-weight:700;margin:0 0 18px}.article-shell p{color:var(--ink-700);font-size:1rem;line-height:1.78;margin:0 0 14px}.article-shell a{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px}.article-shell code{color:var(--brand-700);background:var(--ink-50);border:1px solid var(--border);border-radius:5px;padding:.08em .34em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;white-space:nowrap;overflow-wrap:anywhere;word-break:break-word}.article-shell .post-group .related-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;padding:18px 20px;color:var(--ink-900);background:var(--surface);text-decoration:none}.article-shell .post-group .related-card+.related-card{margin-top:12px}.article-shell .post-group .related-card:hover{border-color:var(--brand-300);background:var(--brand-50)}.article-shell .post-group .related-card span{font-weight:650}.article-shell .post-group .related-card small{color:var(--ink-500);font-size:.9rem;line-height:1.6}.article-shell .tool-pointer{margin-top:44px;padding:16px 20px;border:1px dashed var(--border);border-radius:8px;background:var(--surface)}.article-shell .tool-pointer p{margin:0;color:var(--ink-700);font-size:1rem;line-height:1.78}.article-shell .cta-strip{margin-top:64px;padding:38px 40px;background:var(--brand-600);color:#fff;border-radius:8px}.article-shell .cta-strip h2{color:#fff;margin-bottom:10px}.article-shell .cta-strip p{color:#ffffffd1;max-width:620px;margin-bottom:22px}.article-shell .cta-strip .btn{background:#fff;color:var(--brand-700);box-shadow:none;border-color:transparent}.article-shell .article-footer{border-top:1px solid var(--border);color:var(--ink-400);font-size:.88rem;padding-top:24px;padding-bottom:24px}.article-shell .footer-links{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.article-shell .footer-links a{color:var(--ink-500);text-decoration:none}.article-shell .footer-links a:hover{color:var(--ink-900)}.article-shell a.btn-primary{color:#fff}.article-shell .mobile-break{display:none}.article-shell section h3{color:var(--ink-900);font-size:1.12rem;line-height:1.45;letter-spacing:0;font-weight:650;margin:28px 0 8px}.article-shell p,.article-shell li,.article-shell td{color:var(--ink-700);font-size:1rem;line-height:1.78}.article-shell pre{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:#0d1117;color:#e6edf3;padding:18px 20px;margin:18px 0 20px}.article-shell pre code{display:block;border:0;background:transparent;color:inherit;padding:0;font-size:.92rem;line-height:1.7;white-space:pre}.article-shell .summary-band{padding:28px 0 0;border-top:1px solid var(--border)}.article-shell .table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:18px}.article-shell table{width:100%;border-collapse:collapse;min-width:620px}.article-shell th{background:var(--surface-2);color:var(--ink-500);font-size:.82rem;font-weight:700;text-align:left;padding:13px 16px;border-bottom:1px solid var(--border)}.article-shell td{padding:15px 16px;border-bottom:1px solid var(--border);vertical-align:top}.article-shell tr:last-child td{border-bottom:0}.article-shell .step-list{margin:0 0 18px 1.2em;padding:0}.article-shell .step-list li{padding-left:.2em;margin:8px 0}.article-shell .related-section{border-top:1px solid var(--border);padding-top:34px}.article-shell .related-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;padding:18px 20px;color:var(--ink-900);background:var(--surface);text-decoration:none}.article-shell .related-card+.related-card{margin-top:12px}.article-shell .related-card:hover{border-color:var(--brand-300);background:var(--brand-50)}.article-shell .related-card span{font-weight:650}.article-shell .related-card small{color:var(--ink-500);font-size:.9rem;line-height:1.6}.article-shell .faq-section{border-top:1px solid var(--border);padding-top:34px}.article-shell .lm{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.article-shell .lm img{width:100%;height:100%}.article-shell h2{color:var(--ink-900);font-size:1.42rem;line-height:1.25;letter-spacing:0;margin:0 0 14px;font-weight:720}.article-shell h3{color:var(--ink-900);font-size:1.06rem;line-height:1.35;letter-spacing:0;font-weight:650;margin:28px 0 8px}.article-shell .note{border-left:3px solid var(--brand-500);padding:12px 16px;background:var(--brand-50);border-radius:0 8px 8px 0;color:var(--ink-700)}.article-shell .related-section,.article-shell .faq-section{border-top:1px solid var(--border);padding-top:34px}.article-shell .code-block{max-width:100%;overflow-x:auto;background:var(--ink-50);border:1px solid var(--border);border-radius:8px;padding:16px 18px;margin:0 0 18px}.article-shell .code-block code{background:none;border:0;padding:0;color:var(--ink-800);font-size:.86rem;line-height:1.7;white-space:pre;word-break:normal;overflow-wrap:normal}.article-shell .hero-cta{margin:22px 0 10px}.article-shell .browser-note{color:var(--ink-500);font-size:.9rem;line-height:1.6;margin:0 0 8px}.article-shell .hero-cta .btn,.article-shell .cta-strip .btn,.article-shell .nav-cta{text-decoration:none}.article-shell .feature-list{margin:0 0 18px 1.2em;padding:0}.article-shell .feature-list li{padding-left:.2em;margin:10px 0}.article-shell .step-list,.article-shell .bullet-list{margin:0 0 18px 1.2em;padding:0}.article-shell .step-list li,.article-shell .bullet-list li{padding-left:.2em;margin:8px 0}@media(max-width:720px){.article-shell .site-nav,.article-shell .article-footer{width:100%;max-width:100%;padding-inline:18px}.article-shell .article-footer{align-items:flex-start;flex-direction:column;gap:8px}.article-shell .article-wrap{width:100%;max-width:100%;padding:48px 18px 96px;overflow-wrap:anywhere}.article-shell .nav-ext{display:none}.article-shell h1{font-size:1.64rem;word-break:break-all}.article-shell code{white-space:normal}.article-shell .article-lead{font-size:1.03rem}.article-shell section{margin-top:44px}.article-shell .footer-links{justify-content:flex-start}.article-shell .cta-strip{padding:30px 24px}.article-shell .mobile-break{display:inline}.article-shell table{min-width:0;table-layout:fixed}.article-shell thead,.article-shell tbody,.article-shell tr,.article-shell th,.article-shell td{display:block;width:100%}.article-shell thead{display:none}.article-shell tr{border-bottom:1px solid var(--border)}.article-shell tr:last-child{border-bottom:0}.article-shell th,.article-shell td{padding:12px 10px;border-bottom:0;word-break:break-word}}