/* Scoped comparison layout: no overlay, inner vertical scroll or framework overrides. */
.comparison-page { padding: 8rem 1rem 3rem; max-width: 1440px; margin: auto; }
.comparison-page h1 { font-size: clamp(1.5rem, 3vw, 2rem); }
.comparison-toolbar, .comparison-pair, .comparison-selection { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.comparison-toolbar { justify-content: space-between; margin: 1.25rem 0; }
.comparison-toolbar label { display: inline-flex; align-items: center; gap: .5rem; margin: 0; }
.comparison-selection { margin: .75rem 0; }
.comparison-choice { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .5rem .75rem; border: 1px solid #dce0eb; border-radius: .5rem; max-width: 100%; background: white; }
.comparison-choice a, .comparison-choice span { overflow-wrap: anywhere; min-width: 0; }
.comparison-button { border: 1px solid #6259ca; background: white; color: #453aaf; border-radius: .35rem; padding: .4rem .65rem; font: inherit; cursor: pointer; }
.comparison-button:hover, .comparison-button[aria-pressed="true"] { background: #efedff; }
.comparison-button:disabled { opacity: .6; cursor: wait; }
.comparison-button:focus-visible, .comparison-page a:focus-visible, .comparison-pair select:focus-visible { outline: 3px solid #6259ca; outline-offset: 3px; }
.comparison-status { min-height: 1.5em; margin: .5rem 0; overflow-wrap: anywhere; }
.comparison-pair { margin: 1rem 0; }
.comparison-pair label { flex: 1 1 15rem; min-width: 0; }
.comparison-pair select { display: block; width: 100%; max-width: 100%; border: 1px solid #cad0e0; border-radius: .35rem; padding: .6rem; color: #162946; background: white; }
.comparison-table { width: 100%; table-layout: fixed; border-collapse: collapse; background: white; color: #162946; }
.comparison-table caption { text-align: left; color: #59637d; padding: .75rem 0; caption-side: top; }
.comparison-table th, .comparison-table td { border: 1px solid #dfe3ed; padding: .85rem; vertical-align: top; overflow-wrap: anywhere; white-space: normal; }
.comparison-table thead th:first-child { width: 18%; }
.comparison-table th { font-weight: 600; text-align: left; }
.comparison-table thead img { display: block; width: 100%; height: 150px; object-fit: cover; border-radius: .4rem; margin-bottom: .75rem; }
.comparison-table thead a, .comparison-table thead small, .comparison-table td > a { display: block; margin: .4rem 0; }
.comparison-table small { color: #5b6580; font-weight: 400; }
.comparison-group { background: #f0f2f8; }
.comparison-different { background: #f6f4ff; }
.comparison-difference-label { display: block; font-size: .7rem; font-weight: 400; color: #5c529b; margin-top: .3rem; }
.comparison-table details { margin-top: .7rem; font-size: .85rem; }
.comparison-table summary { cursor: pointer; }
.comparison-table blockquote { margin: .5rem 0; padding: .5rem; border-left: 2px solid #b9b2e9; white-space: pre-wrap; }
.comparison-card-control { margin: .65rem 0; position: relative; z-index: 2; }
[data-comparison-pair][hidden] { display: none; }
[data-comparison-summary][hidden], [data-comparison-message][hidden] { display: none !important; }
.auction-card-titlebar { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .5rem; min-width: 0; margin-bottom: .75rem; }
.auction-card-title { flex: 1 1 12rem; min-width: 0; }
.auction-card-title h4 { margin: 0 !important; overflow-wrap: anywhere; }
.auction-card-actions { display: flex; flex: 0 0 auto; gap: 4px; margin-left: auto; position: relative; z-index: 2; }
.auction-card-action { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 36px; height: 36px; padding: 0; border: 1px solid #cad4e3; border-radius: 4px; background: #fff; color: #173f70; text-decoration: none; font-size: 14px; line-height: 1; }
.auction-card-action:hover { color: #173f70; background: #edf2f9; }
.auction-card-action:focus-visible { outline: 3px solid #6259ca; outline-offset: 2px; }
.comparison-icon[aria-pressed="true"] { color: #fff; background: #173f70; border-color: #173f70; }
.comparison-icon-selected { display: none; position: absolute; right: 2px; bottom: 1px; font-size: 10px; }
.comparison-icon[aria-pressed="true"] .comparison-icon-selected { display: block; }
.dark-theme .auction-card-action { background: #1b293e; color: #e1eafa; border-color: #53627a; }
.dark-theme .comparison-icon[aria-pressed="true"] { background: #b9d5ff; color: #142b48; border-color: #b9d5ff; }
@media (max-width: 599px) {
 .auction-card-title { flex-basis: 100%; }
 .auction-card-action { width: 44px; height: 44px; }
}
@media (max-width: 599px) {
 .comparison-page { padding: 6rem .5rem 2rem; }
 .comparison-table th, .comparison-table td { padding: .4rem; font-size: .8rem; }
 .comparison-table, .comparison-table thead, .comparison-table tbody { display: block; }
 .comparison-table caption { display: block; width: 100%; }
 .comparison-table tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
 .comparison-table thead th:first-child { display: none; }
 .comparison-table tbody th { grid-column: 1 / -1; }
 .comparison-table td { min-width: 0; }
 .comparison-difference-label { display: inline; margin-left: .5rem; }
 .comparison-table thead img { height: 90px; }
 .comparison-table .comparison-button { padding: .35rem; font-size: .75rem; }
 .comparison-toolbar { align-items: flex-start; }
}