.comparison{scroll-margin-top:20px;margin:0 0 34px;padding:26px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #13191e08}
.comparison-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.comparison-heading .eyebrow{color:var(--accent);margin-bottom:8px}
.comparison-heading h2{font-size:25px;letter-spacing:-.6px;margin-bottom:8px}
.comparison-heading p:last-child{font-size:14px;color:var(--muted);line-height:1.5}
.comparison-heading>span{color:var(--accent);background:#f3e5ff;padding:10px;border-radius:8px}
.comparison-controls{display:flex;flex-direction:column;gap:16px}
.comparison-kinds{display:flex;gap:8px;flex-wrap:wrap}
.comparison-kinds button{border:1px solid var(--line);border-radius:6px;padding:10px 15px;font-size:13px;font-weight:650;min-height:42px;background:var(--page)}
.comparison-kinds button:hover{border-color:var(--accent)}
.comparison-kinds button[aria-pressed=true]{background:#f3e5ff;border-color:#9E00F9;color:#7900c0}
.comparison-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.comparison-selectors label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted)}
.comparison-selectors select{width:100%;min-width:0;min-height:43px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:14px}
.comparison-clear{align-self:flex-start;color:var(--accent);font-size:13px;font-weight:650;padding:8px 2px}
.comparison-clear:hover{text-decoration:underline}
.comparison-status{font-size:14px;color:var(--muted);padding:10px 0}
.comparison-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:7px}
.comparison-scroll:focus-visible{outline-offset:2px}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:650px;font-size:13px;line-height:1.5}
.comparison-table th,.comparison-table td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere}
.comparison-table thead th{background:var(--page);font-size:13px}
.comparison-table thead th:first-child{width:18%;color:var(--muted)}
.comparison-photo{width:100%;max-width:240px;aspect-ratio:4/3;margin:0 auto 12px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:6px}
.comparison-photo img{display:block;min-width:0;min-height:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.comparison-table thead th a{display:block;color:var(--accent);font-weight:600;margin-top:7px;font-size:12px;text-decoration:underline}
.comparison-table tbody th{font-weight:650;background:var(--page)}
.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}
.comparison-missing{color:var(--muted)}
.comparison-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:16px}
html[data-theme="dark"] .comparison{box-shadow:none}
html[data-theme="dark"] .comparison-heading>span{background:#30203f}
html[data-theme="dark"] .comparison-kinds button[aria-pressed=true]{background:#7900c0;border-color:#744495;color:#ce91ff}
@media(max-width:760px){.comparison{padding:19px;margin-bottom:25px}.comparison-heading h2{font-size:22px}.comparison-heading>span{display:none}.comparison-selectors{grid-template-columns:1fr}.comparison-table{min-width:590px}.comparison-table th,.comparison-table td{padding:11px}}