.article{background:var(--bg-page);min-height:100vh}.article__hero{padding:calc(var(--promo-strip-h,0px) + var(--page-top)) 20px 32px;border-bottom:1px solid #ffffff0d}.article__hero-inner{max-width:720px;margin:0 auto}.article__breadcrumb{margin-bottom:18px}.article__breadcrumb-link{color:var(--text-secondary);transition:color var(--transition-fast,.15s);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.article__breadcrumb-link:hover{color:var(--blue)}.article__tag{color:var(--blue);background:var(--blue-dim,#3b82f61f);border-radius:999px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.article__title{color:var(--text-primary);margin:0 0 18px;font-size:clamp(26px,4.5vw,40px);font-weight:900;line-height:1.15}.article__meta{flex-wrap:wrap;gap:18px;display:flex}.article__meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.article__meta-link{color:inherit;white-space:nowrap;text-underline-offset:2px;text-decoration:underline}.article__body{max-width:720px;margin:0 auto;padding:36px 20px 24px}.article__p{color:var(--text-primary);margin:0 0 20px;font-size:16px;line-height:1.75}.article__code{background:var(--bg-input);border:1px solid rgba(var(--ink-rgb), .08);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.article__code--block{white-space:pre;overflow-wrap:normal;margin:10px 0;padding:10px 12px;line-height:1.5;display:block;overflow-x:auto}.article__h2{color:var(--text-primary);margin:40px 0 16px;font-size:24px;font-weight:800;line-height:1.3}.article__h3{color:var(--text-primary);margin:28px 0 12px;font-size:18px;font-weight:700;line-height:1.4}.article__ul,.article__ol{gap:10px;margin:0 0 20px;padding-left:22px;display:grid}.article__ul li,.article__ol li{color:var(--text-primary);font-size:16px;line-height:1.7}.article__ul li::marker{color:var(--blue)}.article__ol li::marker{color:var(--blue);font-weight:700}.article__quote{border-left:3px solid var(--blue);background:var(--blue-dim,#3b82f614);color:var(--text-primary);border-radius:0 10px 10px 0;margin:24px 0;padding:16px 22px;font-size:16px;font-style:italic;line-height:1.7}.article__stat{background:var(--bg-card);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;margin:24px 0;padding:18px 22px;display:flex}.article__stat-value{color:var(--blue);font-size:28px;font-weight:900}.article__stat-label{color:var(--text-secondary);font-size:14px}.article__link{color:var(--blue);border-bottom:1px solid var(--blue-border,#3b82f666);transition:border-color var(--transition-fast,.15s);text-decoration:none}.article__link:hover{border-bottom-color:var(--blue)}.article__cta{background:var(--blue-solid);color:#fff;transition:opacity var(--transition-fast,.15s);border-radius:10px;align-items:center;gap:8px;margin:8px 0 28px;padding:13px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.article__cta:hover{opacity:.9}.article__faq{margin-top:44px;padding-top:8px}.article__faq-item{border-bottom:1px solid #ffffff0d;padding:18px 0}.article__faq-q{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.article__faq-a{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.article__related{max-width:720px;margin:0 auto;padding:24px 20px 96px}.article__related-title{color:var(--text-primary);margin:0 0 18px;font-size:20px;font-weight:800}.article__related-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.article__related-card{background:var(--bg-card);transition:border-color var(--transition-normal,.25s), transform var(--transition-fast,.15s);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;display:flex}.article__related-card:hover{border-color:var(--blue-border,#3b82f666);transform:translateY(-2px)}.article__related-tag{letter-spacing:.5px;text-transform:uppercase;color:var(--blue);font-size:10px;font-weight:700}.article__related-card-title{color:var(--text-primary);flex:1;font-size:15px;font-weight:700;line-height:1.4}.article__related-card-arrow{color:var(--blue);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}@media (max-width:600px){.article__hero{padding:calc(var(--promo-strip-h,0px) + var(--page-top)) 16px 24px}.article__body{padding:28px 16px 16px}.article__p,.article__ul li,.article__ol li{font-size:15px}.article__related{padding:16px 16px 64px}.article__related-grid{grid-template-columns:1fr}}.article__figure{margin:8px 0 28px}.article__table-wrap{border:1px solid var(--border-light);background:var(--bg-card);border-radius:12px;margin:8px 0 28px;overflow:hidden}.article__table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55}.article__table-caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.article__table th,.article__table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:12px 14px}.article__table tbody tr:last-child th,.article__table tbody tr:last-child td{border-bottom:0}.article__table thead th{letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-input);border-bottom:1px solid var(--border-light);font-size:11px;font-weight:700}.article__table tbody th{color:var(--text-primary);width:32%;font-weight:700}.article__table td{color:var(--text-soft)}@media (max-width:720px){.article__table thead{display:none}.article__table,.article__table tbody,.article__table tr,.article__table th,.article__table td{width:auto;display:block}.article__table tr{border-bottom:1px solid var(--border-light);padding:14px 16px}.article__table tbody tr:last-child{border-bottom:0}.article__table th,.article__table td,.article__table tbody tr:last-child th,.article__table tbody tr:last-child td{border-bottom:0;padding:0}.article__table tbody th{width:auto;margin-bottom:10px;font-size:15px}.article__table td{grid-template-columns:108px 1fr;align-items:baseline;gap:10px;margin-top:6px;display:grid}.article__table td:before{content:attr(data-label);color:var(--text-secondary);font-size:12px;font-weight:600}}.article__widget{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:8px;margin:12px 0 32px;padding:20px 22px;display:flex}.article__widget-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin:0;font-size:10px;font-weight:700}.article__widget-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700;line-height:1.35}.article__widget-what{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.article__widget-plan{background:var(--bg-input);color:var(--text-primary);border-radius:10px;align-items:flex-start;gap:10px;margin:6px 0 0;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.55;display:flex}.article__widget-plan-ico{background:color-mix(in srgb, var(--plan-color) 14%, transparent);width:28px;height:28px;color:var(--plan-color);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.article__widget-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.article__widget-primary,.article__widget-secondary{white-space:nowrap;transition:opacity var(--transition-fast,.15s), border-color var(--transition-fast,.15s);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.article__widget-primary{background:var(--blue-solid);color:#fff}.article__widget-primary:hover{opacity:.9}.article__widget-secondary{color:var(--text-primary);border:1px solid var(--border-light)}.article__widget-secondary:hover{border-color:var(--blue-border,#3b82f666)}.article__widget-demo{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;margin:6px 0 2px;padding-top:14px;display:flex}.article__widget-demo-label{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.45}.article__widget-demo-row{gap:8px;display:flex;position:relative}.article__widget-demo-globe{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.article__widget-demo-input{min-width:0;height:44px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-light);transition:border-color var(--transition-fast,.15s);border-radius:10px;outline:none;flex:1;padding:0 12px 0 38px;font-size:16px}.article__widget-demo-input::placeholder{color:var(--text-muted)}.article__widget-demo-input:focus{border-color:var(--blue-border,#3b82f666)}.article__widget-demo-btn{height:44px;font-family:var(--font-body);color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;transition:border-color var(--transition-fast,.15s);background:0 0;border-radius:10px;flex:none;padding:0 18px;font-size:14px;font-weight:700}.article__widget-demo-btn:hover{border-color:var(--blue-border,#3b82f666)}.article__widget-demo-btn:focus-visible{border-color:var(--blue-border,#3b82f666)}.article__widget-url{color:var(--text-muted);margin:0;font-size:13px}.article__widget-url-link{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.article__widget-url-link:hover{color:var(--blue)}@media (max-width:600px){.article__widget{padding:18px 16px}.article__widget-actions{flex-direction:column;align-items:stretch}.article__widget-demo-btn{padding:0 14px}}
