.story-compare{--compare:50%;margin:0;min-width:0}
.story-compare-board{position:relative;aspect-ratio:25/17;background:#f6f4ee;border:1px solid #dedbd3;border-radius:10px;overflow:hidden;isolation:isolate}
.story-compare-board img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.story-compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.story-compare-badge{position:absolute;top:12px;z-index:2;padding:4px 8px;background:#faf9f5e8;border:1px solid #e2ded5;border-radius:4px;font:500 10px/1.6 'JetBrains Mono',monospace;pointer-events:none;color:#52525b}
.story-compare-badge--before{left:12px}.story-compare-badge--after{right:12px;color:#2856a0}
.story-compare-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--compare);width:2px;background:#faf9f5;box-shadow:0 0 0 1px #17171740;pointer-events:none;opacity:.25;transition:opacity .15s}
.story-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border:1px solid #e2e0da;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:#faf9f5;color:#2856a0;box-shadow:0 2px 8px #17171718}
.story-compare-handle svg{width:24px;height:24px}
.story-compare-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.story-compare-board:hover .story-compare-divider,.story-compare-board:focus-within .story-compare-divider,.story-compare.is-dragging .story-compare-divider{opacity:1}
.story-compare-board:focus-within{outline:2px solid #2856a0;outline-offset:4px}
.story-compare figcaption{display:grid;gap:9px;margin-top:14px;font-size:12px;line-height:1.8;color:#53545a}
.story-compare figcaption p{margin:0!important;font-size:inherit!important;line-height:inherit!important}
.story-compare figcaption strong{font-weight:600;color:#171717}.story-compare figcaption .story-compare-after-copy strong{color:#2856a0}
.story-compare .story-compare-hint{margin-top:10px!important;font:400 10px/1.8 'JetBrains Mono',monospace;color:#71717a}
.story-compare-note{margin-top:5px!important;font-size:10px!important;color:#71717a!important;line-height:1.7}
.vg-ai-path{padding:64px 0;border-block:1px solid #deddd9;background:#f6f4ee;scroll-margin-top:100px}
.vg-ai-path-shell{max-width:1024px;margin:0 auto;padding:0 24px}
.story-page .vg-ai-path{background:transparent;margin:0;padding:48px 0}
.story-page .vg-ai-path-shell{padding:0}
.vg-ai-path-kicker{font:500 11px/1.8 'JetBrains Mono',monospace;letter-spacing:.06em;color:#2856a0;margin:0 0 14px!important}
.vg-ai-path h2{font-family:Newsreader,Georgia,serif;font-size:clamp(32px,3.6vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.025em;max-width:700px;margin:0 0 20px}
.vg-ai-path-intro{font-size:15px;line-height:1.9;max-width:760px;margin:0 0 28px!important;color:#53545a}
.vg-ai-path-goal{display:flex;gap:12px;align-items:baseline;border-left:2px solid #2856a0;padding:12px 0 12px 18px;margin-bottom:32px;color:#53545a;font-size:14px;line-height:1.8}
.vg-ai-path-goal strong{white-space:nowrap;color:#2856a0;font-weight:600}
.vg-ai-path-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-bottom:28px}
.vg-ai-path-phase{border-top:1px solid #cfcac0;padding-top:20px;min-width:0}
.vg-ai-path-phase:first-child{border-top:2px solid #2856a0;padding-top:19px}
.vg-ai-path-phase>span{font:500 11px/1.8 'JetBrains Mono',monospace;color:#2856a0}
.vg-ai-path-phase h3{font-size:16px;font-weight:600;line-height:1.5;margin:10px 0}
.vg-ai-path-phase p{font-size:13px;line-height:1.9;margin:0!important;color:#60616a}
.vg-ai-path-map{border-block:1px solid #dedbd3;margin-bottom:28px}
.vg-ai-path-map summary{display:flex;gap:12px;align-items:center;cursor:pointer;min-height:56px;padding:8px 0;list-style:none;font-size:13px;font-weight:600}
.vg-ai-path-map summary::after{content:'+';font-size:20px;color:#2856a0;margin-left:auto}.vg-ai-path-map[open] summary::after{content:'−'}
.vg-ai-path-map ol{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.vg-ai-path-map li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;border-top:1px solid #e2ded5;padding:18px 0;break-inside:avoid}
.vg-ai-path-map li>span{font:500 13px/1.8 'JetBrains Mono',monospace;color:#2856a0}
.vg-ai-path-map h4{font-size:13px;line-height:1.7;font-weight:600;margin:0 0 5px}.vg-ai-path-map li p{font-size:12px;line-height:1.85;color:#60616a;margin:0!important}
.vg-ai-path-starts{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center}
.vg-ai-path-starts a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #171717;border-radius:8px;background:#171717;color:#fff;text-align:center;font-size:12px;font-weight:600;line-height:1.7;text-decoration:none}
.vg-ai-path-starts a+a{border-color:transparent;background:transparent;color:#2856a0;text-decoration:underline;text-underline-offset:4px;padding-inline:0}
.vg-ai-path :is(a,summary):focus-visible{outline:2px solid #2856a0;outline-offset:4px}
@media(max-width:700px){.story-compare figcaption{font-size:13px}.vg-ai-path{padding:44px 0}.vg-ai-path-shell{padding:0 16px}.vg-ai-path-phases,.vg-ai-path-map ol{grid-template-columns:minmax(0,1fr)}.vg-ai-path-goal{display:block}.vg-ai-path-goal strong{display:block;margin-bottom:4px}.vg-ai-path-starts{display:grid}.vg-ai-path-starts a{width:100%}.story-page .vg-ai-path{padding:38px 0}}
@media(hover:none),(pointer:coarse){.story-compare-divider{opacity:1}}
@media(prefers-reduced-motion:reduce){.story-compare-divider{transition:none}}