/* Benchmarked comparisons and discovery (Phase 10 Step 3). Builds on
   account.css (buttons, .bm-sr). Live kit colours only: text #191919, body
   #555555, muted #6B6B6B, border #E2E2E2, green #087443 / #055C35. 44px
   minimum targets. Scoped to .bm-*. */

/* Picker */
html body .bm-compare-picker{display:grid;gap:28px;max-width:860px;margin:0;}
html body .bm-compare-picker__step{display:grid;gap:12px;margin:0;padding:0;border:0;min-width:0;}
html body .bm-compare-picker__label{padding:0;font-family:var(--bmx-font-heading,"Geist",sans-serif);font-size:1.125rem;font-weight:500;color:#191919;}
html body .bm-compare-picker__row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;}
html body .bm-compare-picker__select{box-sizing:border-box;flex:1 1 260px;min-height:48px;max-width:100%;padding:8px 36px 8px 12px;border:1px solid #C8C8C8;border-radius:2px;background:#FFFFFF;color:#191919;font:400 1rem/1.4 var(--bmx-font-body,"General Sans",sans-serif);}
html body .bm-compare-picker__select:focus{outline:2px solid #087443;outline-offset:1px;border-color:#087443;}
html body .bm-compare-picker .bm-button{width:auto;}
html body .bm-compare-picker__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px;border-top:1px solid #E2E2E2;}
html body .bm-compare-picker__list li{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid #E2E2E2;}
html body .bm-compare-picker__list input{width:20px;height:20px;margin:0;accent-color:#087443;flex:none;}
html body .bm-compare-picker__list label{flex:1;padding:12px 0;color:#191919;cursor:pointer;}
html body .bm-compare-picker__empty{margin:0;color:#555555;}
html body .bm-compare-picker__hint{margin:0;font-size:.875rem;color:#6B6B6B;}
html body .bm-compare__notice{margin:0 0 24px;padding:14px 16px;border-left:3px solid #B42318;background:#FDF0EE;color:#191919;}
html body .bm-compare__notice p{margin:0;}
html body .bm-compare__notice-title{font-weight:600;}

/* Table */
html body .bm-compare{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;max-width:100%;}
html body .bm-compare__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;}
html body .bm-compare__diff{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#191919;cursor:pointer;}
html body .bm-compare__diff input{width:20px;height:20px;margin:0;accent-color:#087443;}
html body .bm-compare__change{display:inline-flex;align-items:center;min-height:44px;color:#055C35;font-weight:500;text-decoration:underline;text-underline-offset:3px;}
html body .bm-compare__swipe{display:none;margin:0;font-size:.875rem;color:#6B6B6B;}
html body .bm-compare__scroll{min-width:0;max-width:100%;overflow-x:auto;contain:paint;-webkit-overflow-scrolling:touch;border-top:1px solid #191919;}
html body .bm-compare__scroll:focus-visible{outline:2px solid #087443;outline-offset:2px;}
html body .bm-compare__table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9375rem;line-height:1.5;color:#191919;margin:0;}
html body .bm-compare__table th,html body .bm-compare__table td{padding:14px 16px 14px 0;border:0;border-bottom:1px solid #E2E2E2;text-align:left;vertical-align:top;background:transparent;overflow-wrap:anywhere;}
html body .bm-compare__table thead th,html body .bm-compare__corner{position:sticky;top:0;background:#FFFFFF;}
html body .bm-compare__product a{display:block;font-family:var(--bmx-font-heading,"Geist",sans-serif);font-size:1.125rem;font-weight:500;color:#191919;text-decoration:none;}
html body .bm-compare__product a:hover{color:#055C35;text-decoration:underline;text-underline-offset:3px;}
html body .bm-compare__company{display:block;margin-top:2px;font-size:.8125rem;font-weight:400;color:#6B6B6B;}
html body .bm-compare__table tbody th[scope="row"]{width:28%;font-weight:500;color:#555555;}
html body .bm-compare__section th{padding-top:28px;font:500 .75rem/1.6 var(--bmx-font-mono,"Geist Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:#6B6B6B;border-bottom:1px solid #191919;}
html body .bm-compare__cell.is-missing{color:#6B6B6B;font-style:italic;}
html body .bm-compare__cell a{color:#055C35;}
html body .bm-compare.is-diff .bm-compare__row.is-same{display:none;}
html body .bm-compare__note{margin:0;font-size:.875rem;line-height:1.6;color:#6B6B6B;max-width:72ch;}
@media (max-width:767px){
html body .bm-compare__swipe{display:block;}
html body .bm-compare__table{table-layout:auto;min-width:calc(140px + var(--bm-cols,2) * 170px);}
html body .bm-compare__table--3{--bm-cols:3;}
html body .bm-compare__table--4{--bm-cols:4;}
html body .bm-compare__table tbody th[scope="row"],html body .bm-compare__corner{position:sticky;left:0;z-index:1;width:140px;background:#FFFFFF;box-shadow:1px 0 0 #E2E2E2;padding-left:0;}
html body .bm-compare__section th{position:static;}
}

/* Discovery */
html body .bm-discovery{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;min-width:0;}
html body .bm-discovery__title{margin:0;font-family:var(--bmx-font-heading,"Geist",sans-serif);font-size:1.375rem;font-weight:500;letter-spacing:-.01em;color:#191919;}
html body .bm-discovery__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px;border-top:1px solid #E2E2E2;}
html body .bm-discovery__item{border-bottom:1px solid #E2E2E2;}
html body .bm-discovery__item a{display:grid;gap:2px;min-height:44px;padding:14px 0;text-decoration:none;}
html body .bm-discovery__name{font-weight:500;color:#191919;}
html body .bm-discovery__item a:hover .bm-discovery__name{color:#055C35;text-decoration:underline;text-underline-offset:3px;}
html body .bm-discovery__meta{font-size:.8125rem;color:#6B6B6B;}
html body .bm-discovery__note,html body .bm-discovery__empty{margin:0;font-size:.875rem;color:#6B6B6B;}
html body .bm-discovery__compare{margin:0;}
html body .bm-discovery__compare a{display:inline-flex;align-items:center;min-height:44px;color:#055C35;font-weight:500;text-decoration:underline;text-underline-offset:3px;}
html body .bm-discovery__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
html body .bm-discovery__chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #E2E2E2;border-radius:999px;background:#FFFFFF;color:#191919;text-decoration:none;}
html body .bm-discovery__chip:hover{border-color:#087443;color:#055C35;}
html body .bm-discovery a:focus-visible,html body .bm-compare a:focus-visible{outline:2px solid #087443;outline-offset:2px;}

/* Compare toggle and tray */
html body .bm-compare-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #191919;border-radius:2px;background:#FFFFFF;color:#191919;font:600 .9375rem/1.2 var(--bmx-font-body,"General Sans",sans-serif);cursor:pointer;}
html body .bm-compare-toggle:hover{background:#F7F7F7;color:#191919;}
html body .bm-compare-toggle[aria-pressed="true"]{background:#191919;color:#FFFFFF;}
html body .bm-compare-toggle:focus-visible,html body .bm-tray button:focus-visible,html body .bm-tray a:focus-visible{outline:2px solid #087443;outline-offset:2px;}
html body .bm-tray{position:fixed;left:16px;right:16px;bottom:16px;z-index:9990;max-width:860px;margin:0 auto;padding:14px 16px;border:1px solid #191919;border-radius:2px;background:#FFFFFF;color:#191919;box-shadow:0 8px 24px rgba(25,25,25,.12);display:grid;gap:10px;}
html body .bm-tray[hidden]{display:none;}
html body .bm-tray__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;}
html body .bm-tray__title{margin:0;font-weight:600;}
html body .bm-tray__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
html body .bm-tray__list li{display:inline-flex;align-items:center;gap:4px;padding-left:12px;border:1px solid #E2E2E2;border-radius:999px;font-size:.875rem;}
html body .bm-tray__remove{min-width:44px;min-height:40px;border:0;background:transparent;color:#555555;cursor:pointer;font-size:1.125rem;line-height:1;}
html body .bm-tray__remove:hover{background:transparent;color:#191919;}
html body .bm-tray__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
html body .bm-tray__go{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:2px;background:#191919;color:#FFFFFF;font-weight:600;text-decoration:none;}
html body .bm-tray__go:hover{background:#055C35;color:#FFFFFF;}
html body .bm-tray__go[aria-disabled="true"]{background:#E2E2E2;color:#555555;pointer-events:none;}
html body .bm-tray__clear{min-height:44px;padding:0 12px;border:0;background:transparent;color:#055C35;text-decoration:underline;cursor:pointer;font:500 .9375rem var(--bmx-font-body,"General Sans",sans-serif);}
html body .bm-tray__clear:hover{background:transparent;color:#087443;}
html body .bm-tray__msg{margin:0;font-size:.875rem;color:#B42318;}
html body .bm-tray__msg:empty{display:none;}
@media (prefers-reduced-motion:reduce){html body .bm-tray{transition:none;}}