/* One pair in the drawer, rich choice cards on the comparison page. */
.feed-modes{display:flex;gap:8px;padding:18px 22px 0}.feed-modes button{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);padding:10px 15px;font-size:13px;font-weight:650;min-height:40px}.feed-modes button.active{border-color:var(--accent);background:var(--soft);color:var(--accent-ink)}
.automatic-price{display:block;font-weight:750;font-size:14px;color:var(--accent-ink);margin-top:6px;white-space:nowrap}.automatic-price:only-child{margin-top:0}.short-label{display:none}.add-link-button{white-space:nowrap;font-size:12px}.topbar{flex-wrap:wrap;min-height:68px;height:auto;padding-top:10px;padding-bottom:10px}.topbar>.freshness{white-space:nowrap}.dream-trigger{margin-left:0}.dream-trigger small{display:none}
.pair-intro{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:17px}.tools-drawer.wide{width:min(1160px,97vw)}.pair-summaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:17px 0 20px}.pair-object{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:15px;min-width:0}.pair-object-main{display:flex;gap:12px;align-items:flex-start;position:relative}.pair-object-main>div{min-width:0;flex:1}.pair-cover{width:80px;height:100px;object-fit:contain;border-radius:8px;flex:none;background:var(--surface)}.pair-cover.round{width:60px;height:60px;object-fit:cover;border-radius:50%}.pair-object h3{font-size:14px;line-height:1.6;margin:3px 0 6px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pair-object h3 a{color:var(--ink)}.pair-object small{display:block;font-size:11px;line-height:1.7;color:var(--muted)}.pair-number{display:inline-block;padding:2px 7px;border:1px solid var(--line);background:var(--soft);color:var(--accent-ink);border-radius:6px;font-weight:750;font-size:12px}.pair-remove{border:1px solid var(--line);background:var(--surface);color:var(--muted);width:27px;height:27px;border-radius:7px;font-size:19px;flex:none}.pair-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:180px;border-style:dashed}.pair-placeholder>strong{font-size:15px}.pair-placeholder p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.pair-products{display:grid;gap:8px;margin:13px 0}.pair-products>div{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;min-width:0}.pair-products>div>span{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pair-products button{width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:zoom-in;flex:none}.pair-products img{width:100%;height:100%;object-fit:contain;border-radius:7px}.pair-products .automatic-price{font-size:13px;margin-top:2px}.pair-object .dream-result{margin-top:14px;padding:12px}.pair-enable-dream{display:block;margin-top:12px}.pair-object .dream-numbers{gap:5px 12px}.pair-object .dream-result>small{font-size:10px}.pair-table{border-collapse:collapse;width:100%;table-layout:auto;min-width:760px;font-size:13px}.pair-table th,.pair-table td{padding:12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.65}.pair-table th:last-child,.pair-table td:last-child{border-right:0}.pair-table tr:last-child>*{border-bottom:0}.pair-table thead th{background:var(--surface-2);font-size:12px;font-weight:650;overflow-wrap:anywhere}.pair-table th[scope=row]{width:1%;white-space:nowrap;font-weight:500;font-size:12px;color:var(--muted)}.pair-table td:not(.pair-comment){width:18%;font-variant-numeric:tabular-nums}.pair-table td>strong{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.pair-table td>small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.pair-table .pair-comment{width:35%;min-width:210px;font-size:12px;color:var(--muted);background:var(--surface-2)}.pair-table .pair-comment.higher,.pair-table .pair-comment.lower{color:var(--accent-ink)}.pair-explanation{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0 4px}.pair-explanation summary{font-weight:600;color:var(--accent-ink)}.pair-explanation p{margin:10px 0}.pair-chart-empty{padding:18px;margin-top:20px;border:1px dashed var(--line);border-radius:10px}.pair-chart-empty h3{font-size:15px;margin-bottom:0}.pair-page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:12px;color:var(--muted)}
.comparison-picker h2{font-size:19px;margin-bottom:7px}.comparison-picker>label{display:grid;gap:7px;color:var(--muted);font-size:12px;margin-top:15px}.comparison-gallery.cards{padding:0;margin:16px 0;gap:12px}.comparison-gallery .card-tools{align-self:flex-start}.comparison-gallery .card-actions .button{font-size:11px}.picker-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.picker-page-label{margin-right:auto;font-size:12px;color:var(--muted)}.comparison-tabs{padding-bottom:4px}.comparison-controls{margin-top:15px}
#submission-dialog{width:min(560px,calc(100vw - 24px))}#submission-form{padding:22px;display:grid;gap:13px;font-size:13px;line-height:1.8}#submission-form>p{margin:0}#submission-form>label{font-size:12px;color:var(--muted);font-weight:600}#submission-url{width:100%}#submission-form>.button{justify-self:start}.submission-success{padding:13px 15px;border:1px solid var(--accent);border-radius:9px;color:var(--accent-ink);background:var(--soft)}
@media(max-width:1200px){.wide-label{display:none}.short-label{display:inline}.pair-cover{width:64px;height:82px}.pair-object-main{gap:9px}.pair-object h3{font-size:13px}.pair-object{padding:12px}}
@media(max-width:650px){.feed-modes{padding:14px 12px 0}.feed-modes button{font-size:12px;padding:8px 12px}.topbar>.freshness{order:3;flex-basis:100%;text-align:right;font-size:10px}.topbar{padding-top:8px;padding-bottom:7px}.pair-summaries{grid-template-columns:1fr;gap:10px}.tools-drawer.wide{width:100vw}.pair-object-main .pair-cover{width:60px;height:75px}.pair-object .dream-result{margin-top:10px}.pair-table th,.pair-table td{padding:10px}.comparison-gallery.cards{grid-template-columns:1fr}.comparison-picker h2{font-size:18px}.pair-intro{font-size:12px}.picker-pager .button{font-size:11px}.comparison-gallery .cover{height:230px}#submission-form{padding:16px}.add-link-button{font-size:11px;padding:8px 10px}}

.comparison-gallery.cards[data-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

.pair-metric-title{display:inline-flex;align-items:center;gap:8px}.pair-metric-icon{display:inline-grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:15px;line-height:1}.pair-table .pair-comment{line-height:1.85}
.feed-modes{flex-wrap:wrap}
.page-numbers{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.page-numbers .button{min-width:36px;min-height:36px;padding:6px 10px;font-variant-numeric:tabular-nums}.page-numbers .button[aria-current=page]{border-color:var(--accent);background:var(--soft);color:var(--accent-ink);font-weight:750}.page-gap{min-width:18px;text-align:center;color:var(--muted)}@media(max-width:650px){.pager{gap:7px}.pager>#page-label{flex-basis:100%}.page-numbers{gap:3px;flex:1}.page-numbers .button{min-width:30px;min-height:34px;padding:6px 8px;font-size:12px}.pager>#prev,.pager>#next{font-size:12px;padding:7px 9px}.page-gap{min-width:12px}}