.article-content .processor-photo-comparison{color:#f1f5ff;background:#101d32;border-radius:15px;margin:1.5rem 0;padding:clamp(.8rem,3vw,1.25rem)}.processor-photo-comparison h3{margin:0 0 .45rem}.article-content .processor-photo-comparison p{color:#d3dfef;margin:.65rem 0;font-size:.85rem}.processor-photo-labels,.processor-photo-links{flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.82rem;display:flex}.processor-photo-labels{color:#ffb781;margin:.75rem .2rem .4rem}.processor-photo-frame{aspect-ratio:16/10;background:#d8d9dd;border-radius:9px;position:relative;overflow:hidden}.article-content .processor-photo-frame img{object-fit:cover;object-position:center 62%;width:100%;height:100%;position:absolute;inset:0}.processor-photo-handle{pointer-events:none;background:#ff6b00;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.processor-photo-handle b{color:#172033;background:#ff944f;border:2px solid #fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.processor-photo-frame input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.processor-photo-frame:focus-within{outline-offset:3px;outline:3px solid #ff944f}.article-content .processor-photo-links a{color:#ffd0ac}
