:root{--violet:var(--cc-royal-violet);--purple:var(--cc-electric-purple);--indigo:var(--cc-indigo-beam);--blue:var(--cc-sky-burst-blue);--azure:var(--cc-azure-pop);--pearl:var(--cc-pearl);--gunmetal:var(--cc-gunmetal);--charcoal:var(--cc-charcoal);--slate:var(--cc-light-slate);--grad:var(--cc-hero-gradient)}*{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:var(--cc-content-width);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<=599px){.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<=599px){.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<=599px){.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 0}.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:var(--cc-primary);--purple:var(--cc-primary)}body{background:var(--cc-page-background);color:var(--cc-on-surface)}.breadcrumb{color:var(--cc-on-surface-faint)}.breadcrumb-sep{color:var(--cc-on-surface-hint)}.article-meta{border-bottom-color:var(--cc-outline-variant)}.author-name{color:var(--cc-on-surface)}.article-date{color:var(--cc-on-surface-faint)}.meta-divider{background:var(--cc-outline-variant)}.read-time,.listen-btn,.tts-voice-select{color:var(--cc-on-surface-faint)}.article-title{color:var(--cc-on-surface)}.article-body{color:var(--cc-on-surface-muted)}.article-body h2,.article-body h3{color:var(--cc-on-surface)}.article-body hr{border-top-color:var(--cc-outline-variant)}.article-body strong{color:var(--cc-on-surface)}.callout{color:var(--cc-on-surface-muted);background:linear-gradient(135deg,#8b5cf614,#3b82f614)}.approach-snapshot{border-color:var(--cc-outline-variant)}.snapshot-works{border-right-color:var(--cc-outline-variant);background:#10b98114}.snapshot-watch{background:#f59e0b14}.snapshot-text{color:var(--cc-on-surface-muted)}.snapshot-verdict{border-top-color:var(--cc-outline-variant);background:#8b5cf60f}.snapshot-verdict-text{color:var(--cc-on-surface-muted)}.tldr-box{background:#8b5cf60d}.tldr-list{color:var(--cc-on-surface-muted)}.comparison-table-wrap{border-color:var(--cc-outline-variant)}.comparison-table{color:var(--cc-on-surface-muted)}.comparison-table thead{background:linear-gradient(135deg,#8b5cf61f,#3b82f61f)}.comparison-table th,.comparison-table td{border-bottom-color:var(--cc-outline-variant)}.comparison-table tbody tr:hover{background:var(--cc-surface)}.col-approach{color:var(--cc-on-surface);background:var(--cc-surface);border-right-color:var(--cc-outline-variant)}.col-split-by{color:var(--cc-on-surface-muted)}.group-first-row td{border-top-color:var(--cc-outline-variant)}.key-principle{background:linear-gradient(90deg,#8b5cf60d,#0000)}.key-principle-heading{color:var(--cc-on-surface)}.key-principle-body{color:var(--cc-on-surface-subtle)}.formula-block{border-color:var(--cc-outline-variant)}.formula-equation{border-bottom-color:var(--cc-outline-variant);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a)}.formula-label,.formula-sub,.formula-value{border-bottom-color:var(--cc-outline-variant)}.formula-label{color:var(--cc-on-surface-subtle)}.formula-value{color:var(--cc-on-surface)}.formula-sub{color:var(--cc-on-surface-faint)}.formula-row:last-child .formula-label,.formula-row:last-child .formula-sub,.formula-row:last-child .formula-value{background:#8b5cf60d}.formula-comparison{border-color:var(--cc-outline-variant)}.formula-comparison-context{background:var(--cc-surface);border-bottom-color:var(--cc-outline-variant)}.formula-comparison-context-value{color:var(--cc-on-surface)}.formula-comparison-person:first-child{border-right-color:var(--cc-outline-variant)}.formula-comparison-person-header,.formula-comparison-step{border-bottom-color:var(--cc-outline-variant)}.formula-comparison-step.highlighted{background:#8b5cf60f}.formula-comparison-step-calc{color:var(--cc-on-surface-faint)}.formula-comparison-step-result,.tree-approach-text{color:var(--cc-on-surface)}.tree-node-dot--child{background:var(--cc-outline)}.tree-variations{border-left-color:var(--cc-outline-variant)}.tree-branch-line{background:var(--cc-outline-variant)}.tree-variation-text{color:var(--cc-on-surface-muted)}.comparison-table tbody tr,.snapshot-works,.formula-comparison-person:first-child{border-bottom-color:var(--cc-outline-variant)}}