:root{--violet:#7c3aed;--purple:#8b5cf6;--indigo:#6366f1;--blue:#3b82f6;--azure:#0ea5e9;--pearl:#f5f5f5;--gunmetal:#2a2a2a;--charcoal:#263238;--slate:#52606d;--grad:linear-gradient(135deg, #7c3aed, #8b5cf6, #6366f1, #3b82f6, #0ea5e9)}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#fff;font-family:DM Sans,system-ui,-apple-system,sans-serif}.article-wrap{max-width:1000px;margin:0 auto;padding:48px 48px 80px}.breadcrumb{color:#9ca3af;align-items:center;gap:6px;margin-bottom:24px;font-size:12px;display:flex}.breadcrumb a{color:var(--violet);font-weight:500;text-decoration:none}.breadcrumb-sep{color:#d1d5db}.tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--violet);background:#7c3aed0f;border:1px solid #7c3aed40;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.article-title{color:#0f0f1a;letter-spacing:-.02em;margin-bottom:16px;font-family:DM Serif Display,serif;font-size:38px;line-height:1.15}.article-title em{background:var(--grad);-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.article-meta{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:28px;display:flex}.author-avatar{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.author-info{flex:1}.author-name{color:#1a1a2e;font-size:13px;font-weight:600}.article-date{color:#9ca3af;margin-top:1px;font-size:12px}.meta-divider{background:#e5e7eb;width:1px;height:28px}.read-time{color:#9ca3af;align-items:center;gap:5px;font-size:12px;display:flex}.tts-controls{align-items:center;gap:8px;display:flex}.listen-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:12px;transition:color .15s;display:flex}.listen-btn:hover,.listen-btn--active{color:var(--violet)}.tts-voice-select{color:#9ca3af;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;max-width:130px;padding:0;font-family:inherit;font-size:11px;transition:color .15s}.tts-voice-select:hover,.tts-voice-select:focus{color:var(--violet)}.article-body{color:#374151;font-size:16px;line-height:1.75}.article-body p{margin-bottom:20px}.article-body h2{color:#0f0f1a;letter-spacing:-.01em;margin:36px 0 14px;font-family:DM Serif Display,serif;font-size:24px}.article-body h3{color:#1a1a2e;margin:28px 0 10px;font-size:17px;font-weight:600}.article-body hr{border:none;border-top:1px solid #f0f0f0;margin:36px 0}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:24px}.article-body li{margin-bottom:6px}.article-body strong{color:#1a1a2e}.article-body a{color:var(--violet);text-underline-offset:2px;text-decoration:underline #7c3aed59;transition:text-decoration-color .15s}.article-body a:hover{text-decoration-color:var(--violet)}.callout{border-left:3px solid var(--violet);color:#374151;background:linear-gradient(135deg,#7c3aed0f,#3b82f60f);border-radius:0 10px 10px 0;margin:28px 0;padding:18px 20px;font-size:15px;font-style:italic}.callout strong{color:var(--violet);margin-bottom:6px;font-style:normal;display:block}.approach-snapshot{border:1px solid #e5e7eb;border-radius:12px;margin:28px 0;font-size:14px;overflow:hidden}.snapshot-row{grid-template-columns:1fr 1fr;display:grid}.snapshot-cell{flex-direction:column;gap:4px;padding:14px 18px;display:flex}.snapshot-works{background:#10b9810d;border-right:1px solid #e5e7eb}.snapshot-watch{background:#f59e0b0d}.snapshot-label{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.snapshot-works .snapshot-label{color:#059669}.snapshot-watch .snapshot-label{color:#d97706}.snapshot-text{color:#374151;line-height:1.5}.snapshot-verdict{background:#7c3aed0a;border-top:1px solid #e5e7eb;align-items:baseline;gap:8px;padding:12px 18px;display:flex}.snapshot-verdict-label{letter-spacing:.08em;text-transform:uppercase;color:var(--violet);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.snapshot-verdict-text{color:#374151;font-style:italic;line-height:1.5}.tldr-box{border-left:3px solid var(--violet);background:#7c3aed08;border-radius:0 8px 8px 0;margin:32px 0;padding:18px 22px}.tldr-label{letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:10px;font-size:10px;font-weight:700}.tldr-list{color:#374151;flex-direction:column;gap:6px;margin:0;padding:0;font-size:15px;line-height:1.6;list-style:none;display:flex}.comparison-table-wrap{border:1px solid #d1d5db;border-radius:12px;margin:32px 0;overflow:hidden;box-shadow:0 2px 8px #0000000f}.comparison-table{border-collapse:collapse;color:#374151;width:100%;font-size:14px}.comparison-table thead{background:linear-gradient(135deg,#7c3aed1a,#3b82f61a)}.comparison-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);white-space:nowrap;border-bottom:2px solid #d1d5db;padding:14px 16px;font-size:10px;font-weight:700}.comparison-table td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:15px 16px;line-height:1.5}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#fafafa}.col-approach{color:#0f0f1a;vertical-align:middle;background:#fafafa;border-right:2px solid #e5e7eb;width:140px;font-size:13px;font-weight:700}.col-split-by{color:#374151;font-weight:500}.group-first-row td{border-top:2px solid #e5e7eb}.comparison-table tbody tr:first-child.group-first-row td{border-top:none}.col-complexity{white-space:nowrap}.complexity-badge{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.complexity-low{color:#059669;background:#10b9811a}.complexity-medium{color:#d97706;background:#f59e0b1a}.complexity-high{color:#dc2626;background:#ef44441a}.key-principles{flex-direction:column;gap:2px;margin:28px 0;display:flex}.key-principle{border-left:3px solid #0000;border-image:var(--grad) 1;background:linear-gradient(90deg,#7c3aed08,#0000);border-radius:0 8px 8px 0;padding:14px 18px 14px 20px}.key-principle-heading{color:#0f0f1a;font-size:15px;font-weight:700;margin-bottom:4px!important}.key-principle-body{color:#52606d;font-size:14px;line-height:1.6;margin-bottom:0!important}.formula-block{border:1px solid #e5e7eb;border-radius:12px;margin:28px 0;font-size:15px;overflow:hidden}.formula-equation{color:var(--violet);letter-spacing:.01em;text-align:center;background:linear-gradient(135deg,#7c3aed14,#3b82f614);border-bottom:1px solid #e5e7eb;padding:18px 24px;font-family:DM Mono,Fira Mono,monospace;font-size:15px;font-weight:600}.formula-example{grid-template-columns:auto 1fr auto;align-items:baseline;display:grid}.formula-row{display:contents}.formula-label,.formula-sub,.formula-value{border-bottom:1px solid #f3f4f6;padding:10px 0}.formula-label{padding-left:24px}.formula-value{padding-right:24px}.formula-row:last-child .formula-label,.formula-row:last-child .formula-sub,.formula-row:last-child .formula-value{background:#7c3aed08;border-bottom:none}.formula-label{color:#52606d;font-size:14px}.formula-value{color:#0f0f1a;white-space:nowrap;text-align:right;font-size:14px;font-weight:600}.formula-sub{color:#9ca3af;white-space:nowrap;text-align:center;padding-left:12px;padding-right:12px;font-size:13px}.formula-row:not(:has(.formula-sub)) .formula-value{grid-column:2/-1}@media (width<=640px){.formula-equation{padding:14px 16px;font-size:13px}.formula-example{grid-template-columns:1fr auto}.formula-sub{text-align:center;white-space:normal;grid-column:1/-1;padding-top:0;padding-left:16px;padding-right:16px}.formula-label{padding-left:16px}.formula-value{padding-right:16px}}.formula-comparison{border:1px solid #e5e7eb;border-radius:12px;margin:28px 0;font-size:15px;overflow:hidden}.formula-comparison-context{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:8px 32px;padding:12px 24px;display:flex}.formula-comparison-context-item{align-items:baseline;gap:8px;font-size:13px;display:flex}.formula-comparison-context-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.formula-comparison-context-value{color:#0f0f1a;font-weight:600}.formula-comparison-grid{grid-template-columns:1fr 1fr;display:grid}.formula-comparison-person{flex-direction:column;display:flex}.formula-comparison-person:first-child{border-right:1px solid #e5e7eb}.formula-comparison-person-header{letter-spacing:.08em;text-transform:uppercase;color:var(--violet);background:linear-gradient(135deg,#7c3aed0f,#3b82f60f);border-bottom:1px solid #e5e7eb;padding:10px 20px;font-size:11px;font-weight:700}.formula-comparison-step{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:2px;padding:12px 20px;display:flex}.formula-comparison-step:last-child{border-bottom:none}.formula-comparison-step.highlighted{background:#7c3aed0a}.formula-comparison-step-label{letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;font-size:11px;font-weight:700}.formula-comparison-step-calc{color:#6b7280;font-family:DM Mono,Fira Mono,monospace;font-size:13px}.formula-comparison-step-result{color:#0f0f1a;letter-spacing:-.01em;font-size:18px;font-weight:700}.formula-comparison-step.highlighted .formula-comparison-step-result{color:var(--violet)}@media (width<=640px){.formula-comparison-grid{grid-template-columns:1fr}.formula-comparison-person:first-child{border-bottom:1px solid #e5e7eb;border-right:none}.formula-comparison-step-result{font-size:16px}}.approach-tree{flex-direction:column;gap:4px;margin:32px 0;display:flex}.tree-approach{flex-direction:column;display:flex}.tree-approach-label{align-items:center;gap:10px;padding:10px 0 6px;display:flex}.tree-approach-text{color:#0f0f1a;font-size:15px;font-weight:700}.tree-node-dot{border-radius:50%;flex-shrink:0}.tree-node-dot--parent{background:var(--grad);width:10px;height:10px}.tree-node-dot--child{background:#d1d5db;flex-shrink:0;width:7px;height:7px}.tree-variations{border-left:2px solid #e5e7eb;flex-direction:column;gap:2px;margin-left:4px;padding-bottom:12px;padding-left:4px;display:flex}.tree-variation{align-items:center;gap:10px;padding:6px 0 6px 14px;display:flex;position:relative}.tree-branch-line{background:#e5e7eb;width:14px;height:2px;position:absolute;top:50%;left:-2px}.tree-variation-text{color:#374151;flex:1;font-size:14px}.tree-header{justify-content:flex-end;margin-bottom:4px;display:flex}.tree-header-complexity{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;font-size:10px;font-weight:700}@media (width<=640px){.comparison-table thead{display:none}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table td{width:100%;display:block}.comparison-table tbody tr{border-bottom:1px solid #e5e7eb;padding:14px 16px}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table td{border-bottom:none;padding:2px 0}.comparison-table td:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin-top:10px;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.comparison-table td:first-child:before{margin-top:0}.col-approach{display:none}.col-split-by{color:#1a1a2e;font-size:15px;font-weight:600}.group-first-row td{border-top:none}.article-wrap{padding:28px 20px 60px}.article-title{font-size:26px}.hero-image{aspect-ratio:16/8;margin-bottom:24px}.article-body{font-size:15px}.snapshot-row{grid-template-columns:1fr}.snapshot-works{border-bottom:1px solid #e5e7eb;border-right:none}}@media (prefers-color-scheme:dark){:root{--violet:#a78bfa;--purple:#c4b5fd}body{color:#ffffffde;background:#1a1c1e}.breadcrumb{color:#ffffff59}.breadcrumb-sep{color:#fff3}.article-meta{border-bottom-color:#3a3a4a}.author-name{color:#ffffffde}.article-date{color:#ffffff59}.meta-divider{background:#3a3a4a}.read-time,.listen-btn,.tts-voice-select{color:#ffffff59}.article-title{color:#ffffffde}.article-body{color:#ffffffa6}.article-body h2,.article-body h3{color:#ffffffde}.article-body hr{border-top-color:#3a3a4a}.article-body strong{color:#ffffffde}.callout{color:#ffffffa6;background:linear-gradient(135deg,#a78bfa14,#60a5fa14)}.approach-snapshot{border-color:#3a3a4a}.snapshot-works{background:#10b98114;border-right-color:#3a3a4a}.snapshot-watch{background:#f59e0b14}.snapshot-text{color:#ffffffa6}.snapshot-verdict{background:#a78bfa0f;border-top-color:#3a3a4a}.snapshot-verdict-text{color:#ffffffa6}.tldr-box{background:#a78bfa0d}.tldr-list{color:#ffffffa6}.comparison-table-wrap{border-color:#3a3a4a}.comparison-table{color:#ffffffa6}.comparison-table thead{background:linear-gradient(135deg,#a78bfa1f,#60a5fa1f)}.comparison-table th{border-bottom-color:#3a3a4a}.comparison-table td{border-bottom-color:#2e2e3e}.comparison-table tbody tr:hover{background:#242430}.col-approach{color:#ffffffde;background:#242430;border-right-color:#3a3a4a}.col-split-by{color:#ffffffbf}.group-first-row td{border-top-color:#3a3a4a}.key-principle{background:linear-gradient(90deg,#a78bfa0d,#0000)}.key-principle-heading{color:#ffffffde}.key-principle-body{color:#ffffff80}.formula-block{border-color:#3a3a4a}.formula-equation{background:linear-gradient(135deg,#a78bfa1a,#60a5fa1a);border-bottom-color:#3a3a4a}.formula-label,.formula-sub,.formula-value{border-bottom-color:#2e2e3e}.formula-label{color:#ffffff80}.formula-value{color:#ffffffde}.formula-sub{color:#ffffff59}.formula-row:last-child .formula-label,.formula-row:last-child .formula-sub,.formula-row:last-child .formula-value{background:#a78bfa0d}.formula-comparison{border-color:#3a3a4a}.formula-comparison-context{background:#242430;border-bottom-color:#3a3a4a}.formula-comparison-context-value{color:#ffffffde}.formula-comparison-person:first-child{border-right-color:#3a3a4a}.formula-comparison-person-header{border-bottom-color:#3a3a4a}.formula-comparison-step{border-bottom-color:#2e2e3e}.formula-comparison-step.highlighted{background:#a78bfa0f}.formula-comparison-step-calc{color:#fff6}.formula-comparison-step-result,.tree-approach-text{color:#ffffffde}.tree-node-dot--child{background:#4a4a5e}.tree-variations{border-left-color:#3a3a4a}.tree-branch-line{background:#3a3a4a}.tree-variation-text{color:#ffffffa6}.comparison-table tbody tr,.snapshot-works,.formula-comparison-person:first-child{border-bottom-color:#3a3a4a}}.cta-block[data-astro-cid-547nwyx6]{text-align:center;background:linear-gradient(135deg,#1a0533,#0d1b4a);border-radius:16px;padding:40px;position:relative;overflow:hidden}.cta-block--article[data-astro-cid-547nwyx6]{margin-top:44px}.cta-block--compact[data-astro-cid-547nwyx6]{margin-top:8px}.cta-orb1[data-astro-cid-547nwyx6]{filter:blur(60px);opacity:.2;background:#7c3aed;border-radius:50%;width:200px;height:200px;position:absolute;top:-80px;left:-60px}.cta-orb2[data-astro-cid-547nwyx6]{filter:blur(50px);opacity:.2;background:#0ea5e9;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;right:-40px}.cta-badge[data-astro-cid-547nwyx6]{color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase;z-index:1;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.cta-title[data-astro-cid-547nwyx6]{color:#fff;z-index:1;margin-bottom:10px;font-family:DM Serif Display,serif;font-size:26px;line-height:1.2;position:relative}.cta-subtitle[data-astro-cid-547nwyx6]{color:#fff9;z-index:1;max-width:560px;margin:0 auto 24px;font-size:14px;line-height:1.6;position:relative}.cta-btn[data-astro-cid-547nwyx6]{color:#fff;z-index:1;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#6366f1,#3b82f6,#0ea5e9);border-radius:999px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative;box-shadow:0 4px 20px #7c3aed66}.cta-btn[data-astro-cid-547nwyx6]:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7c3aed80}.cta-note[data-astro-cid-547nwyx6]{color:#ffffff59;z-index:1;margin-top:12px;font-size:11px;position:relative}@media (width<=640px){.cta-block[data-astro-cid-547nwyx6]{padding:28px 20px}.cta-title[data-astro-cid-547nwyx6]{font-size:22px}}