/* competitor analysis (staff only) */
.cm{width:min(1040px,100%);margin:0 auto;padding:18px 16px 64px;display:grid;gap:14px}
.cm h1{margin:0;color:var(--ms-navy);font-size:clamp(22px,3.2vw,30px);line-height:1.5}
.cm-lead{margin:0;color:var(--ms-ink);font-size:14px;line-height:1.95}
.cm-note{margin:6px 0;color:var(--ms-muted);font-size:14px;line-height:1.9}
.cm-src{margin:0;color:var(--ms-muted);font-size:12.5px}
.cm-warn{margin:0;padding:10px 14px;border-radius:12px;background:#fff6e0;color:#7a4b00;font-size:12.5px;font-weight:700;line-height:1.9}
.cm-err{margin:0;padding:10px 14px;border-radius:12px;background:#fff1f0;color:#b42318;font-size:13.5px;font-weight:700}
.cm-ok{margin:0;padding:10px 14px;border-radius:12px;background:#ecfdf3;color:#0c6b3d;font-size:13.5px;font-weight:700}
.cm-box{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--ms-line);border-radius:18px;background:#fff;box-shadow:var(--ms-shadow)}
.cm-box h2,.cm-sec h2{margin:0;color:var(--ms-navy);font-size:18px}.cm-box h3{margin:0;color:var(--ms-muted);font-size:13px}
.cm-box p,.cm-concl p{margin:0;color:var(--ms-ink);font-size:14px;line-height:2}
.cm-fix{padding:10px 14px;border-radius:12px;background:#fff4c2;border-inline-start:4px solid #ffcc2a}.cm-fix b{color:var(--ms-navy);font-size:13px}
.cm-sec{display:grid;gap:10px}.cm-sub{margin:0;color:var(--ms-muted);font-size:13px}
.cm-bar{display:grid;gap:8px}
.cm-bar input{width:100%;box-sizing:border-box;min-height:46px;padding:0 14px;border:1px solid var(--ms-line);border-radius:14px;background:#fff;color:var(--ms-ink);font:600 14px/1 Estedad,Tahoma,sans-serif}
.cm-chips{display:flex;flex-wrap:wrap;gap:6px;position:relative}
.cm-chip{position:relative;z-index:1;min-height:38px;padding:0 14px;border:1px solid var(--ms-line);border-radius:999px;background:transparent;color:var(--ms-navy);font:800 13px/1 Estedad,Tahoma,sans-serif;cursor:pointer}
.cm-chip[aria-pressed=true]{border-color:transparent;color:#fff}
.ms-pill.chip{z-index:0;border-radius:999px;background:var(--ms-navy)}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch}
.cm-grid.two{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.cm-card{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--ms-line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(7,27,54,.05)}
.cm-card.soft{background:#f8fafd}.cm-card h3{margin:0;color:var(--ms-navy);font-size:15.5px;line-height:1.7}.cm-card p{margin:0;color:var(--ms-ink);font-size:13.5px;line-height:1.95}
.cm-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cm-top h3{display:flex;align-items:baseline;gap:8px}
.cm-n{color:var(--ms-muted);font-size:13px}
.cm-th{flex:none;padding:2px 11px;border-radius:999px;background:#eef2f8;color:var(--ms-navy);font-size:12px;font-weight:800;white-space:nowrap}
.cm-th.high{background:#fde7e4;color:#b42318}.cm-th.mid-high{background:#ffefd1;color:#8a4a00}.cm-th.mid{background:#fff6d6;color:#7a5b00}.cm-th.direct{background:#e8f0ff;color:#1746b5}.cm-th.low{background:#eef2f8;color:#51627a}
.cm-card dl{display:grid;gap:6px;margin:0}.cm-card dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}
.cm-card dt{color:var(--ms-muted);font-size:12.5px;font-weight:700}.cm-card dd{margin:0;color:var(--ms-ink);font-size:13.5px;line-height:1.85;overflow-wrap:anywhere}
.cm-ver{color:#14804a!important;font-size:12.5px!important;font-weight:800}
.cm-tw{overflow:auto;border:1px solid var(--ms-line);border-radius:16px;background:#fff}
.cm-table{width:100%;border-collapse:collapse;font-size:13.5px}
.cm-table th{padding:10px 12px;background:#10243f;color:#fff;text-align:start;font-size:13px}
.cm-table td{padding:10px 12px;border-top:1px solid #e9edf3;vertical-align:top;line-height:1.8}
.cm-table tbody tr:nth-child(even) td{background:#f8fafd}
.cm-concl{padding:16px 18px;border-radius:18px;background:#10243f}.cm-concl h2,.cm-concl p,.cm-concl .cm-sub{color:#fff}.cm-concl .cm-sub{opacity:.75}
.cm-concl blockquote{margin:6px 0 0;padding:12px 16px;border-radius:12px;background:rgba(255,204,42,.14);border-inline-start:4px solid #ffcc2a;color:#ffe08a;font-weight:800;line-height:2}
.cm-btn{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ms-navy);border-radius:12px;background:var(--ms-navy);color:#fff;font:800 13.5px/1 Estedad,Tahoma,sans-serif;cursor:pointer}
.cm-btn.alt{background:#fff;color:var(--ms-navy)}
@media(max-width:700px){.cm-card dl div{grid-template-columns:1fr;gap:0}.cm-table thead{display:none}.cm-table tr{display:grid;gap:2px;padding:10px 12px;border-top:1px solid #e9edf3}.cm-table td{border:0;padding:2px 0}.cm-table td::before{content:attr(data-l) ": ";color:var(--ms-muted);font-size:12px}}

/* the second look at each competitor's site */
.cm-ok2{margin:0;padding:10px 14px;border-radius:12px;background:#e8f7ee;color:#0c5c36;font-size:13px;font-weight:600;line-height:1.95}.cm-ok2 b{font-weight:800}
.cm-v{margin-top:4px;border-top:1px dashed var(--ms-line);padding-top:6px}
.cm-v summary{cursor:pointer;color:#1746b5;font-size:13px;font-weight:800;line-height:1.9;list-style:none}
.cm-v summary::-webkit-details-marker{display:none}
.cm-v summary::before{content:"▾ ";color:#8a97ab}.cm-v[open] summary::before{content:"▴ "}
.cm-site{color:#1746b5}.cm-nosite{color:#b54708}
.cm-chk{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.cm-chk li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.9;color:#35465e}
.cm-chk b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%}.cm-chk b svg{width:14px;height:14px}
.cm-chk .ok b{background:#e8f7ee;color:#0c6b3d}.cm-chk .diff b{background:#fff1d6;color:#8a4a00}.cm-chk .none b{background:#eef2f8;color:#667085}
.cm-chk em{font-style:normal;font-weight:800;color:var(--ms-navy)}.cm-chk i{font-style:normal;color:var(--ms-muted);font-size:12px}
.cm-more{display:grid;gap:6px;margin:10px 0 0}.cm-more div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}
.cm-more dt{color:var(--ms-muted);font-size:12.5px;font-weight:700}.cm-more dd{margin:0;color:var(--ms-ink);font-size:13.5px;line-height:1.85;overflow-wrap:anywhere}
.cm-vr td{padding-top:0!important}
/* phones: bigger text, one column */
@media(max-width:700px){
  .cm{padding-inline:12px}
  .cm-card dt,.cm-more dt{font-size:13px}.cm-card dd,.cm-more dd{font-size:15px;line-height:1.9}
  .cm-card h3{font-size:16.5px}.cm-lead{font-size:15px}
  .cm-chk li{font-size:14.5px}.cm-more div{grid-template-columns:1fr;gap:0}
  .cm-vr,.cm-vr td{display:block}
}

/* short equal-height cards, the popup, and the AI summary */
.cm-tz{display:flex;flex-direction:column;gap:8px;cursor:pointer}
.cm-tz .cm-top{align-items:flex-start;flex-wrap:wrap}
.cm-lead2{margin:0;color:#35465e;font-size:13.5px;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cm-ql{display:flex;flex-wrap:wrap;gap:6px}
.cm-q{padding:2px 10px;border-radius:999px;background:#eff6ff;color:#1746b5;font-size:12px;font-weight:800;text-decoration:none}
.cm-more-btn{margin-top:auto;justify-self:start;align-self:flex-start;padding:0;border:0;background:none;color:#1746b5;font:800 13px/1.6 Estedad,Tahoma,sans-serif;cursor:pointer}
.cm-dialog{width:min(680px,calc(100vw - 20px));max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;border:1px solid #d0d5dd;border-radius:22px;background:#fff;color:var(--ms-ink);box-shadow:0 28px 80px rgba(5,25,52,.32)}
.cm-dialog::backdrop{background:rgba(5,25,52,.55)}
.cm-dbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid #eef1f6}
.cm-dbar h2{margin:0;color:var(--ms-navy);font-size:17px;line-height:1.6}
.cm-x{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--ms-line);border-radius:12px;background:#fff;color:var(--ms-navy);cursor:pointer}.cm-x svg{width:20px;height:20px}
.cm-dbody{display:grid;gap:10px;padding:12px 16px 20px}.cm-dbody p{margin:0}
.cm-h4{margin:6px 0 0;color:var(--ms-navy);font-size:14px}
.cm-ct{display:grid;gap:6px;margin:0}.cm-ct>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px}
.cm-ct dt{color:var(--ms-muted);font-size:12.5px;font-weight:700}.cm-ct dd{margin:0;color:var(--ms-ink);font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.cm-ct a{color:#1746b5;font-weight:700}
.cm-aibox{display:grid;gap:8px;padding:10px 12px;border-radius:16px;background:linear-gradient(120deg,#f1f0ff,#eaf3ff)}
.cm-ai{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--ms-navy);color:#fff;font:800 13.5px/1 Estedad,Tahoma,sans-serif;cursor:pointer}
.cm-ai svg{width:18px;height:18px;color:#ffcc2a}
.cm-aiout p{color:#1d2b44;font-size:14.5px;line-height:2}
.cm-aiout small{display:block;margin-top:4px;color:var(--ms-muted);font-size:12px;line-height:1.8}
.cm-caret{display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:-2px;background:#1746b5;animation:cm-blink 1s steps(2) infinite}
@keyframes cm-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.cm-caret{animation:none}}
@media(max-width:700px){.cm-ct>div{grid-template-columns:1fr;gap:0}.cm-ct dd{font-size:15px}.cm-dbody{padding:12px 14px 20px}}
.cm-src2{margin:0;color:var(--ms-muted);font-size:12px}.cm-src2 a{color:#1746b5;font-weight:700}

/* every competitor has its own colour and one of four looks, so the cards are easy to tell apart */
.cm-tz{--c:#3858e9;--ink:#fff;position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--c) 28%,#e4e9f2);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,#fff),#fff 62%)}
.cm-tz:hover{border-color:var(--c);box-shadow:0 12px 30px color-mix(in srgb,var(--c) 22%,transparent)}
.cm-tz .cm-top{align-items:center}
.cm-mono{flex:none;display:grid;place-items:center;width:38px;height:38px;background:var(--c);color:var(--ink);font:900 17px/1 Estedad,Tahoma,sans-serif}
.cm-tz h3{flex:1 1 120px;min-width:0}
.cm-tz[data-v="0"]{border-top:4px solid var(--c)}.cm-tz[data-v="0"] .cm-mono{border-radius:12px}
.cm-tz[data-v="1"]{border-inline-start:5px solid var(--c)}.cm-tz[data-v="1"] .cm-mono{border-radius:50%}
.cm-tz[data-v="2"]::before{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--c) 16%,transparent);pointer-events:none}.cm-tz[data-v="2"] .cm-mono{border-radius:12px 12px 12px 4px}
.cm-tz[data-v="3"]{background-image:radial-gradient(color-mix(in srgb,var(--c) 20%,transparent) 1.2px,transparent 1.4px),linear-gradient(180deg,color-mix(in srgb,var(--c) 6%,#fff),#fff 62%);background-size:14px 14px,auto;background-position:0 0,0 0}.cm-tz[data-v="3"] .cm-mono{border-radius:10px 4px 10px 4px}
.cm-tz .cm-more-btn,.cm-tz .cm-q{position:relative}
.cm-tz .cm-q{background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 70%,#071b36)}
.cm-tz .cm-more-btn{color:color-mix(in srgb,var(--c) 75%,#071b36)}
.cm-dialog{--c:#3858e9}.cm-dialog .cm-dbar{border-bottom:3px solid var(--c)}
.cm-dialog .cm-h4{padding-inline-start:8px;border-inline-start:4px solid var(--c)}

.cm-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cm-head h1{margin:0}
.cm-up{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--ms-line);border-radius:14px;background:#fff;color:var(--ms-navy);cursor:pointer;box-shadow:0 4px 14px rgba(7,27,54,.06);transition:background .15s}
.cm-up:hover{background:#eff6ff}.cm-up:focus-within{outline:3px solid #90adff;outline-offset:2px}.cm-up svg{width:22px;height:22px}

/* toolbar */
.cm-tb{display:grid;gap:10px;padding:12px;border:1px solid var(--ms-line);border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(7,27,54,.05)}
.cm-tb-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cm-bar2{flex:1 1 240px;position:relative;display:block}
.cm-bar2 svg{position:absolute;inset-inline-start:12px;top:50%;translate:0 -50%;width:18px;height:18px;color:#8a97ab;pointer-events:none}
.cm-bar2 input{width:100%;box-sizing:border-box;min-height:42px;padding:0 14px;padding-inline-start:40px;border:1px solid var(--ms-line);border-radius:12px;background:#f5f8ff;color:var(--ms-ink);font:600 14px/1 Estedad,Tahoma,sans-serif}
.cm-seg{display:inline-flex;flex-wrap:nowrap;gap:0;padding:3px;border-radius:999px;background:#eef2f8;max-width:100%;position:relative}
.cm-seg.wide{display:flex}
.cm-seg .cm-chip{flex:1 1 auto;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;font-size:13px;white-space:nowrap}
.cm-seg .cm-chip[aria-pressed=true]{color:#fff}
.cm-tog-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cm-tog{min-height:34px;padding:0 14px;border:1px solid var(--ms-line);border-radius:999px;background:#fff;color:var(--ms-navy);font:800 12.5px/1 Estedad,Tahoma,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.cm-tog[aria-pressed=true]{background:var(--ms-navy);border-color:var(--ms-navy);color:#fff}
.cm-count{margin-inline-start:auto;color:var(--ms-muted);font-size:12.5px}
@media(max-width:560px){.cm-tb-top .cm-seg{width:100%}.cm-tb-top .cm-seg .cm-chip{flex:1;padding:0 6px;font-size:12px}}
/* compare */
.cm-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.cm-cmp{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:#fff;border:1px solid var(--ms-line);color:var(--ms-navy);font-size:12px;font-weight:800;cursor:pointer}
.cm-cmp input{width:16px;height:16px;accent-color:var(--c,#1746b5);margin:0}
.cm-cmpbar{position:fixed;inset-inline:12px;bottom:96px;z-index:40;margin:0 auto;width:fit-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:999px;background:var(--ms-navy);color:#fff;box-shadow:0 14px 36px rgba(5,25,52,.35);font-size:13px;font-weight:800}
.cm-cmpbar[hidden]{display:none}
.cm-cmp-go{min-height:36px;padding:0 18px;border:0;border-radius:999px;background:#ffcc2a;color:#051934;font:800 13px/1 Estedad,Tahoma,sans-serif;cursor:pointer}.cm-cmp-go:disabled{opacity:.45;cursor:not-allowed}
.cm-cmp-x{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}.cm-cmp-x svg{width:16px;height:16px}
.cm-dialog.wide{width:min(980px,calc(100vw - 20px))}
.cm-cmp-t{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.cm-cmp-t th,.cm-cmp-t td{padding:9px 10px;border-top:1px solid #e9edf3;vertical-align:top;text-align:start;line-height:1.85}
.cm-cmp-t thead th,.cm-cmp-t tr:first-child th{border-top:0}
.cm-cmp-t tr:first-child th:not(:first-child){border-bottom:3px solid var(--c);background:color-mix(in srgb,var(--c) 8%,#fff)}
.cm-cmp-t tr:first-child .cm-mono{display:inline-grid;margin-inline-end:8px;width:30px;height:30px;border-radius:10px;font-size:14px;vertical-align:middle}
.cm-cmp-t th[scope=row]{width:110px;color:var(--ms-muted);font-size:12.5px;font-weight:700;position:sticky;inset-inline-start:0;background:#fff}
.cm-cmp-t small{display:block;color:var(--ms-muted);font-size:11.5px}
.cm-cmp-t a{color:#1746b5;font-weight:700;overflow-wrap:anywhere}
.cmp-yes{width:20px;height:20px;color:#0c6b3d;background:#e8f7ee;border-radius:50%;padding:3px}
.cmp-no{display:inline-block;width:14px;height:2px;border-radius:2px;background:#c8d0dd;vertical-align:middle}
/* matrix */
.cm-legend{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--ms-muted);font-size:12.5px;font-weight:700}
.cm-legend span{display:inline-flex;align-items:center;gap:6px}
.mx2,.mx1,.mx0{display:inline-block;width:14px;height:14px;border-radius:50%;box-sizing:border-box}
.mx2{background:#1746b5}.mx1{border:2.5px solid #1746b5;background:#fff}.mx0{width:12px;height:2px;border-radius:2px;background:#d3d9e4}
.mxlow{display:inline-block;width:14px;height:14px;border-radius:4px;background:#fff6d6;border:1px solid #e9c25a}
.mxq{width:16px;height:16px;color:#98a4b8}
.cm-mx{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:720px}
.cm-mx th,.cm-mx td{padding:8px 6px;border-top:1px solid #edf0f5;text-align:center}
.cm-mx thead th{background:#10243f;color:#fff;font-size:12px;vertical-align:bottom;line-height:1.5;border-top:0}
.cm-mx thead th.low{background:#7a5b00}
.cm-mx tbody th{position:sticky;inset-inline-start:0;background:#fff;text-align:start;white-space:nowrap;font-size:13px;color:var(--ms-navy);cursor:pointer;z-index:1}
.cm-mx tbody tr{cursor:pointer}.cm-mx tbody tr:hover td,.cm-mx tbody tr:hover th{background:#f5f8ff}
.mx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px}
.mx-na{color:var(--ms-muted);font-size:12px}
.cm-mx tfoot th,.cm-mx tfoot td{background:#f8fafd;font-weight:800;color:var(--ms-navy);border-top:2px solid #dfe5ef}
.cm-mx tfoot td.low{background:#fff6d6;color:#7a5b00}

/* overview strip */
.cm-ov{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cm-st{display:grid;justify-items:center;gap:2px;padding:14px 8px;border:1px solid var(--ms-line);border-radius:18px;background:linear-gradient(180deg,#f5f8ff,#fff);text-align:center;box-shadow:0 6px 18px rgba(7,27,54,.04)}
.cm-st svg{width:26px;height:26px;color:#1746b5}
.cm-st b{color:var(--ms-navy);font-size:24px;line-height:1.3}
.cm-st span{color:var(--ms-muted);font-size:12px;font-weight:700}
.cm-thb{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--ms-line);border-radius:18px;background:#fff}
.cm-thb-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px;background:#eef2f8}.cm-thb-bar i{display:block}
.cm-thb-lg{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--ms-muted);font-size:12.5px;font-weight:700}
.cm-thb-lg span{display:inline-flex;align-items:center;gap:6px}.cm-thb-lg i{display:inline-block;width:10px;height:10px;border-radius:50%}
@media(max-width:700px){.cm-ov{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-ov .cm-st:first-child{grid-column:1/-1}}
/* indicator bars */
.kb{display:grid;gap:7px}
.kb-r{display:grid;grid-template-columns:118px minmax(0,1fr) 112px;align-items:center;gap:8px;font-size:12.5px}
.kb-l{color:var(--ms-muted);font-weight:700}
.kb-t{height:9px;border-radius:999px;background:#eef2f8;overflow:hidden}.kb-t i{display:block;height:100%;border-radius:999px;background:var(--c,#1746b5);transition:width .5s ease}
.kb-v{color:var(--ms-navy);font-weight:800;text-align:end}.kb-v.na{color:#9aa6b9;font-weight:600}
.kb-r.hl .kb-l{color:var(--ms-navy)}.kb-r.hl .kb-t{height:12px}
.kb-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.kb-counts span{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:12px;background:#f5f8ff;color:var(--ms-muted);font-size:12.5px;font-weight:700}.kb-counts b{color:var(--ms-navy);font-size:16px}
.kb-proof{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.kb-proof li{position:relative;padding-inline-start:20px;color:#35465e;font-size:13.5px;line-height:1.8}
.kb-proof li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--c,#1746b5)}
.kb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:10px}
.kb-row{display:grid;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--c) 26%,#e4e9f2);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 6%,#fff),#fff 70%);cursor:pointer;transition:box-shadow .15s,border-color .15s}
.kb-row:hover{border-color:var(--c);box-shadow:0 10px 26px color-mix(in srgb,var(--c) 20%,transparent)}
.kb-n{display:flex;align-items:center;gap:10px;color:var(--ms-navy);font-size:14.5px}
.kb-n .cm-mono{width:30px;height:30px;border-radius:10px;font-size:14px}
@media(max-width:560px){.kb-r{grid-template-columns:86px minmax(0,1fr) 92px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.kb-t i{transition:none}}

/* compare: an icon on the card, a small counter bar */
.cm-cmp{width:36px;height:36px;padding:0;justify-content:center;border-radius:12px;color:var(--ms-muted);background:#fff;transition:background .15s,color .15s,border-color .15s}
.cm-cmp input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.cm-cmp{position:relative}.cm-cmp svg{width:19px;height:19px}
.cm-cmp.on{background:var(--c,#1746b5);border-color:var(--c,#1746b5);color:var(--ink,#fff)}
.cm-cmp:focus-within{outline:3px solid #90adff;outline-offset:2px}
.cm-cmp-n{display:inline-flex;align-items:center;gap:6px}.cm-cmp-n svg{width:20px;height:20px;color:#ffcc2a}.cm-cmp-n b{font-size:16px}.cm-cmp-n small{color:#aab6c9;font-size:11.5px;font-weight:700}
.cm-cmp-go{display:grid;place-items:center;width:40px;padding:0}.cm-cmp-go svg{width:20px;height:20px}
/* icons on a card */
.cm-mini{display:flex;flex-wrap:wrap;gap:6px}
.cm-mi{display:inline-flex;align-items:center;gap:4px;min-width:28px;height:28px;padding:0 7px;border-radius:10px;background:color-mix(in srgb,var(--c,#1746b5) 12%,#fff);color:color-mix(in srgb,var(--c,#1746b5) 78%,#071b36);justify-content:center}
.cm-mi svg{width:16px;height:16px}.cm-mi b{font-size:12px}
/* page menu */
.cm-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.cm-nav::-webkit-scrollbar{display:none}
.cm-nav a{flex:none;padding:7px 14px;border:1px solid var(--ms-line);border-radius:999px;background:#fff;color:var(--ms-navy);font-size:13px;font-weight:800;text-decoration:none}
.cm-nav a:hover{background:#eff6ff}
html{scroll-behavior:smooth}
.cm-sec,.cm-tb,.cm-ov{scroll-margin-top:84px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cm-more-btn{min-height:36px;display:inline-flex;align-items:center}