.spec-jump{display:inline-flex;margin:0 0 18px;font-size:13px;color:var(--teal);border-bottom:1px solid var(--teal);padding-bottom:4px;gap:12px}
.spec-section{border-top:1px solid #cad9e2;margin-top:35px;padding-top:30px;scroll-margin-top:20px}
.spec-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}
.spec-heading .section-label{font-size:10px;margin-bottom:10px}
.spec-heading h3{font-size:25px;line-height:1.4}
.spec-model-count{font-size:11px;color:var(--muted);white-space:nowrap}
.spec-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;background:#f0f5f7;padding:18px 20px;margin-bottom:20px}
.spec-controls label{font-size:12px;color:var(--muted);min-width:0}
.spec-controls select{background:#fff;font-size:14px;color:var(--navy);min-width:0;max-width:100%}
.spec-group-title{font-size:15px;line-height:1.6;align-self:center}
.spec-note{font-size:12px;line-height:1.85;color:#705e3a;background:#faf6ec;border-left:3px solid #c9a967;padding:13px 16px;margin:16px 0;white-space:pre-line;overflow-wrap:anywhere}
.spec-selected{font-size:13px;margin:18px 0 12px;line-height:1.6}
.spec-selected strong{font-size:16px;color:var(--teal)}
.spec-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.7}
.spec-table th,.spec-table td{padding:11px 15px;border:1px solid #dce5eb;vertical-align:top}
.spec-table thead th{background:var(--navy);color:#fff;font-weight:500}
.spec-table tbody th{width:48%;background:#f1f6f8;font-weight:500}
.spec-table tbody td{background:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.spec-unit{font-size:11px;color:var(--muted);white-space:nowrap}
.spec-compare{border:1px solid #d6e2e8;margin-top:22px;background:#fff}
.spec-compare summary{padding:15px 17px;font-size:13px;justify-content:space-between;gap:15px;color:var(--teal)}
.spec-compare summary span{font-size:18px}
.spec-comparison-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-inline:contain}
.spec-comparison{min-width:100%;width:max-content;font-size:12px}
.spec-comparison tbody th{min-width:170px;max-width:250px;width:auto;position:sticky;left:0;z-index:1}
.spec-comparison th,.spec-comparison td{min-width:105px;max-width:210px;white-space:normal}
.spec-comparison thead th:first-child{position:sticky;left:0;z-index:2}
.spec-source{font-size:11px;color:var(--muted);line-height:1.8;margin-top:18px}
#product-dialog>.dialog-close{position:sticky;float:right;top:-35px;right:auto;margin:-35px -35px 0 0;z-index:5;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0b35401a}
@media(max-width:700px){#product-dialog>.dialog-close{margin:-35px -12px 0 0}}
@media(max-width:700px){.spec-heading{display:block}.spec-heading h3{font-size:22px}.spec-model-count{display:block;margin-top:10px}.spec-controls{grid-template-columns:1fr;padding:15px;gap:12px}.spec-controls select{font-size:16px;max-width:100%}.spec-table{font-size:12px}.spec-table th,.spec-table td{padding:10px}.spec-note{padding:12px;font-size:11px}.spec-selected strong{display:block;font-size:15px}.spec-compare summary{font-size:12px}.spec-comparison tbody th{min-width:140px;max-width:180px}.spec-section{margin-top:25px;padding-top:25px}}