.sq-compare,.sq-compare *{box-sizing:border-box}
.sq-compare-slot{width:100%;min-width:0;contain:inline-size;display:grid;grid-template-columns:minmax(0,1fr);background:#000}
.sq-compare-panel{grid-area:1/1;min-width:0}
.sq-compare-panel[hidden]{display:block;visibility:hidden}
.sq-compare{width:100%;background:#000;color:#fff;font-family:"Soin Sans Neue Roman","Soin Sans",sans-serif;font-size:17px;line-height:1.5;padding:88px 32px}
.sq-compare-wrap{width:100%;max-width:1200px;margin:0 auto}
.sq-compare h2{font-size:clamp(28px,3.5vw,48px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:0 0 16px}
.sq-compare-subtitle{color:#c4c4c4;margin:0 0 40px;font-size:19px}
.sq-compare-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#777 #000}
.sq-compare-scroll:focus-visible,.sq-compare a:focus-visible,.sq-compare-review a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.sq-compare-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;font-size:17px}
.sq-compare-table col.sq-compare-feature-col{width:25%}
.sq-compare-table th{font-weight:400}
.sq-compare-table thead th{padding:0 16px 28px;text-align:center;vertical-align:bottom}
.sq-compare-table thead th img{display:block;width:100%;height:auto;margin:0 auto 20px}
.sq-compare-table thead th span{display:block;font-size:22px;line-height:1.3}
.sq-compare-table thead .sq-compare-corner{text-align:left;padding-left:0;color:#c4c4c4}
.sq-compare-table tbody th,.sq-compare-table tbody td{border-top:1px solid #343434;height:72px;padding:16px;vertical-align:middle}
.sq-compare-table tbody th{text-align:left;padding-left:0}
.sq-compare-table tbody td,.sq-compare-table tfoot td{text-align:center}
.sq-compare-mark{font-family:Arial,sans-serif;font-size:26px;font-weight:700;line-height:1}
.sq-compare-mark.is-stated{color:#0047DE}
.sq-compare-mark.is-unstated{color:#929292}
.sq-compare-table tfoot td,.sq-compare-table tfoot th{border-top:1px solid #343434;padding:20px 8px}
.sq-compare a{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none;min-height:44px;min-width:44px;padding:8px 4px}
.sq-compare a:hover{text-decoration:underline;text-underline-offset:6px}
.sq-compare-legend{display:flex;flex-wrap:wrap;gap:12px 32px;color:#c4c4c4;margin:20px 0 0;font-size:17px}
.sq-compare-legend>span{display:inline-flex;align-items:center;gap:10px}
.sq-compare-note{font-size:17px;color:#b3b3b3;margin:16px 0 0;max-width:720px}
.sq-compare-hint{display:none}
.sq-compare-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sq-compare-review{background:#000;color:#fff;margin:0;font-family:"Soin Sans Neue Roman","Soin Sans",sans-serif;font-size:17px;line-height:1.5}
.sq-compare-review header,.sq-compare-choice{max-width:1264px;margin:auto;padding:32px}
.sq-compare-review header h1{font-size:32px;font-weight:400;margin:0 0 16px}
.sq-compare-review header p,.sq-compare-choice p{color:#c4c4c4;max-width:740px}
.sq-compare-review nav{display:flex;gap:16px;flex-wrap:wrap}
.sq-compare-review nav a{color:#fff;min-height:44px;padding:10px 16px;border:1px solid #555;text-decoration:none}
.sq-compare-choice{padding-bottom:0;border-top:1px solid #343434}
.sq-compare-choice h2{font-size:24px;font-weight:400;margin:0}
.sq-compare-review .sq-compare{padding-top:32px}
@media(max-width:809px){
 .sq-compare{padding:56px 24px}
 .sq-compare-subtitle{font-size:17px;margin-bottom:24px}
 .sq-compare-hint{display:block;font-size:17px;color:#c4c4c4;margin:0 0 20px}
 .sq-compare-table{min-width:744px}
 .sq-compare-table col.sq-compare-feature-col{width:156px}
 .sq-compare-table thead th{padding:0 12px 24px}
 .sq-compare-table thead th span{font-size:20px}
 .sq-compare-table tbody th,.sq-compare-table thead .sq-compare-corner,.sq-compare-table tfoot th{position:sticky;left:0;z-index:1;background:#000;box-shadow:8px 0 12px -8px #000}
 .sq-compare-table tbody th{padding-right:12px}
 .sq-compare-table tbody th,.sq-compare-table tbody td{height:88px}
 .sq-compare-legend{display:grid;gap:16px}
 .sq-compare-review header,.sq-compare-choice{padding:24px}
 .sq-compare-choice{padding-bottom:0}
}
