html body .directory-compare-toggle {position:relative!important;z-index:4!important;align-self:flex-start;display:inline-flex!important;align-items:center;justify-content:center;min-height:30px;margin-top:10px;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgb(var(--mono-secondary-rgb,90 95 103))!important;font:inherit!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;box-shadow:none!important;transform:none!important;}
 html body .directory-compare-toggle:hover,html body .directory-compare-toggle[aria-pressed="true"] {color:rgb(var(--mono-ink-rgb,25 28 32))!important;text-decoration:underline;text-underline-offset:4px;}
 html body .directory-compare-toggle:disabled {opacity:.35;cursor:default;text-decoration:none;}
 html body :is(.product-table,.component-table) .directory-compare-toggle {margin-top:2px;min-height:24px;}
 html body .product-row > .directory-compare-toggle {margin:0;}
 html body :is(.directory-compare-tray,.directory-compare-dialog) {color:rgb(var(--mono-ink-rgb,25 28 32))!important;background:rgb(var(--mono-paper-rgb,255 255 255))!important;font-family:inherit;box-sizing:border-box;}
 html body .directory-compare-tray {position:fixed;z-index:1100;bottom:16px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 32px));display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid rgb(var(--mono-line-rgb,220 223 227));border-radius:10px;box-shadow:0 4px 20px #00000012;}
 html body .directory-compare-tray[hidden] {display:none!important;}
 html body .directory-compare-selection {display:flex;flex:1;gap:16px;min-width:0;overflow:auto;}
 html body :is(.directory-compare-tray,.directory-compare-dialog) button {font:inherit;font-size:13px;border:0;background:transparent;color:inherit;padding:8px 4px;cursor:pointer;white-space:nowrap;box-shadow:none!important;}
 html body .directory-compare-selection button {display:flex;gap:10px;align-items:center;}
 html body .directory-compare-selection button span {font-size:18px;color:rgb(var(--mono-secondary-rgb,90 95 103));}
 html body .directory-compare-count {font-size:12px;white-space:nowrap;color:rgb(var(--mono-secondary-rgb,90 95 103));}
 html body .directory-compare-tray .directory-compare-open {background:rgb(var(--mono-ink-rgb,25 28 32))!important;color:rgb(var(--mono-paper-rgb,255 255 255))!important;border-radius:5px;padding:10px 16px;}
 html body .directory-compare-tray button:disabled {opacity:.4;cursor:default;}
 html body .directory-compare-dialog {margin:auto;inset:0;width:min(1120px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid rgb(var(--mono-line-rgb,220 223 227));border-radius:12px;overflow:hidden;}
 html body .directory-compare-dialog[open] {display:flex;flex-direction:column;}
 .directory-compare-dialog::backdrop {background:rgba(var(--mono-ink-rgb, 0,0,0), 0.5333333333333333);}
 html body .directory-compare-header {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 16px;}
 html body .directory-compare-header h2 {font-size:23px!important;font-weight:500!important;letter-spacing:-.025em!important;margin:0!important;text-transform:none!important;}
 html body .directory-compare-header p {font-size:13px;line-height:1.5;color:rgb(var(--mono-secondary-rgb,90 95 103));margin:6px 0 0;}
 html body .directory-compare-controls {display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 28px 18px;font-size:12px;color:rgb(var(--mono-secondary-rgb,90 95 103));}
 html body .directory-compare-controls label {display:flex;gap:8px;align-items:center;cursor:pointer;color:inherit;font-size:12px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;}
 html body .directory-compare-controls input {accent-color:rgb(var(--mono-ink-rgb,25 28 32));}
 html body .directory-compare-scroll {overflow:auto;min-height:0;overscroll-behavior:contain;}
 html body .directory-compare-table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;line-height:1.5;margin:0;}
 html body .directory-compare-table :is(th,td) {padding:14px 24px;text-align:left;vertical-align:top;border:0;border-top:1px solid rgb(var(--mono-line-rgb,220 223 227));overflow-wrap:anywhere;font-weight:400;}
 html body .directory-compare-table tr > :first-child {width:180px;color:rgb(var(--mono-secondary-rgb,90 95 103));font-size:12px;}
 html body .directory-compare-table thead th {position:sticky;top:0;z-index:1;background:rgb(var(--mono-paper-rgb,255 255 255));font-weight:500;padding-block:20px;}
 html body .directory-compare-table a {color:inherit;text-decoration:none;font-size:17px;}
 html body .directory-compare-table a:hover {text-decoration:underline;text-underline-offset:4px;}
 html body .directory-compare-table select {display:block;width:100%;margin-top:12px;padding:8px;border:1px solid rgb(var(--mono-line-rgb,220 223 227));border-radius:4px;font:inherit;font-size:12px;background:rgb(var(--mono-paper-rgb,255 255 255));color:inherit;}
 html body .directory-compare-empty {padding:24px;margin:0;font-size:14px;}
 .directory-compare-announcement {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 @media(max-width:700px) {
  html body .directory-compare-tray {gap:10px;flex-wrap:wrap;bottom:8px;width:calc(100% - 16px);padding:10px 12px;}
  html body .directory-compare-selection {flex-basis:100%;}
  html body .directory-compare-count {margin-right:auto;}
  html body .directory-compare-dialog {width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}
  html body .directory-compare-header {padding:18px 16px 12px;}
  html body .directory-compare-controls {padding:0 16px 16px;flex-wrap:wrap;gap:8px;}
  html body .directory-compare-table {width:max(100%,720px);}
  html body .directory-compare-table tr > :first-child {width:130px;position:sticky;left:0;background:rgb(var(--mono-paper-rgb,255 255 255));z-index:1;}
  html body .directory-compare-table thead tr > :first-child {z-index:2;}
  html body .directory-compare-table :is(th,td) {padding:12px 16px;}
 }

/* Leave the final results and pagination reachable above the selection tray. */
@layer site-typography {
 html body.has-directory-comparison :is(.product-directory-main,.component-main) {padding-bottom:100px!important;}
 @media(max-width:700px) {
  html body.has-directory-comparison :is(.product-directory-main,.component-main) {padding-bottom:150px!important;}
 }
}