/* Keep the preference and explanation readable in every bidder theme. */
.market-personal { margin: .7rem 0 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); }
.market-personal summary { min-height: 44px; box-sizing: border-box; padding: .8rem 1rem; font-weight: 750; cursor: pointer; }
.market-personal-body { padding: 0 1rem 1rem; max-width: 60rem; }
.market-personal-body p { line-height: 1.5; margin: .4rem 0 .7rem; }
.market-personal-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.market-personal-actions form, .market-personal-reason form { margin: 0; }
.market-personal-actions button, .market-personal-reason button { min-height: 44px; padding: .55rem .7rem; font: inherit; font-weight: 650; border: 1px solid currentColor; border-radius: 8px; color: var(--ink); background: var(--card); cursor: pointer; }
.market-personal-actions a, .market-personal-actions a:visited { color: var(--ink); min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: .2em; }
.market-personal-small { font-size: .82rem; }
.market-personal-reason { border-left: 3px solid var(--ink); padding-left: .6rem; margin: .5rem 0; color: var(--ink); }
.market-personal-reason p { margin: 0 0 .25rem; font-size: .8rem; line-height: 1.45; }
.market-personal-reason button { font-size: .8rem; }
.market-personal :focus-visible, .market-personal-reason :focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.market-personal button:hover, .market-personal-reason button:hover { text-decoration: underline; }
.market-search-understanding { display: flex; flex-wrap: wrap; gap: .4rem; color: var(--ink); }
.market-search-understanding span { border: 1px solid var(--line); border-radius: 7px; padding: .35rem .55rem; background: var(--card); }

.market-refine { border: 1px solid var(--line); border-radius: 12px; margin: .4rem 0 1rem; background: var(--card); color: var(--ink); }
.market-refine summary { min-height: 44px; box-sizing: border-box; padding: .8rem 1rem; cursor: pointer; font-weight: 750; }
.market-refine-form { padding: 0 1rem 1rem; }
.market-refine-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: .8rem; }
.market-refine label { display: flex; flex-direction: column; gap: .35rem; min-width: 0; font-weight: 650; }
.market-refine input, .market-refine select { min-width: 0; width: 100%; max-width: 100%; min-height: 44px; height: max(44px, 2.75rem); box-sizing: border-box; padding: .5rem; border: 1px solid var(--ink); border-radius: 7px; background: var(--card); color: var(--ink); font: inherit; }
.market-refine p { font-size: .85rem; line-height: 1.5; }
.market-refine-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.market-refine button, .market-refine a, .market-refine a:visited { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; font: inherit; font-weight: 650; color: var(--ink); background: var(--card); }
.market-refine button { padding: .5rem .8rem; border: 1px solid var(--ink); border-radius: 7px; cursor: pointer; }
.market-refine a { text-decoration: underline; text-underline-offset: .2em; }
.market-refine :focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.market-refine button:hover { text-decoration: underline; }
.market-filter-errors { border-left: 3px solid var(--ink); padding: .6rem; margin-bottom: .8rem; }