.product-comparison{max-width:1700px;padding:16px}.screenshot-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.screenshot-pair figure{min-width:0;margin:0;scroll-margin-top:20px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px}.screenshot-pair figcaption{padding:7px 10px;font-size:14px;font-weight:700}.screenshot-stage{position:relative;isolation:isolate}.screenshot-stage img{display:block;width:100%;height:auto;border-radius:0 0 8px 8px}.ui-region{position:absolute;z-index:1;border:2px solid var(--pair);border-radius:4px;box-shadow:0 0 0 1px #fff9,inset 0 0 0 1px #fff9;background:color-mix(in srgb,var(--pair) 8%,transparent);color:#fff;pointer-events:none}.pair-1{--pair:#985000}.pair-2{--pair:#145bb5}.pair-3{--pair:#8538aa}.pair-4{--pair:#087565}.pair-5{--pair:#ab3045}.pair-6{--pair:#655500}.spot-number{display:grid;place-items:center;position:absolute;top:0;left:0;transform:translate(-20%,-20%);width:24px;height:24px;border-radius:50%;background:var(--pair);color:#fff;border:1px solid #fff;font:750 13px/1 system-ui,sans-serif;box-shadow:0 1px 3px #0005;pointer-events:auto;cursor:text;user-select:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:750px){.screenshot-pair{grid-template-columns:minmax(0,1fr)}.product-comparison{padding:12px}header nav{flex-wrap:wrap}}

.spot-label{position:absolute;top:-4px;left:21px;padding:3px 6px;border:1px solid #fff;border-radius:4px;background:var(--pair);color:#fff;font:650 11px/1.4 system-ui,sans-serif;white-space:nowrap;box-shadow:0 1px 3px #0005;pointer-events:auto;cursor:text;user-select:text}#fairystack-apps .spot-label{top:auto;bottom:100%;left:0}