.blog-body blockquote,.learn-body blockquote{margin:var(--space-8)0;padding:var(--space-5) var(--space-6);border:1px solid var(--color-primary-border);border-left:4px solid var(--color-primary);background:var(--color-primary-soft);border-radius:0 var(--radius-lg) var(--radius-lg)0;color:var(--text-primary);box-shadow:var(--shadow-sm)}.blog-body blockquote p,.learn-body blockquote p{margin-bottom:var(--space-3)}.blog-body blockquote p:last-child,.learn-body blockquote p:last-child{margin-bottom:0}.blog-body blockquote strong,.learn-body blockquote strong{color:var(--color-primary);font-weight:var(--weight-semibold)}.figure{margin:var(--space-6)0;gap:var(--space-1);flex-direction:column;display:flex}.figure-frame{cursor:zoom-in;border-radius:var(--radius-lg);position:relative;overflow:hidden}.figure-img{width:100%;height:auto;margin:0;display:block}.figure-caption{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;padding:var(--space-2) var(--space-1) var(--space-1)}.code-block{margin:var(--space-6)0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.code-block-meta{align-items:center;gap:var(--space-2);display:flex}.code-block-filename{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.code-block-lang{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-0-5) var(--space-2);border-radius:var(--badge-radius);background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.code-block-copy{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.code-block-copy:hover{color:var(--text-primary);background:var(--bg-card-hover)}.code-block-copy .icon-check,.code-block-copy.copied .icon-copy{display:none}.code-block-copy.copied .icon-check{color:var(--color-success);display:block}.code-block-content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-x:auto}.code-block-content pre{padding:var(--code-padding);font-family:var(--font-mono);font-size:var(--code-font-size);line-height:var(--leading-normal);border:0;border-radius:0;margin:0;background:var(--bg-code)!important}.callout{margin:var(--space-6)0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid;border-left-width:3px}.callout-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.callout-icon{flex-shrink:0}.callout-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.callout-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary)}.callout-body p:last-child{margin-bottom:0}.callout-info{background:var(--color-info-soft);border-color:var(--color-info-border);border-left-color:var(--color-info)}.callout-info .callout-icon,.callout-info .callout-title{color:var(--color-info)}.callout-tip{background:var(--color-success-soft);border-color:var(--color-success-border);border-left-color:var(--color-success)}.callout-tip .callout-icon,.callout-tip .callout-title{color:var(--color-success)}.callout-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);border-left-color:var(--color-warning)}.callout-warning .callout-icon,.callout-warning .callout-title{color:var(--color-warning)}.callout-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);border-left-color:var(--color-danger)}.callout-danger .callout-icon,.callout-danger .callout-title{color:var(--color-danger)}.cta{align-items:center;gap:var(--space-6);text-decoration:none;display:flex}.cta-primary{margin:var(--space-8)0;padding:var(--space-6) var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-default);border-top-color:var(--color-primary);border-radius:var(--radius-xl);box-shadow:0-4px 16px var(--color-primary-glow)}.cta-subtle{margin:var(--space-4)0;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.cta-text{flex:1;min-width:0}.cta-primary .cta-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.cta-primary .cta-title:has(+.cta-description){margin-bottom:var(--space-1)}.cta-subtle .cta-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.cta-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.cta-btn{align-items:center;gap:var(--space-2);white-space:nowrap;flex-shrink:0;display:inline-flex}@media (max-width:768px){.cta{flex-direction:column;align-items:stretch}.cta-btn{justify-content:center}}.dashboard-shot{margin:var(--space-6)0;gap:var(--space-1);flex-direction:column;display:flex}.ds-chrome{border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);overflow:hidden}.ds-titlebar{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);background:var(--slate-900);display:flex}.ds-dots{gap:var(--space-1-5);flex-shrink:0;display:flex}.ds-dot{border-radius:var(--radius-full);width:12px;height:12px}.ds-dot--close{background:var(--red-500)}.ds-dot--minimize{background:var(--amber-500)}.ds-dot--maximize{background:var(--green-500)}.ds-address{justify-content:center;align-items:center;gap:var(--space-1-5);background:var(--slate-800);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);flex:1;max-width:320px;margin:0 auto;display:flex}.ds-lock{color:var(--green-500);flex-shrink:0}.ds-url{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--slate-400);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-viewport{line-height:0}.ds-img{width:100%;height:auto;display:block}.ds-caption{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;padding:var(--space-2) var(--space-1) var(--space-1)}@media (max-width:480px){.ds-dots{display:none}.ds-titlebar{padding:var(--space-2) var(--space-3);justify-content:center}.ds-address{margin:0}}.data-table-figure{margin:var(--space-6)0;gap:var(--space-1);flex-direction:column;display:flex}.data-table-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;display:block;position:relative;overflow:hidden}.data-table-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-x:auto}.data-table-scroll::-webkit-scrollbar{height:var(--scrollbar-width)}.data-table-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track)}.data-table-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.data-table-caption{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;padding:var(--space-2) var(--space-1) var(--space-1);display:block}.data-table-wrapper table{border-collapse:collapse;width:100%;min-width:max-content;font-size:var(--text-sm);border:0;border-radius:0;margin:0}.data-table-wrapper thead{background:var(--bg-elevated)}.data-table-wrapper th{text-align:left;padding:var(--space-2-5) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table-wrapper td{padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--border-subtle)}.data-table-wrapper tr:last-child td{border-bottom:none}.data-table-wrapper tbody tr:nth-child(2n){background:color-mix(in srgb,var(--bg-elevated) 50%,transparent)}.data-table-wrapper tbody tr:hover td{background:var(--bg-card-hover)}.data-table-wrapper[data-sortable=true] th{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table-wrapper[data-sortable=true] th:hover{color:var(--text-primary)}.data-table-wrapper[data-sortable=true] th:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:-2px}.data-table-wrapper[data-sortable=true] th[aria-sort=ascending],.data-table-wrapper[data-sortable=true] th[aria-sort=descending]{color:var(--text-primary)}.data-table-wrapper[data-sortable=true] .dt-sort-label{vertical-align:middle;margin-right:6px}.data-table-wrapper[data-sortable=true] .dt-sort-indicator{text-align:center;vertical-align:middle;color:currentColor;width:10px;font-size:9px;display:inline-block}.data-table-wrapper[data-sortable=true] th[aria-sort=none] .dt-sort-indicator:before{content:"⇅";opacity:.35}.data-table-wrapper[data-sortable=true] th[aria-sort=ascending] .dt-sort-indicator:before{content:"▲"}.data-table-wrapper[data-sortable=true] th[aria-sort=descending] .dt-sort-indicator:before{content:"▼"}.data-table-wrapper[data-sortable=true] .dt-sort-clear{background:var(--bg-card-hover);width:16px;height:16px;color:var(--text-secondary);cursor:pointer;vertical-align:middle;border:0;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0;font-size:10px;line-height:1;display:none}.data-table-wrapper[data-sortable=true] th[aria-sort=ascending] .dt-sort-clear,.data-table-wrapper[data-sortable=true] th[aria-sort=descending] .dt-sort-clear{display:inline-flex}.data-table-wrapper[data-sortable=true] .dt-sort-clear:hover{background:var(--text-secondary);color:var(--bg-app)}.data-table-wrapper[data-sortable=true] .dt-sort-clear:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:1px}.data-table-fade{background:linear-gradient(90deg,transparent,var(--bg-app));pointer-events:none;opacity:0;width:16px;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;right:0}.step-list{margin:var(--space-6)0}.step-list-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.step-list-items{counter-reset:step-counter}.step-list-items ol{margin:0;padding-left:0;list-style:none}.step-list-items li{padding-left:40px;padding-bottom:var(--space-4);counter-increment:step-counter;margin-bottom:0;position:relative}.step-list-items li:before{content:counter(step-counter);background:var(--color-primary);width:24px;height:24px;color:var(--text-on-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;position:absolute;top:1px;left:0}.step-list-items li:after{content:"";background:var(--border-default);width:2px;position:absolute;top:28px;bottom:0;left:11px}.step-list-items li:last-child:after{display:none}.step-list-items li:last-child{padding-bottom:0}