/* The published comparison matrix, restyled for the marketing storefront. */
.cmp-lead{margin:0 0 20px;max-width:92ch;font-size:13.5px;line-height:1.65;color:#425666;padding-left:14px;border-left:2px solid var(--site-red)}
.cmp-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin:0 0 20px;font-family:var(--site-mono);font-size:10.5px;letter-spacing:.1em;color:#5b6c79}
.cmp-legend .i{display:flex;align-items:center;gap:8px}
.cmp-m{font-family:var(--site-font);font-size:14px;font-weight:600;line-height:1;display:inline-block;min-width:1ch}
.cmp-yes{color:#2e684c}
.cmp-half{width:11px;height:11px;min-width:0;flex:none;font-size:0;line-height:0;position:relative;top:1px;border:1.5px solid #2e684c;border-radius:50%;background:linear-gradient(90deg,#2e684c 0 50%,transparent 50% 100%)}
.cmp-no{color:#60717d}
.cmp-unk{color:#5f717e}
.cmp-t tr.win td.f{background:color-mix(in srgb,var(--site-red) 14%,#ffffff);border-left:2px solid var(--site-red);color:#202c38}
.cmp-t tr.win:hover td.f{background:color-mix(in srgb,var(--site-red) 20%,#ffffff)}
.cmp-t tr.win td.f .onlyva{display:block;margin-top:3px;font-family:var(--site-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:#a9363e}
.cmp-winkey{display:inline-block;width:3px;height:12px;border-radius:1px;background:var(--site-red)}
.cmp-scroll{overflow-x:auto;border:1px solid #ccd5dd;border-radius:5px;background:#ffffff}
.cmp-t{border-collapse:collapse;width:100%;min-width:1320px;font-variant-numeric:tabular-nums}
.cmp-t th{padding:14px 16px;text-align:left;vertical-align:bottom;font-family:var(--site-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#425666;background:#f0f3f6;border-bottom:1px solid #ccd5dd}
.cmp-t tr.vendor th{padding-bottom:6px;font-size:11px;letter-spacing:.18em;color:#5b6c79;border-bottom:1px solid #ccd5dd}
.cmp-t tr.vendor th.f{border-bottom:1px solid #ccd5dd}
.cmp-t th.grp{border-left:1px solid #ccd5dd}
.cmp-t tr.vendor th.va{color:#245e43}
.cmp-t th .sub{display:block;margin-top:4px;color:#5f717e;letter-spacing:.1em}
.cmp-t td{padding:8px 14px;vertical-align:top;font-size:12.5px;color:#425666;border-bottom:1px solid var(--site-line)}
.cmp-t .f{position:sticky;left:0;z-index:2;min-width:228px;background:#ffffff;color:#202c38;border-right:1px solid #ccd5dd}
.cmp-t th.f{z-index:3;background:#f0f3f6}
.cmp-t .f .hint{display:block;margin-top:2px;font-size:10.5px;line-height:1.35;color:#5f717e}
.cmp-t td.va{background:color-mix(in srgb,#d5e7dc 30%,transparent)}
.cmp-t th.va{background:color-mix(in srgb,#d5e7dc 55%,transparent);color:#245e43}
.cmp-t .vafirst{border-left:1px solid #a6c1b0}
.cmp-t tr.band td{padding:6px 14px;font-family:var(--site-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#5b6c79;background:#f0f3f6;border-top:1px solid #ccd5dd;border-bottom:1px solid #ccd5dd}
.cmp-c{display:flex;gap:9px;align-items:baseline}
.cmp-both{display:block}
.cmp-both-marks{display:grid;grid-template-columns:19fr 28fr;margin-bottom:3px}

.cmp-c .n{font-size:11.5px;line-height:1.42;color:#4f6372}
.cmp-c .n.dim{color:#5f717e}
.n .soon{display:inline-flex;align-items:center;margin-left:7px;padding:1px 7px;border:1px dashed #60717d;border-radius:999px;font-family:var(--site-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#5b6c79;white-space:nowrap;vertical-align:middle}
.cmp-t code{font-family:var(--site-mono);font-size:11.5px;color:#425666}
.cmp-t em{font-style:normal;color:#2e684c}
.cmp-foot{margin:18px 0 0;max-width:86ch;font-size:12px;line-height:1.6;color:#5f717e}

.storefront .evaluation-hero h1 { max-width: 30ch; }
.storefront .evaluation-jump { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 32px; }
.storefront .evaluation-jump a { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 25px 28px; border: 1px solid #b6c4cf; border-radius: 3px; text-decoration: none; }
.storefront .evaluation-jump a:hover { background: #edf2f5; border-color: #738a9b; }
.storefront .evaluation-jump strong { display: block; font-size: 17px; font-weight: 500; }
.storefront .evaluation-jump small { display: block; margin-top: 4px; font-size: 12px; color: #536977; }
.storefront .evaluation-table { width: min(1440px, calc(100% - 80px)); margin-inline: auto; }
.storefront .impact-summary { padding-bottom: 64px; }
.storefront .impact-summary .comparison { min-width: 720px; }
.storefront .impact-summary .comparison tbody th { width: 37%; }
.storefront .impact-summary .comparison td { width: 21%; }
.storefront .impact-note { color: #536977; font-size: 12px; margin-top: 20px; max-width: 100ch; }
.storefront .category-nav { display: flex; gap: 12px 24px; flex-wrap: wrap; padding: 20px 0 26px; font-size: 11px; }
.storefront .category-nav a { color: #365b78; text-decoration: underline; }
.storefront .cmp-foot { max-width: 110ch; margin: 20px 0 0; font-size: 12px; }
@media(max-width:1000px) { .storefront .evaluation-table { width: calc(100% - 80px); } }
@media(max-width:760px) { .storefront .evaluation-table { width: calc(100% - 40px); } .storefront .evaluation-jump { grid-template-columns: 1fr; gap: 12px; padding-bottom: 32px; } .storefront .evaluation-jump a { padding: 20px; } .cmp-t .f { position: static; } .cmp-legend { font-size: 9px; } }