.screen-comparison{border:1px solid var(--line,#dedfd9);background:#f0f1eb;margin:2rem 0;padding:clamp(1rem,3vw,1.8rem)}.comparison-controls{flex-wrap:wrap;gap:1rem;display:flex}.comparison-controls label{flex:180px;gap:.4rem;font-size:.8rem;display:grid}.comparison-controls select{color:#222a2a;width:100%;min-width:0;font:inherit;background:#faf9f6;border:1px solid #a8b4aa;padding:.65rem}.comparison-controls select:focus-visible{outline-offset:3px;outline:2px solid #355d60}.screen-comparison .comparison-key{font-size:.75rem;line-height:1.8}.comparison-key span{background:#789d91;width:.6rem;height:.6rem;margin-right:.2rem;display:inline-block}.comparison-key span:nth-of-type(2){background:#222a2a;margin-left:.7rem}.comparison-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.screen-comparison figure{border-bottom:1px solid #cdd3c9;margin:0;padding:.5rem}.comparison-panels svg{width:100%;height:auto;display:block}.comparison-panels figcaption{gap:.2rem;font-size:.75rem;line-height:1.5;display:grid}.comparison-panels figcaption strong{color:#222a2a}.screen-comparison table{font-size:.8rem}.screen-comparison caption{text-align:left;padding:1rem 0 .5rem}.screen-comparison .comparison-note{margin-bottom:0;font-size:.75rem;line-height:1.6}