.screen-comparison{background:#fff;border:1px solid #dedede;border-radius:16px;overflow:hidden}.compare-controls{align-items:center;gap:20px;padding:24px 28px;display:flex}.screen-choice{gap:7px;min-width:150px;display:grid}.screen-choice label{color:#555;font-size:.8125rem}.screen-choice select{font:inherit;color:#000;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #aaa;border-radius:0;min-height:42px;padding:4px 24px 8px 0;font-size:1.375rem;font-weight:500}.screen-choice strong{font-size:1.5rem;font-weight:500}.swap-screens{background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;width:40px;height:40px;margin-top:18px;padding:0;display:grid}.swap-screens:hover{background:#f3f3f3}.swap-screens svg{stroke:currentColor;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.screen-versus{color:#777;margin-top:20px}.compare-view{border:1px solid #ddd;border-radius:8px;gap:3px;margin-left:auto;padding:3px;display:flex}.compare-view button{white-space:nowrap;background:0 0;border:0;border-radius:5px;min-height:40px;padding:10px 14px;font-size:.875rem}.compare-view button[aria-pressed=true]{color:#fff;background:#111}.compare-canvas{color:#fff;background:#101010}.compare-legend{align-items:center;gap:26px;padding:23px 28px 0;font-size:1rem;display:flex}.compare-legend>span,.dimension-name{align-items:center;gap:9px;display:flex}.first-dot,.second-dot{background:#ff692f;border-radius:2px;flex:0 0 9px;width:9px;height:9px;display:inline-block}.second-dot{background:#d9d9d9}.compare-legend .compare-scale{color:#aaa;margin-left:auto;font-size:.8125rem}.compare-screen-svg{width:100%;max-height:480px;display:block}.compare-caption{color:#bbb;text-align:center;margin:0;padding:0 28px 22px;font-size:.8125rem}.compare-dimensions{border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr;display:grid}.compare-dimensions>div{padding:22px 28px}.compare-dimensions>div+div{border-left:1px solid #ddd}.dimension-name{font-size:.875rem}.dimension-name strong{font-weight:500}.compare-dimensions p{font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:500}.compare-dimensions small{color:#666;font-size:.75rem}.compare-dimensions .second-dot{background:#666}.compare-result{grid-template-columns:1fr auto;gap:40px;padding:32px 28px 22px;display:grid}.compare-result #result-direction{color:#666;margin:0 0 8px;font-size:.875rem}.compare-result h2{letter-spacing:-.025em;max-width:650px;margin:0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.15}.compare-result #width-result{color:#666;margin:12px 0 0;font-size:.875rem;line-height:1.6}.compare-result dl{gap:15px;min-width:150px;margin:0;display:grid}.compare-result dt{color:#666;font-size:.8125rem}.compare-result dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.375rem;font-weight:500}.compare-disclaimer{color:#666;margin:0;padding:0 28px 24px;font-size:.8125rem;line-height:1.6}.compare-disclaimer a{white-space:nowrap}.compare-edit{background:#f5f5f5;border-top:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px 28px;font-weight:500;display:flex}.compare-edit:hover{background:#ededed}.comparison-section{margin-top:64px;margin-bottom:64px}.comparison-section>p{color:#666;max-width:660px;line-height:1.75}.comparison-links{grid-template-columns:1fr 1fr;column-gap:40px;margin-top:24px;display:grid}.comparison-links>a{border-top:1px solid #ddd;grid-template-columns:62px 1fr auto 16px;align-items:center;gap:16px;padding:24px 0;text-decoration:none;display:grid}.comparison-links>a:hover .pair-name{text-underline-offset:6px;text-decoration:underline #ff4d09}.pair-name{white-space:nowrap;font-size:1.25rem;font-weight:500}.pair-name>span{color:#777;margin:0 3px;font-size:.875rem}.pair-gain{text-align:right;font-size:1rem}.pair-gain small{color:#666;margin-top:3px;font-size:.75rem;display:block}.pair-arrow{font-size:1.125rem}.pair-mini{width:52px;height:31px;position:relative}.pair-mini i{z-index:1;background:#fff;border:1px solid #ff4d09;display:block;position:absolute;bottom:0;left:0}.pair-mini i+i{z-index:0;border-color:#999;width:48px;height:27px;left:4px}.compare-reading{grid-template-columns:1fr 1fr;gap:60px;margin-top:56px;margin-bottom:56px;display:grid}.compare-reading h2{font-size:1.6rem;line-height:1.25}.compare-reading p{color:#666;line-height:1.8}.comparison-table{margin-top:28px}.comparison-table table{min-width:0}.comparison-table th:first-child{width:35%}.comparison-table td,.comparison-table th{white-space:normal}.screen-comparison :focus-visible{outline-offset:3px;outline:2px solid #ff4d09}@media (width<=767px){.compare-controls{flex-wrap:wrap;gap:12px;padding:20px}.screen-choice{flex:1;min-width:0}.screen-choice select{width:100%;padding-right:8px;font-size:1.125rem}.screen-choice strong{font-size:1.25rem}.compare-view{flex-basis:100%;justify-content:center;margin:10px 0 0}.compare-view button{flex:1}.compare-legend{gap:16px;padding:20px 20px 0}.compare-legend .compare-scale{font-size:.6875rem}.compare-caption{padding:0 20px 20px;font-size:.75rem}.compare-dimensions>div{padding:18px 15px}.compare-dimensions p{font-size:1rem}.compare-result{grid-template-columns:1fr;gap:22px;padding:26px 20px 20px}.compare-result dl{gap:40px;display:flex}.compare-disclaimer{padding:0 20px 22px}.compare-edit{padding:18px 20px}.comparison-links{grid-template-columns:1fr}.comparison-links>a{gap:12px;padding:20px 0}.comparison-section{margin-top:44px;margin-bottom:44px}.compare-reading{grid-template-columns:1fr;gap:20px;margin-top:36px}.comparison-table th,.comparison-table td{padding:14px 10px}.screen-comparison{border-radius:12px}}@media (prefers-reduced-motion:reduce){.screen-comparison *{transition:none!important}}.pair-name>span,.screen-versus{color:#666}@media (width<=480px){.compare-dimensions p{white-space:nowrap;font-size:.8125rem}.compare-dimensions>div{padding-left:12px;padding-right:12px}.dimension-name{gap:6px;font-size:.75rem}.compare-legend .compare-scale{font-size:.625rem}}