.cmp-page{--cmp-gap:8px}.cmp-page .cmp-h1{letter-spacing:.06em;margin-top:4px}.cmp-page .cmp-h1:focus{outline:none}.cmp-page.is-pending .cmp-empty{display:none}.cmp-page.is-pending .cmp-main{min-height:100vh;display:block}.cmp-page .cmp-notice{background:var(--wash-2);border-radius:var(--radius);margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.6}.cmp-page .cmp-empty{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin-top:24px;padding:32px 16px}.cmp-page .cmp-empty-art{width:140px;margin:0 auto 16px}.cmp-page .cmp-empty:has([data-cmp-one]:not([hidden])) .cmp-empty-art{display:none}.cmp-page .cmp-empty-title{font-size:18px;font-weight:700;line-height:1.5}.cmp-page .cmp-empty-btn{min-height:52px;margin-top:16px}.cmp-page .cmp-one-text{color:var(--sub);margin-top:8px;font-size:14px;line-height:1.7}.cmp-page .cmp-one-col{width:160px;margin:16px auto 0}.cmp-page .cmp-count{color:var(--sub);margin-top:8px;font-size:14px}.cmp-page .cmp-switch{width:100%;min-height:48px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin-top:8px;padding:0;font-size:15px;font-weight:600;display:flex}.cmp-page .cmp-switch-track{box-sizing:border-box;background:var(--control-border);border-radius:12px;flex:0 0 44px;align-items:center;height:24px;padding:0 3px;transition:background-color .15s ease-out;display:flex}.cmp-page .cmp-switch-knob{background:var(--paper);border-radius:50%;width:18px;height:18px;transition:transform .15s ease-out}.cmp-page .cmp-switch[aria-checked=true] .cmp-switch-track{background:var(--navy)}.cmp-page .cmp-switch[aria-checked=true] .cmp-switch-knob{transform:translate(20px)}.cmp-page .cmp-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cmp-page .cmp-switch-track,.cmp-page .cmp-switch-knob{transition:none}}.cmp-page.is-diff [data-common]{display:none}.cmp-page .cmp-col{text-align:left;vertical-align:top;flex-direction:column;min-width:0;font-weight:400;display:flex}.cmp-page .cmp-plate{aspect-ratio:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);position:relative}.cmp-page .cmp-plate img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:6%;display:block}.cmp-page .cmp-remove{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:flex-start;padding:0;display:flex;position:absolute;top:0;right:0}.cmp-page .cmp-remove-dot{box-sizing:border-box;background:var(--paper);border:1px solid var(--control-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin:4px;display:flex}.cmp-page .cmp-remove:hover .cmp-remove-dot{border-color:var(--navy)}.cmp-page .cmp-remove:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cmp-page .cmp-brand{font-family:var(--font-latin);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);margin-top:8px;font-size:11px}.cmp-page .cmp-name{color:var(--navy);word-break:keep-all;overflow-wrap:anywhere;flex-direction:column;font-size:13px;font-weight:700;line-height:1.45;text-decoration:none;display:flex}.cmp-page .cmp-name:hover{color:var(--gold-text)}.cmp-page .cmp-model{font-family:var(--font-latin)}.cmp-page .cmp-col--add{justify-content:flex-start}.cmp-page .cmp-add-link{aspect-ratio:1;border:1px dashed var(--control-border);border-radius:var(--radius);min-height:44px;color:var(--sub);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.cmp-page .cmp-add-link:hover{color:var(--navy);border-color:var(--navy)}.cmp-page .cmp-price{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.cmp-page .cmp-val{font-size:15px}.cmp-page .cmp-none{color:var(--sub)}.cmp-page .cmp-sz{flex-direction:column;gap:4px;min-width:0;display:flex}.cmp-page .cmp-sz-n{font-size:14px;font-weight:700}.cmp-page .cmp-sz-r{color:var(--sub);font-size:12px}.cmp-page .cmp-dots{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.cmp-page .cmp-dot{box-sizing:border-box;border-radius:50%;flex:none;width:10px;height:10px}.cmp-page .cmp-dot.is-in{background:var(--navy)}.cmp-page .cmp-dot.is-made{border:1.5px solid var(--sub)}.cmp-page .cmp-dot.is-no,.cmp-page .cmp-dot.is-out{background:var(--rule);border-radius:0;height:2px}.cmp-page .cmp-dots-scale{max-width:100%;font-family:var(--font-latin);color:var(--sub);justify-content:space-between;font-size:11px;display:flex}.cmp-page .cmp-legend{color:var(--sub);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.cmp-page .cmp-legend-item{align-items:center;gap:5px;display:flex}.cmp-page .cmp-chip{border-radius:var(--radius);background:var(--navy-soft);color:var(--navy);flex:none;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.5}.cmp-page .cmp-common{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.cmp-page .cmp-view-link{background:var(--paper);border:1px solid var(--navy);border-radius:var(--radius);min-height:44px;color:var(--navy);text-align:center;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.cmp-page .cmp-view-link:hover{background:var(--wash-2)}.cmp-page .cmp-limit{color:var(--sub);margin-top:8px;font-size:13px;line-height:1.7}.cmp-page .cmp-guide{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px;text-decoration:none;display:flex}.cmp-page .cmp-guide:hover{border-color:var(--control-border)}.cmp-page .cmp-guide-text{flex-direction:column;display:flex}.cmp-page .cmp-guide-eyebrow{color:var(--gold-text);font-size:12px;font-weight:700}.cmp-page .cmp-guide-title{font-size:15px;font-weight:700}.cmp-page{--cmp-pad:12px}.cmp-page .cmp-head,.cmp-page .cmp-cells,.cmp-page .cmp-links{gap:var(--cmp-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=559px){.cmp-page{--cmp-pad:16px}.cmp-page .cmp-view{margin:0 -16px}.cmp-page .cmp-head,.cmp-page .cmp-cells,.cmp-page .cmp-links{padding-left:16px;padding-right:16px}}.cmp-page .cmp-head{top:var(--sh-full,101px);transform:translateY(var(--sh-lift,0px));z-index:2;background:var(--washi);padding-top:12px;padding-bottom:16px;position:sticky}.cmp-page .cmp-label{padding:6px var(--cmp-pad);background:var(--wash-2);color:var(--ink);margin:0;font-size:12px;font-weight:700;line-height:1.5}.cmp-page .cmp-cells{padding-top:12px;padding-bottom:16px}.cmp-page .cmp-row>.cmp-common{padding:12px var(--cmp-pad)}.cmp-page .cmp-row>.cmp-legend{padding:0 var(--cmp-pad) 16px;margin:0}.cmp-page .cmp-links{border-top:1px solid var(--line);padding-top:16px;padding-bottom:8px}.cmp-page .cmp-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.cmp-page .cmp-table th,.cmp-page .cmp-table td{text-align:left;vertical-align:top;padding:12px 8px}.cmp-page .cmp-table .cmp-corner{width:160px}.cmp-page .cmp-table thead th,.cmp-page .cmp-table thead td{top:var(--sh-full,77px);transform:translateY(var(--sh-lift,0px));z-index:2;background:var(--washi);padding-bottom:16px;position:sticky}.cmp-page .cmp-table thead .cmp-col,.cmp-page .cmp-table .cmp-common{display:table-cell}.cmp-page .cmp-table .cmp-common .cmp-chip{margin-right:10px}.cmp-page .cmp-table .cmp-plate,.cmp-page .cmp-table .cmp-add-link,.cmp-page .cmp-table .cmp-brand,.cmp-page .cmp-table .cmp-name{max-width:200px}.cmp-page .cmp-table .cmp-brand{display:block}.cmp-page .cmp-table tbody th,.cmp-page .cmp-table tbody td{border-top:1px solid var(--line)}.cmp-page .cmp-table .cmp-label{background:var(--wash-2);padding:12px 16px}.cmp-page .cmp-table .cmp-legend-tr td{border-top:0;padding-top:0}.cmp-page .cmp-table .cmp-links-tr td{padding-top:16px}.cmp-page .cmp-table .cmp-view-link{max-width:200px}@media (width>=768px){.cmp-page .cmp-view{margin:16px 0 0}.cmp-page .cmp-switch{width:auto}.cmp-page .cmp-empty{padding:48px 24px}}@media (width>=1024px){.cmp-page .cmp-guide{max-width:560px}}
