.post-root{--text-hi: #E8E8EE;--text-mid: #B5BBC9;--text-low: #8E94A8;--card-bg: #171A26;--card-border: rgba(148, 163, 184, .14);--card-border-hover: rgba(148, 163, 184, .3);--ink: #818CF8;--ink-2: #22D3EE;--grad: linear-gradient(120deg, #818CF8, #22D3EE)}[data-theme=light] .post-root{--text-hi: #0F172A;--text-mid: #475569;--text-low: #64748B;--card-bg: #FFFFFF;--card-border: rgba(15, 23, 42, .14);--card-border-hover: rgba(15, 23, 42, .3);--ink: #4F46E5;--ink-2: #0284C7;--grad: linear-gradient(120deg, #4F46E5, #0284C7)}.container{max-width:1360px;margin:0 auto;padding:0 var(--space-lg)}.post-root .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-low);margin-bottom:var(--space-lg)}.post-root .breadcrumb a{color:var(--text-mid)}.post-root .breadcrumb a:hover{color:var(--ink)}.post-root .breadcrumb-current{color:var(--text-hi);font-weight:500}.post-hero{position:relative;padding:var(--space-xl) 0 var(--space-xl);overflow:hidden}.post-hero-glow{position:absolute;top:-40%;right:-15%;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ink) 16%,transparent),transparent 70%);pointer-events:none}.post-hero-inner{position:relative;z-index:1}.post-hero-body{max-width:900px}.post-title{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-1px;line-height:1.15;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:var(--space-md) 0 var(--space-md)}.post-lead{font-size:17px;line-height:1.65;color:var(--text-mid);margin-bottom:var(--space-md);max-width:780px}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--space-md);font-size:14px;color:var(--text-low);font-family:var(--font-mono)}.post-meta span+span:before{content:"·";margin-right:var(--space-md);color:var(--card-border-hover)}.post-root .pill{display:inline-block;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;padding:5px 11px;border-radius:var(--radius-full)}.post-root .pill-news{background:color-mix(in srgb,#22D3EE 16%,transparent);color:#22d3ee}.post-root .pill-guide{background:color-mix(in srgb,#818CF8 16%,transparent);color:#818cf8}.post-root .pill-review{background:color-mix(in srgb,#FBBF24 16%,transparent);color:#fbbf24}.post-root .pill-compare{background:color-mix(in srgb,#34D399 16%,transparent);color:#34d399}[data-theme=light] .post-root .pill-news{background:color-mix(in srgb,#0E7490 12%,transparent);color:#0e7490}[data-theme=light] .post-root .pill-guide{background:color-mix(in srgb,#4338CA 12%,transparent);color:#4338ca}[data-theme=light] .post-root .pill-review{background:color-mix(in srgb,#92400E 12%,transparent);color:#92400e}[data-theme=light] .post-root .pill-compare{background:color-mix(in srgb,#047857 12%,transparent);color:#047857}.post-body-wrap{padding-bottom:var(--space-2xl)}.post-body-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-2xl);align-items:start}.post-main{min-width:0}.post-article-inner{max-width:740px;font-size:17px;line-height:1.75;color:var(--text-mid)}.post-article-inner>*+*{margin-top:var(--space-md)}.post-article-inner h2{font-size:28px;font-weight:700;color:var(--text-hi);letter-spacing:-.4px;line-height:1.3;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--card-border);scroll-margin-top:var(--space-xl)}.post-article-inner h2:first-of-type{border-top:none;padding-top:0;margin-top:0}.post-article-inner h3{font-size:21px;font-weight:650;color:var(--text-hi);margin-top:var(--space-xl);scroll-margin-top:var(--space-xl)}.post-article-inner p{color:var(--text-mid)}.post-article-inner strong{color:var(--text-hi);font-weight:650}.post-article-inner em{color:var(--text-mid)}.post-article-inner a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease}.post-article-inner a:hover{color:var(--ink-2)}.post-article-inner ul,.post-article-inner ol{padding-left:1.6em;margin:var(--space-md) 0}.post-article-inner ul li,.post-article-inner ol li{margin-bottom:var(--space-sm);color:var(--text-mid)}.post-article-inner ul li::marker{color:var(--ink)}.post-article-inner code{font-family:var(--font-mono);font-size:.88em;background:color-mix(in srgb,var(--card-border) 60%,transparent);padding:2px 7px;border-radius:var(--radius-sm);color:var(--text-hi)}.post-article-inner .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);margin:var(--space-lg) 0;background:linear-gradient(to right,var(--card-bg) 30%,transparent) left center / 16px 100% no-repeat,linear-gradient(to left,var(--card-bg) 30%,transparent) right center / 16px 100% no-repeat,linear-gradient(to right,transparent,var(--card-bg) 5%) left center / 24px 100% no-repeat,linear-gradient(to left,transparent,var(--card-bg) 5%) right center / 24px 100% no-repeat,var(--card-bg);background-attachment:local,local,local,local,scroll}.post-article-inner .cmp-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}.post-article-inner .cmp-table thead{background:color-mix(in srgb,var(--card-border) 60%,transparent)}.post-article-inner .cmp-table th{padding:12px 14px;text-align:left;font-weight:650;color:var(--text-hi);font-size:12.5px;letter-spacing:.4px;text-transform:uppercase}.post-article-inner .cmp-table td{padding:12px 14px;border-top:1px solid var(--card-border);color:var(--text-mid);font-family:var(--font-mono);font-size:14px}.post-article-inner .cmp-table tbody tr:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.post-article-inner .cmp-table tbody tr:first-child td{border-top:0}.post-article-inner .cmp-table td strong{color:var(--text-hi);font-weight:650}.post-article-inner .cmp-table th:first-child,.post-article-inner .cmp-table td:first-child{font-family:var(--font-sans)}.post-article-inner pre{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-lg) 0;overflow-x:auto;font-size:13.5px;line-height:1.6}.post-article-inner pre code{background:none;padding:0}.post-aside{position:sticky;top:80px;display:flex;flex-direction:column;gap:var(--space-md)}.toc-card,.facts-card,.related-side-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-md)}.aside-title{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;color:var(--text-low);margin-bottom:var(--space-sm)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.toc-list li{margin:0}.toc-link{display:block;padding:5px 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-mid);transition:all .15s ease;line-height:1.5}.toc-link:hover{color:var(--text-hi);background:color-mix(in srgb,var(--ink) 8%,transparent)}.toc-link.active{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent);font-weight:600}.facts-list{display:flex;flex-direction:column;gap:0}.fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:6px 0;border-bottom:1px dashed color-mix(in srgb,var(--card-border) 70%,transparent)}.fact:last-child{border-bottom:none}.fact dt{font-size:12.5px;color:var(--text-low);margin:0;font-family:var(--font-mono)}.fact dd{font-size:14px;font-weight:600;color:var(--text-hi);margin:0;font-family:var(--font-mono);text-align:right}.fact-hi{color:var(--ink)}.facts-note{font-size:11.5px;color:var(--text-low);margin:var(--space-sm) 0 0;font-style:italic}.related-side-card{display:block;transition:border-color .2s ease,transform .2s ease}.related-side-card:hover{transform:translateY(-2px);border-color:var(--ink)}.related-side-tag{display:inline-block;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;color:var(--ink);margin-bottom:4px}.related-side-card h3{font-size:15px;font-weight:650;color:var(--text-hi);line-height:1.4}.related-side-card:hover h3{color:var(--ink)}.post-featured-tools{border-top:1px solid var(--card-border);padding:var(--space-2xl) 0 0}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.tool-card{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:transform .2s ease,border-color .2s ease;min-width:0}.tool-card:hover{transform:translateY(-3px);border-color:var(--ink)}.tool-card-icon{width:42px;height:42px;min-width:42px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--ink) 14%,transparent);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:18px}.tool-card-body{flex:1;min-width:0}.tool-card-name{font-size:15px;font-weight:650;color:var(--text-hi)}.tool-card-tagline{font-size:13px;color:var(--text-mid);line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-pricing{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 9px;margin-top:8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}.post-related{border-top:1px solid var(--card-border);padding:var(--space-2xl) 0 var(--space-3xl)}.post-related-inner{max-width:1360px;margin:0 auto;padding:0 var(--space-lg)}.related-title{font-size:clamp(22px,2vw,26px);font-weight:700;color:var(--text-hi);margin-bottom:var(--space-lg)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.related-card{display:block;padding:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:transform .2s ease,border-color .2s ease}.related-card:hover{transform:translateY(-3px);border-color:var(--ink)}.related-tag{display:inline-block;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;color:var(--ink);margin-bottom:4px}.related-card h3{font-size:16px;font-weight:650;color:var(--text-hi);line-height:1.45}.related-card:hover h3{color:var(--ink)}@media(max-width:1024px){.post-body-grid{grid-template-columns:1fr}.post-aside{position:static}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.related-grid,.tools-grid{grid-template-columns:1fr}.post-article-inner h2{font-size:24px}}