.hsst-spec-groups{ margin-top:4px} .hsst-spec-group{ margin-bottom:16px} .hsst-spec-group:last-child{ margin-bottom:0} .hsst-spec-group-title{ display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 7px;padding-bottom:7px;border-bottom:2px solid var(--color-accent,#c9a227);font-size:16px;font-weight:700;color:var(--color-primary,#1a1a1a);letter-spacing:.02em} .hsst-spec-group-title span{ font-size:12px;font-weight:400;color:var(--color-mid-gray,#8a8a8a);letter-spacing:.04em;text-transform:uppercase} .hsst-spec-group .spec-grid{ margin-bottom:0} .hsst-spec-group .spec-item-value{ font-size:15px;line-height:1.35} .hsst-spec-group .spec-item{ align-items:flex-start} .hsst-spec-group .spec-item-right{ text-align:right} .hsst-spec-note{ margin-top:11px;font-size:12px;color:var(--color-mid-gray,#8a8a8a);line-height:1.6} .hsst-spec-chips{ display:flex;flex-wrap:wrap;gap:5px;margin-top:5px} .hsst-spec-chip{ display:inline-flex;align-items:baseline;gap:5px;max-width:100%;padding:3px 8px;border:1px solid var(--color-light-gray,#e2e2e2);border-radius:999px;background:#fafafa;font-size:12px;line-height:1.5;color:var(--color-primary,#1a1a1a);white-space:nowrap} .hsst-spec-chip b{ font-weight:600;color:var(--color-mid-gray,#8a8a8a)} .hsst-spec-chip span{ font-weight:700} a.v2-series-card .hsst-spec-chips{ margin-top:4px} .hsst-cmp-toolbar{ display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:9px} .hsst-cmp-toggle{ display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary,#1a1a1a);cursor:pointer;user-select:none} .hsst-cmp-toggle input{ width:15px;height:15px;accent-color:var(--color-accent,#c9a227);cursor:pointer} .hsst-cmp-legend{ font-size:12px;color:var(--color-mid-gray,#8a8a8a)} .hsst-cmp-swatch{ display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:-1px;margin-right:4px} .hsst-cmp-swatch-diff{ background:#fff3cd;border:1px solid #e0a800} .hsst-cmp-wrap{ overflow-x:auto;-webkit-overflow-scrolling:touch} .hsst-cmp-table{ min-width:100%;border-collapse:separate;border-spacing:0} .hsst-cmp-row{ display:grid;grid-template-columns:168px repeat(var(--cols,2),minmax(150px,1fr))} .hsst-cmp-cell{ padding:8px 11px;border-bottom:1px solid var(--color-light-gray,#e6e6e6);font-size:13px;line-height:1.45;word-break:break-word} .hsst-cmp-label{ background:#f7f6f3;font-weight:600;color:var(--color-primary,#1a1a1a);position:sticky;left:0;z-index:2} .hsst-cmp-grouprow{ margin-top:6px} .hsst-cmp-group{ grid-column:1 / -1;background:var(--color-primary,#1a1a1a);color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;padding:7px 11px} .hsst-cmp-head .hsst-cmp-th{ background:#fff;text-align:center;vertical-align:top;font-weight:700} .hsst-cmp-head .hsst-cmp-th img{ width:100%;max-width:120px;aspect-ratio:3/2;object-fit:cover;border-radius:4px} .hsst-cmp-name{ margin-top:4px;font-size:14px;font-weight:700} .hsst-cmp-en{ font-size:12px;color:var(--color-mid-gray,#8a8a8a)} .hsst-cmp-remove{ margin-top:4px;padding:3px 10px;border:1px solid var(--color-light-gray,#ddd);background:#fff;border-radius:999px;font-size:12px;cursor:pointer} .hsst-cmp-remove:hover{ border-color:#c0392b;color:#c0392b} .hsst-cmp-fieldrow.is-diff .hsst-cmp-label{ background:#fff8e1} .hsst-cmp-cell.is-diffcell{ background:#fff3cd;font-weight:700;box-shadow:inset 2px 0 0 #e0a800} .hsst-cmp-diffbadge{ display:inline-block;margin-left:6px;padding:1px 5px;border-radius:3px;background:#e0a800;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;vertical-align:1px} .hsst-cmp-cell.is-na{ color:#a0a0a0;font-style:italic;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 6px,#f2f2f2 6px,#f2f2f2 12px)} .hsst-cmp-wrap.only-diff .hsst-cmp-fieldrow:not(.is-diff){ display:none} .hsst-cmp-wrap.only-diff .hsst-cmp-fieldrow.is-diff{ display:grid} .hsst-cmp-nodata{ padding:17px;text-align:center;color:var(--color-mid-gray,#8a8a8a)} .hsst-cmp-empty-page{ padding:27px 20px;text-align:center} .hsst-cmp-empty-page p{ font-size:15px;color:var(--color-mid-gray,#8a8a8a)} .hsst-cmp-cta-inline{ margin-top:5px} @media (max-width: 768px){ .hsst-cmp-row{ grid-template-columns:124px repeat(var(--cols,2),minmax(132px,1fr))} .hsst-cmp-cell{ padding:7px 9px;font-size:12px} .hsst-cmp-label{ font-size:12px} .hsst-spec-group-title{ font-size:15px} .hsst-cmp-toolbar{ justify-content:flex-start}} @media (max-width: 480px){ .hsst-cmp-row{ grid-template-columns:108px repeat(var(--cols,2),minmax(124px,1fr))} .hsst-spec-chip{ font-size:12px;padding:2px 7px}}