.uxav2 .v2-comparison{margin:30px 0 40px;border:1px solid #c7d1df;border-radius:10px;overflow:hidden;background:#fff;color:#20355a}
.uxav2 .v2-comparison-heading{padding:20px 24px;border-bottom:1px solid #dce3ee}
.uxav2 .v2-comparison-heading>span{display:block;font:10px/1.6 Inter,Arial,sans-serif;color:#455a79;margin-bottom:4px}
.uxav2 .v2-comparison-heading>p{margin:0!important;font:500 25px/1.3 Urbanist,Arial,sans-serif!important;color:#20355a!important}
.uxav2 .v2-comparison-window{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff;isolation:isolate}
.uxav2 .v2-comparison-layer{position:absolute;inset:0;overflow:hidden;background:#fff}
.uxav2 .v2-comparison-crop{position:relative;width:100%;aspect-ratio:920/1147;overflow:hidden}
.uxav2 .v2-comparison-crop>img{position:absolute!important;display:block!important;width:153.47826087%!important;max-width:none!important;height:auto!important;left:-10.65217391%!important;top:-11.15954664%!important}
.uxav2 .v2-comparison-before{clip-path:inset(0 calc(100% - var(--before,0%)) 0 0)}
.uxav2 .v2-comparison-divider{position:absolute;left:var(--before,0%);top:0;bottom:0;width:2px;background:#11efe3;transform:translateX(-1px);pointer-events:none}
.uxav2 .v2-comparison-divider>span{display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;border:2px solid #11efe3;background:#20355a;color:#fff;font:20px/1 Inter,Arial,sans-serif}
.uxav2 .v2-comparison-divider{display:none!important}
.uxav2 [data-compare-active="false"] .v2-comparison-divider{display:none}
.uxav2 .v2-comparison-label{position:absolute;top:16px;padding:6px 10px;border:1px solid #c7d1df;border-radius:4px;background:#fffffff2;color:#20355a;font:10px/1.5 Inter,Arial,sans-serif}
.uxav2 .v2-comparison-label-new{right:16px}
.uxav2 .v2-comparison-label-old{left:16px;display:none}
.uxav2 [data-compare-view="previous"] .v2-comparison-label-new{display:none}
.uxav2 [data-compare-active="true"] .v2-comparison-label-old,.uxav2 [data-compare-view="previous"] .v2-comparison-label-old{display:block}
.uxav2 .v2-comparison-controls{padding:22px 24px 10px;border-top:1px solid #dce3ee}
.uxav2 .v2-comparison-controls>label{display:block;margin:0 0 6px;font:12px/1.6 Inter,Arial,sans-serif;color:#20355a}
.uxav2 .v2-comparison-controls>input{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;background:transparent;border:0;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:pan-y}
.uxav2 .v2-comparison-controls>input::-webkit-slider-runnable-track{height:8px;border:0;border-radius:8px;background:#11efe3}
.uxav2 .v2-comparison-controls>input::-moz-range-track{height:8px;border:0;border-radius:8px;background:#11efe3}
.uxav2 .v2-comparison-controls>input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border:4px solid #20355a;border-radius:50%;background:#11efe3;box-shadow:0 0 0 4px #fff}
.uxav2 .v2-comparison-controls>input::-moz-range-thumb{width:18px;height:18px;border:4px solid #20355a;border-radius:50%;background:#11efe3;box-shadow:0 0 0 4px #fff}
.uxav2 .v2-comparison-controls>input:focus-visible{outline:3px solid #087f7b;outline-offset:4px;border-radius:6px}
.uxav2 .v2-comparison-controls>div{display:flex;justify-content:space-between;gap:20px;font:10px/1.6 Inter,Arial,sans-serif;color:#455a79}
.uxav2 .v2-comparison-links{display:flex;gap:22px;flex-wrap:wrap;padding:0 24px 14px}
.uxav2 .v2-comparison-links>a{display:inline-flex;align-items:center;min-height:44px;color:#20355a;font:11px/1.6 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.uxav2 .v2-comparison-original{margin:0 24px 20px;border-top:1px solid #dce3ee;padding-top:14px}
.uxav2 .v2-comparison-original>summary{min-height:44px;cursor:pointer;font:12px/1.6 Inter,Arial,sans-serif;color:#20355a}
.uxav2 .v2-comparison-original>figure{margin:10px 0 0!important}
@media(max-width:700px){.uxav2 .v2-comparison-heading{padding:16px}
.uxav2 .v2-comparison-heading>p{font-size:23px!important}
.uxav2 .v2-comparison-controls{padding:16px 16px 6px}
.uxav2 .v2-comparison-controls>label{font-size:11px}
.uxav2 .v2-comparison-links{gap:8px 18px;padding-inline:16px}
.uxav2 .v2-comparison-original{margin-inline:16px}
.uxav2 .v2-comparison-label{top:10px;font-size:9px;padding:4px 7px}
.uxav2 .v2-comparison-label-old{left:10px}
.uxav2 .v2-comparison-label-new{right:10px}
.uxav2 .v2-comparison-divider>span{width:32px;height:32px;font-size:16px}}

/* Reuse Wilder's comparison; additions are scoped to the two reviewed chapters. */
.uxav2 .ww31-website-comparison .v2-comparison-window{touch-action:pan-y;cursor:ew-resize}
.uxav2 .ww31-website-comparison .v2-comparison-layer{pointer-events:none;user-select:none}
.uxav2 .ww31-website-comparison .v2-comparison-controls button{min-height:44px;background:none;border:0;padding:0;color:#20355a;font:500 11px/1.6 Inter,Arial,sans-serif;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.uxav2 .ww31-website-comparison .v2-comparison-controls button:last-child{text-align:right}
.uxav2 .ww31-website-comparison :is(button,a,summary):focus-visible,.uxav2 .ww31-website-comparison .v2-comparison-window:focus-visible{outline:3px solid #087f7b;outline-offset:3px}
.uxav2 .ww31-original-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-block:14px 8px}
.uxav2 .ww31-original-pair figure{margin:0;min-width:0}
.uxav2 .ww31-original-label{font:500 18px/1.3 Urbanist,Arial,sans-serif!important;color:#20355a!important;margin:0 0 18px!important}
.uxav2 .ww31-original-pair .ww8-image{display:block;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.uxav2 .ww31-original-pair img{display:block;width:100%!important;height:auto!important;max-height:none!important}
.uxav2 .ww31-original-pair figcaption{font:400 12px/1.8 Inter,Arial,sans-serif;color:#455a79!important;margin-top:16px}
.uxav2 .ww31-original-pair figcaption a{display:flex;align-items:center;min-height:44px;font:500 12px/1.6 Inter,Arial,sans-serif;color:#20355a!important;text-decoration:underline;text-underline-offset:4px}
.uxav2 :is(.ww31-research,.ww31-page-plan){margin:40px 0 44px;padding-top:32px;border-top:1px solid #dce3ee}
.uxav2 .white-case-study .guide-chapter>section.ww31-research{margin-top:38px!important;padding-top:30px!important;border-top:1px solid #dce3ee!important}
.uxav2 .ww31-kicker{font:500 12px/1.6 Inter,Arial,sans-serif!important;color:#455a79!important;margin:0 0 14px!important}
.uxav2 :is(.ww31-research,.ww31-page-plan) h3{font:500 29px/1.2 Urbanist,Arial,sans-serif!important;letter-spacing:-.025em;color:#20355a!important;margin:0 0 20px}
.uxav2 :is(.ww31-research,.ww31-page-plan) p{font:400 14px/1.85 Inter,Arial,sans-serif;color:#334b6e;margin:0 0 20px}
.uxav2 .ww31-research header{max-width:78ch}
.uxav2 .ww31-research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.uxav2 .ww31-research-grid>div{padding-top:18px;border-top:1px solid #c7d1df}
.uxav2 .ww31-number{display:block;font:500 11px/1.6 Inter,Arial,sans-serif;color:#455a79;margin-bottom:12px}
.uxav2 .ww31-research-grid h4{font:500 21px/1.3 Urbanist,Arial,sans-serif;color:#20355a;margin:0 0 14px}
.uxav2 .ww31-research-takeaway{display:grid;grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:28px;border-top:1px solid #dce3ee;margin-top:20px;padding-top:24px}
.uxav2 .ww31-research-takeaway>span{font:500 12px/1.7 Inter,Arial,sans-serif;color:#455a79}
.uxav2 .ww31-page-plan{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:40px}
.uxav2 .ww31-plan-copy ol{list-style:none;counter-reset:decisions;margin:24px 0 0;padding:0}
.uxav2 .ww31-plan-copy li{counter-increment:decisions;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;border-top:1px solid #dce3ee;padding:18px 0}
.uxav2 .ww31-plan-copy li::before{content:'0' counter(decisions);grid-row:span 2;font:500 11px/1.8 Inter,Arial,sans-serif;color:#455a79}
.uxav2 .ww31-plan-copy li strong{font:500 19px/1.3 Urbanist,Arial,sans-serif;color:#20355a;margin-bottom:8px}
.uxav2 .ww31-plan-copy li span{grid-column:2;font:400 13px/1.8 Inter,Arial,sans-serif;color:#334b6e}
.uxav2 .ww31-plan-copy .ww31-plan-note{font-size:11px;color:#455a79;margin-top:12px}
.uxav2 .ww31-wireframe{min-width:0;border:1px solid #c7d1df;border-radius:8px;padding:12px;background:#f5f7fa}
.uxav2 .ww31-wire-top{display:flex;align-items:center;gap:5px;padding:0 6px 12px}
.uxav2 .ww31-wire-top>i{width:5px;height:5px;border-radius:50%;background:#a8b5c8}
.uxav2 .ww31-wire-top>span{margin-left:8px;font:400 10px/1.6 Inter,Arial,sans-serif;color:#455a79}
.uxav2 .ww31-wire-canvas{display:grid;gap:16px;background:#fff;border:1px solid #dce3ee;padding:18px;color:#20355a}
.uxav2 .ww31-wire-canvas em{font-style:normal;border:1px solid #a8b5c8;background:#e6edf4;border-radius:3px;padding:8px 9px;font-size:9px;line-height:1.4}
.uxav2 .ww31-wire-nav{display:flex;align-items:center;gap:12px;font:400 8px/1.5 Inter,Arial,sans-serif;padding-bottom:14px;border-bottom:1px solid #dce3ee}
.uxav2 .ww31-wire-nav>span{flex:1;text-align:center}
.uxav2 .ww31-wire-nav>b{font-size:10px}
.uxav2 .ww31-wire-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;background:#f5f7fa;padding:18px 14px;min-height:180px}
.uxav2 .ww31-wire-hero>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.uxav2 .ww31-wire-canvas small{font:400 9px/1.6 Inter,Arial,sans-serif;color:#455a79}
.uxav2 .ww31-wire-hero strong{font:500 21px/1.1 Urbanist,Arial,sans-serif;letter-spacing:-.02em}
.uxav2 .ww31-wire-canvas i:not(.ww31-wire-top i){display:block;background:#dce3ee;height:5px;width:100%;border-radius:4px}
.uxav2 .ww31-wire-hero i:nth-of-type(2){width:70%}
.uxav2 .ww31-wire-picture{display:grid;place-content:center;border:1px solid #c7d1df;background:#e6edf4;font:400 10px/1.8 Inter,Arial,sans-serif;text-align:center;color:#455a79}
.uxav2 .ww31-wire-route{border:1px solid #dce3ee;padding:16px}
.uxav2 .ww31-wire-route>div{display:flex;align-items:center;gap:8px;margin-top:12px;font:500 10px/1.6 Inter,Arial,sans-serif}
.uxav2 .ww31-wire-route i{flex:1;height:1px!important}
.uxav2 .ww31-wire-field{display:grid;grid-template-columns:.8fr 1fr;gap:18px}
.uxav2 .ww31-wire-field>span{display:grid;place-content:center;min-height:95px;background:#e6edf4;font:400 10px/1.8 Inter,Arial,sans-serif;text-align:center}
.uxav2 .ww31-wire-field>div{display:flex;flex-direction:column;gap:10px;justify-content:center}
.uxav2 .ww31-wire-field b{font:500 14px/1.2 Urbanist,Arial,sans-serif}
.uxav2 .ww31-wire-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dce3ee;padding-top:16px}
.uxav2 .ww31-wire-offer>div{display:grid;gap:7px}
.uxav2 .ww31-wire-offer b{font:500 17px/1.2 Urbanist,Arial,sans-serif}
@media(max-width:850px){.uxav2 .ww31-page-plan{grid-template-columns:1fr;gap:28px}.uxav2 .ww31-wireframe{width:min(100%,520px);margin:auto}.uxav2 .ww31-research-grid{gap:20px}}
@media(max-width:650px){.uxav2 .ww31-original-pair,.uxav2 .ww31-research-grid,.uxav2 .ww31-research-takeaway{grid-template-columns:1fr;gap:24px}.uxav2 .ww31-research-takeaway{gap:10px}.uxav2 .ww31-original-pair{padding-top:16px;gap:32px}.uxav2 :is(.ww31-research,.ww31-page-plan){margin-block:32px;padding-top:26px}.uxav2 .ww31-wire-canvas{padding:12px}.uxav2 .ww31-wire-hero{gap:10px;padding:14px 10px}.uxav2 .ww31-wire-hero strong{font-size:18px}.uxav2 .ww31-wire-nav{gap:8px}.uxav2 .ww31-wire-nav>span{font-size:7px}.uxav2 .ww31-wire-canvas em{font-size:8px;padding:7px}.uxav2 .ww31-wire-offer b{font-size:15px}}