.comparison-heading{display:flex;align-items:center;gap:14px;margin:8px 0 25px}
.comparison-heading>.directory-heading-icon{width:44px;height:44px;border-radius:12px}
.comparison-heading h1{font-size:28px;line-height:1.5}
.comparison-heading p{margin-top:5px;font-size:13px;color:var(--muted)}
.comparison-workspace{padding:23px;background:white;border:1px solid #e6ede8;border-radius:13px}
.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:21px}
.comparison-toolbar>strong{font-size:15px;font-weight:600}
.comparison-toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.comparison-toolbar .button,.comparison-toolbar button{font-size:12px;min-height:37px;padding:7px 13px}
.comparison-controls{padding:16px 0;border-top:1px solid #edf1ee}
.comparison-controls nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.comparison-controls nav>button{min-height:34px;padding:5px 12px;font-size:12px;border-color:transparent;border-radius:7px;color:#6b8075;background:#f5f8f6}
.comparison-controls nav>button.active{background:var(--soft);color:var(--deep);font-weight:600}
.comparison-options{display:flex;align-items:center;gap:13px 22px;flex-wrap:wrap}
.comparison-options>label{display:flex;align-items:center;gap:7px;margin:0;color:#63796c;font-size:12px;cursor:pointer}
.comparison-options input{width:15px;height:15px;accent-color:var(--brand)}
.comparison-table-scroll{max-height:calc(100dvh - 225px);min-height:240px;overflow:auto;overscroll-behavior:contain;border:1px solid #e5ece7;border-radius:10px;scrollbar-width:thin;scrollbar-color:#b8cec1 #f5f8f6}
.comparison-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:calc(140px + var(--comparison-count)*205px);font-size:12px;line-height:1.85}
.comparison-table th,.comparison-table td{padding:17px 16px;border-right:1px solid #e8eee9;border-bottom:1px solid #e8eee9;vertical-align:top;text-align:left;overflow-wrap:anywhere;font-weight:400;background:white}
.comparison-table tr>:last-child{border-right:0}
.comparison-table tr>:nth-child(2){--comparison-column-base:#fff;--comparison-column-header:#f7fbf8;--comparison-column-accent:#91bba5;--comparison-column-difference:#f0f8f3}
.comparison-table tr>:nth-child(3){--comparison-column-base:#fff;--comparison-column-header:#f7f9fd;--comparison-column-accent:#a1b6d5;--comparison-column-difference:#f1f5fc}
.comparison-table tr>:nth-child(4){--comparison-column-base:#fff;--comparison-column-header:#faf8fd;--comparison-column-accent:#bda8d2;--comparison-column-difference:#f7f3fb}
.comparison-table tr>:nth-child(5){--comparison-column-base:#fff;--comparison-column-header:#fdfaf5;--comparison-column-accent:#d0b797;--comparison-column-difference:#fcf6eb}
.comparison-table tbody tr:not(.comparison-group-label)>td{background:var(--comparison-column-base,white)}
.comparison-table thead th{position:sticky;top:0;z-index:4;padding:19px 16px;background:#f4f9f6;box-shadow:0 2px 2px #21382b05}
.comparison-table thead th[data-compare-tool-id]{background:var(--comparison-column-header);box-shadow:inset 0 2px 0 var(--comparison-column-accent)}
.comparison-table tr>th:first-child{position:sticky;left:0;z-index:2;width:140px;color:#536b5c;background:#fafcfb;font-weight:500}
.comparison-table thead>tr>th:first-child{z-index:5;background:#f4f7f5;vertical-align:middle;font-weight:600}
.comparison-product{display:flex;align-items:center;gap:9px;min-width:0}
.comparison-logo{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:8px;overflow:hidden;color:var(--deep);font-size:18px;font-weight:600;background:white}
.comparison-logo img{width:100%;height:100%;object-fit:contain}
.comparison-product>a{font-size:14px;font-weight:650;line-height:1.5;flex:1;min-width:0}
.comparison-product>button{display:grid;place-items:center;flex:none;min-height:26px;width:26px;height:26px;padding:0;border-color:transparent;background:transparent;color:#94a69b;font-size:20px}
.comparison-product>button:hover{background:#e6f1e9;color:var(--deep)}
.comparison-product-links{display:flex;gap:12px;margin-top:12px;font-size:11px;color:var(--deep)}
.comparison-table tbody>.comparison-group-label>th{position:static;padding:10px 15px;background:#f7f9f8;color:#536b5c;font-size:12px;font-weight:600;letter-spacing:.4px}
.comparison-table .has-differences>th>small{display:block;margin-top:5px;font-size:10px;color:#7c9b87}
.comparison-table.is-highlighted .has-differences>td.different-value{background:var(--comparison-column-difference,#f0faf4)}
.comparison-table td ul{padding-left:16px;margin:0}
.comparison-table td li+li{margin-top:7px}
.comparison-table details{margin-top:9px}
.comparison-table summary{color:var(--deep);font-size:11px;cursor:pointer}
.comparison-table details p{margin:10px 0;font-size:12px}
.comparison-missing{color:#a2aea5}
.comparison-footnote{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px;color:#82958a;font-size:11px}
.comparison-filter-empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:13px}
.comparison-empty{text-align:center;padding:45px 15px}
.comparison-empty>span{display:grid;place-items:center;margin:0 auto 15px;width:62px;height:62px;border-radius:18px;background:var(--soft);color:var(--deep)}
.comparison-empty svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.comparison-empty h2{font-size:21px}
.comparison-empty p{color:var(--muted);font-size:13px;line-height:1.9;margin:13px auto 23px;max-width:480px}
.comparison-single,.comparison-unavailable{padding:12px 15px;border-radius:8px;background:#f1f8f3;color:#5a8069;font-size:12px;margin-bottom:15px}
.compare-dock{position:fixed;z-index:42;top:50%;right:max(16px,calc((100vw - 1700px)/2 - 70px));transform:translateY(-50%);width:54px}
.compare-dock[hidden]{display:none}
.compare-dock-toggle{position:relative;display:grid;place-items:center;width:54px;height:54px;min-height:54px;padding:0;border:1px solid #dcebe1;border-radius:16px;background:white;color:var(--brand);box-shadow:0 5px 22px #234f3618;transition:box-shadow .2s ease,background .2s ease}
.compare-dock-toggle:hover,.compare-dock.is-open .compare-dock-toggle{background:#f0faf5;border-color:#dcebe1;box-shadow:0 8px 28px #234f3624}
.compare-dock-toggle>svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.compare-dock-badge{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border:2px solid white;border-radius:12px;background:var(--brand);color:white;font-size:11px;line-height:1;font-weight:600}
.compare-dock-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:7px 11px;background:#244c38;color:white;border-radius:7px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease}
.compare-dock-toggle:hover~.compare-dock-tip,.compare-dock-toggle:focus-visible~.compare-dock-tip{opacity:1}
.compare-dock.is-open .compare-dock-tip{opacity:0}
.compare-dock-panel{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);width:310px;max-width:calc(100vw - 100px);padding:17px;background:white;border:1px solid #dfebe3;border-radius:13px;box-shadow:0 12px 45px #1e4b3126}
.compare-dock-panel[hidden]{display:none}
.compare-dock-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.compare-dock-panel>header>button{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:#91a398;font-size:20px}
.compare-dock-title{font-size:11px;color:#859b8d}
.compare-dock-title strong{display:block;font-size:14px;color:var(--deep);font-weight:600}
.compare-dock-items{display:grid;gap:7px;min-width:0;margin-bottom:15px}
.compare-dock-chip{display:flex;align-items:center;gap:8px;padding:6px 7px 6px 10px;border:1px solid #e6eee8;border-radius:7px;background:#f5f9f6;min-width:0;color:#456b51;font-size:12px}
.compare-dock-chip>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compare-dock-chip>button{min-height:28px;width:28px;height:28px;flex:none;padding:0;border:0;border-radius:5px;background:transparent;color:#8ba091;font-size:16px}
.compare-dock-chip>button:hover{background:#e4f0e7;color:var(--deep)}
.compare-dock-actions{display:flex;align-items:center;gap:12px}
.compare-dock-actions>a{flex:1;min-height:37px;padding:8px 13px;font-size:12px;white-space:nowrap}
.compare-dock-actions>button{padding:5px;min-height:30px;border:0;background:transparent;color:#7e9685;font-size:11px}
.compare-replace-dialog{width:480px;padding:24px;border-color:#dfebe2}
.compare-replace-dialog h2{font-size:21px;margin-bottom:10px}
.compare-replace-dialog p{font-size:13px;color:var(--muted);line-height:1.8}
.compare-replace-options{display:grid;gap:9px;margin:19px 0}
.compare-replace-options>button{justify-content:space-between;padding:10px 14px;min-height:44px;font-size:13px}
.compare-replace-options>button small{color:var(--deep);font-size:11px;flex:none}
.compare-replace-dialog>button{font-size:12px}
@media(min-width:961px) and (max-width:1840px){.compare-dock{top:auto;bottom:24px;transform:none}.compare-dock-panel{right:0;top:auto;bottom:calc(100% + 12px);transform:none}}
@media(max-width:960px){.compare-dock{right:14px}.comparison-heading h1{font-size:25px}.comparison-workspace{padding:19px}.comparison-toolbar>div{gap:9px}}
@media(max-width:650px){.comparison-heading{gap:11px;align-items:flex-start}.comparison-heading h1{font-size:24px}.comparison-heading p{font-size:12px}.comparison-workspace{padding:15px}.comparison-toolbar{gap:12px}.comparison-toolbar>div{width:100%}.comparison-toolbar .button,.comparison-toolbar button{min-height:40px;padding:8px 10px}.comparison-controls nav{gap:5px}.comparison-controls nav>button{padding:6px 10px;min-height:40px}.comparison-options{gap:12px}.comparison-options>label{font-size:11px;min-height:30px}.comparison-table-scroll{max-height:65dvh;min-height:220px}.comparison-table{min-width:calc(115px + var(--comparison-count)*185px)}.comparison-table tr>th:first-child{width:115px}.comparison-table th,.comparison-table td{padding:13px 12px}.compare-dock{width:48px;top:auto;bottom:calc(84px + env(safe-area-inset-bottom));transform:none}.compare-dock-toggle{width:48px;height:48px;min-height:48px;border-radius:14px}.compare-dock-panel{right:0;top:auto;bottom:calc(100% + 12px);transform:none;width:310px;max-width:calc(100vw - 28px)}.compare-dock-chip>button{width:34px;height:34px;min-height:34px}.compare-dock-title strong{font-size:14px}.compare-dock-actions>a{min-height:40px}}
@media(prefers-reduced-motion:reduce){.compare-dock-toggle,.compare-dock-tip{transition:none}}