/* Rival Watch / Competitor Link Radar (lead magnet prototype #9). Tokens only; every class carries the lm-competitor-link-radar- prefix. */

/* ---------- Shared bits ---------- */
.lm-competitor-link-radar-k { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.lm-competitor-link-radar-linkbtn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0; border: 0; background: none; font: inherit; font-size: var(--fs-sm); font-weight: 600; color: var(--text); text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 4px; cursor: pointer; text-align: left; }
.lm-competitor-link-radar-linkbtn:hover { text-decoration-color: currentColor; }
.lm-competitor-link-radar-linkbtn .i { width: 16px; height: 16px; }
.lm-competitor-link-radar-linkbtn--sm { font-size: var(--fs-xs); min-height: 44px; }
.lm-competitor-link-radar-linkbtn--inline { display: inline; min-height: 0; font-size: inherit; }
.lm-competitor-link-radar-linkbtn--danger { color: var(--danger); text-decoration-color: color-mix(in srgb, var(--danger) 35%, var(--paper)); }
.lm-competitor-link-radar-err { display: flex; align-items: flex-start; gap: 6px; margin: 0; }
.lm-competitor-link-radar-err[hidden] { display: none; }
.lm-competitor-link-radar-err .i { width: 14px; height: 14px; margin-top: 2px; flex: none; }
.lm-competitor-link-radar-consents .lm-competitor-link-radar-err, .lm-competitor-link-radar-upgrade .lm-competitor-link-radar-err, .lm-competitor-link-radar-freqask .lm-competitor-link-radar-err { font-size: var(--fs-xs); color: var(--danger); }
.lm-competitor-link-radar-subhead { display: flex; flex-direction: column; gap: 6px; max-width: 760px; }
.lm-competitor-link-radar-panel-h { font-size: var(--fs-h4); line-height: 1.3; letter-spacing: -0.01em; }
.lm-competitor-link-radar-fav { width: 36px; height: 36px; border-radius: var(--r-md); background: var(--ink); color: var(--text-on-dark); display: grid; place-items: center; font-weight: 600; font-size: 14px; flex: none; }

/* ---------- Prototype controls ---------- */
.lm-competitor-link-radar-proto { background: var(--mist); border-bottom: 1px solid var(--line); font-size: var(--fs-xs); }
.lm-competitor-link-radar-proto summary { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font-family: var(--font-mono); letter-spacing: .03em; color: var(--text-2); }
.lm-competitor-link-radar-proto summary::-webkit-details-marker { display: none; }
.lm-competitor-link-radar-proto summary b { font-weight: 500; color: var(--text); }
.lm-competitor-link-radar-proto summary .i { width: 16px; height: 16px; }
.lm-competitor-link-radar-proto__chev { margin-left: auto; transition: transform .2s var(--ease); }
.lm-competitor-link-radar-proto details[open] .lm-competitor-link-radar-proto__chev { transform: rotate(180deg); }
.lm-competitor-link-radar-proto__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 2fr); gap: 16px 20px; padding: 4px 0 20px; align-items: end; }
.lm-competitor-link-radar-proto__grid .field label { font-size: var(--fs-xs); font-weight: 600; }
.lm-competitor-link-radar-proto__grid .select { min-height: 44px; padding-block: 8px; font-size: var(--fs-sm); }
.lm-competitor-link-radar-proto__sims { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lm-competitor-link-radar-proto__sims .label { width: 100%; font-size: var(--fs-xs); font-weight: 600; color: var(--text); margin-bottom: -2px; }
.lm-competitor-link-radar-proto__sims .btn { min-height: 44px; }
.lm-competitor-link-radar-proto__sims .btn .i { width: 16px; height: 16px; }
@media (max-width: 1160px) { .lm-competitor-link-radar-proto__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lm-competitor-link-radar-proto__sims { grid-column: 1 / -1; } }
@media (max-width: 640px) { .lm-competitor-link-radar-proto__grid { grid-template-columns: minmax(0, 1fr); } .lm-competitor-link-radar-proto__hint { display: none; } .lm-competitor-link-radar-proto__sims .btn { width: 100%; justify-content: flex-start; } }

/* ---------- Hero ---------- */
.lm-competitor-link-radar-hero { padding-block: clamp(40px, 5vw, 72px) clamp(56px, 6vw, 96px); }
.lm-competitor-link-radar-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); grid-template-areas: "intro tool" "more tool"; gap: 28px clamp(40px, 5.5vw, 80px); align-items: start; }
.lm-competitor-link-radar-hero__intro { grid-area: intro; display: flex; flex-direction: column; gap: 20px; }
.lm-competitor-link-radar-hero__intro h1 { font-size: clamp(2.4rem, 1.5rem + 3.4vw, 4rem); max-width: 13ch; }
.lm-competitor-link-radar-hero__intro .lead { max-width: 54ch; }
.lm-competitor-link-radar-hero__more { grid-area: more; display: flex; flex-direction: column; gap: 28px; }
.lm-competitor-link-radar-tool { grid-area: tool; position: sticky; top: calc(var(--header-h) + 20px); display: flex; flex-direction: column; gap: 14px; }
@media (max-width: 960px) {
  .lm-competitor-link-radar-hero__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "tool" "more"; }
  .lm-competitor-link-radar-tool { position: static; }
}

.lm-competitor-link-radar-gets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.lm-competitor-link-radar-gets > div { display: flex; flex-direction: column; gap: 12px; padding: 20px 24px 4px 0; min-width: 0; }
.lm-competitor-link-radar-gets > div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.lm-competitor-link-radar-gets ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.lm-competitor-link-radar-gets li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-gets li:last-child { border-bottom: 0; }
.lm-competitor-link-radar-gets .i { width: 18px; height: 18px; margin-top: 2px; color: var(--text); }
.lm-competitor-link-radar-gets .i--wa { color: var(--whatsapp-ink); }
@media (max-width: 560px) {
  .lm-competitor-link-radar-gets { grid-template-columns: minmax(0, 1fr); }
  .lm-competitor-link-radar-gets > div, .lm-competitor-link-radar-gets > div + div { padding: 18px 0 2px; border-left: 0; }
  .lm-competitor-link-radar-gets > div + div { border-top: 1px solid var(--line); }
}

/* Tool card */
.lm-competitor-link-radar-tool__form { display: flex; flex-direction: column; gap: 20px; padding: clamp(22px, 2.4vw, 30px); background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--r-xl); box-shadow: var(--shadow-card); }
.lm-competitor-link-radar-tool__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-tool__title { font-size: 1.25rem; line-height: 1.25; letter-spacing: -0.015em; }
.lm-competitor-link-radar-inputicon { position: relative; }
.lm-competitor-link-radar-inputicon .i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--text-3); pointer-events: none; }
.lm-competitor-link-radar-inputicon .input { padding-left: 44px; min-height: 54px; font-size: 1.0625rem; }
.lm-competitor-link-radar-tool__note { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-xs); color: var(--text-3); line-height: 1.5; }
.lm-competitor-link-radar-tool__note .i { width: 15px; height: 15px; margin-top: 1px; }
.lm-competitor-link-radar-try { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 16px; border-top: 1px solid var(--line); }
.lm-competitor-link-radar-try .lm-competitor-link-radar-k { margin-right: 4px; }
.lm-competitor-link-radar-try .chip { font-family: var(--font-mono); font-size: 12.5px; font-weight: 500; min-height: 40px; padding: 0 14px; }
@media (pointer: coarse) { .lm-competitor-link-radar-try .chip { min-height: 44px; } }

.lm-competitor-link-radar-known { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; padding: 4px 16px; border-radius: var(--r-md); background: var(--brand-tint); color: var(--brand-ink); font-size: var(--fs-sm); }
.lm-competitor-link-radar-known p { flex: 1 1 220px; min-width: 0; margin: 0; padding-block: 8px; }
.lm-competitor-link-radar-known__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); flex: none; }
.lm-competitor-link-radar-known .lm-competitor-link-radar-linkbtn { color: var(--brand-ink); text-decoration-color: var(--brand-tint-2); }
.lm-competitor-link-radar-prefill { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: var(--r-md); background: var(--mist); font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-prefill .i { width: 16px; height: 16px; margin-top: 3px; color: var(--text); }
.lm-competitor-link-radar-prefill[hidden] { display: none; }

/* Rivals in the form and the preference centre */
.lm-competitor-link-radar-rivals { display: flex; flex-direction: column; gap: 10px; }
.lm-competitor-link-radar-rivals__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; }
.lm-competitor-link-radar-rivals__max { margin-left: 6px; font-family: var(--font-mono); font-size: 11px; font-weight: 500; color: var(--text-3); letter-spacing: .02em; }
.lm-competitor-link-radar-rivals__demo { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-rivals__demo[hidden] { display: none; }
.lm-competitor-link-radar-alert__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
.lm-competitor-link-radar-rivals__empty { padding: 14px 16px; border: 1px dashed var(--line-strong); border-radius: var(--r-md); font-size: var(--fs-sm); color: var(--text-3); }
.lm-competitor-link-radar-sector { display: flex; align-items: center; gap: 8px; }
.lm-competitor-link-radar-sector label { font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-sector .select { min-height: 44px; padding: 6px 36px 6px 12px; font-size: var(--fs-xs); width: auto; background-position: right 10px center; }
.lm-competitor-link-radar-sector[hidden] { display: none; }
.lm-competitor-link-radar-rv-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-md); }
.lm-competitor-link-radar-rv-list:empty { display: none; }
.lm-competitor-link-radar-rv { display: flex; align-items: center; gap: 12px; padding: 8px 6px 8px 12px; min-width: 0; }
.lm-competitor-link-radar-rv + .lm-competitor-link-radar-rv { border-top: 1px solid var(--line); }
.lm-competitor-link-radar-rv .lm-competitor-link-radar-fav { width: 32px; height: 32px; font-size: 13px; border-radius: 8px; }
.lm-competitor-link-radar-rv__d { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.lm-competitor-link-radar-rv__d > .ph, .lm-competitor-link-radar-rv__d > span:first-child { font-family: var(--font-mono); font-size: var(--fs-sm); font-weight: 500; overflow-wrap: anywhere; }
.lm-competitor-link-radar-rv__d small { font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-rv__x { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border: 0; background: transparent; border-radius: var(--r-md); color: var(--text-3); }
.lm-competitor-link-radar-rv__x:hover { background: var(--mist); color: var(--text); }
.lm-competitor-link-radar-rv__x .i { width: 18px; height: 18px; }
.lm-competitor-link-radar-add { display: flex; gap: 8px; }
.lm-competitor-link-radar-add[hidden] { display: none; }
.lm-competitor-link-radar-add .input { min-height: 48px; font-family: var(--font-mono); font-size: var(--fs-sm); }
.lm-competitor-link-radar-add .btn { min-height: 48px; padding: 0 16px; flex: none; }
.lm-competitor-link-radar-add .btn .i { width: 16px; height: 16px; }

/* Loading */
.lm-competitor-link-radar-loading { padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--mist); }
.lm-competitor-link-radar-loading__t { font-weight: 600; font-size: var(--fs-sm); margin-bottom: 10px; }
.lm-competitor-link-radar-loading ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lm-competitor-link-radar-loading li { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-xs); color: var(--text-3); transition: color .2s; }
.lm-competitor-link-radar-loading li.is-on, .lm-competitor-link-radar-loading li.is-done { color: var(--text); }
.lm-competitor-link-radar-loading__mark { width: 14px; height: 14px; margin-top: 2px; border-radius: 50%; border: 1.5px solid var(--line-strong); flex: none; position: relative; }
.lm-competitor-link-radar-loading li.is-on .lm-competitor-link-radar-loading__mark { border-color: var(--brand); border-right-color: transparent; animation: lmClrSpin .8s linear infinite; }
.lm-competitor-link-radar-loading li.is-done .lm-competitor-link-radar-loading__mark { border-color: var(--brand); background: var(--brand); }
.lm-competitor-link-radar-loading li.is-done .lm-competitor-link-radar-loading__mark::after { content: ""; position: absolute; left: 3.5px; top: 1px; width: 3px; height: 6px; border: solid var(--paper); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
@keyframes lmClrSpin { to { transform: rotate(360deg); } }

/* ---------- Results ---------- */
.lm-competitor-link-radar-res-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 24px; }
.lm-competitor-link-radar-res-head h2:focus { outline: none; }
.lm-competitor-link-radar-res-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-res-meta > span { position: relative; }
.lm-competitor-link-radar-res-meta > span + span::before { content: "·"; position: absolute; left: -11px; }
[data-res-body] { display: flex; flex-direction: column; gap: 40px; }
.lm-competitor-link-radar-sum { border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-sum .stat__label { max-width: 26ch; }

.lm-competitor-link-radar-cards { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 20px; }
@media (max-width: 1100px) { .lm-competitor-link-radar-cards { grid-template-columns: repeat(min(var(--n, 3), 2), minmax(0, 1fr)); } }
@media (max-width: 700px) { .lm-competitor-link-radar-cards { grid-template-columns: minmax(0, 1fr); } }
.lm-competitor-link-radar-rival { display: flex; flex-direction: column; gap: 18px; padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); min-width: 0; }
.lm-competitor-link-radar-rival__head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.lm-competitor-link-radar-rival__head > div { min-width: 0; flex: 1; }
.lm-competitor-link-radar-rival__dom { font-family: var(--font-mono); font-size: var(--fs-sm); font-weight: 500; letter-spacing: 0; overflow-wrap: anywhere; line-height: 1.35; }
.lm-competitor-link-radar-rival__sub { font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-tag { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border-radius: var(--r-pill); border: 1px solid var(--line); font-family: var(--font-mono); font-size: 11px; color: var(--text-2); flex: none; }
.lm-competitor-link-radar-tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ink); }
.lm-competitor-link-radar-tag.is-quiet::before { background: var(--line-strong); }
.lm-competitor-link-radar-rival__fig { display: flex; flex-direction: column; gap: 4px; }
.lm-competitor-link-radar-rival__num { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.lm-competitor-link-radar-rival__num b { font-size: 2.5rem; line-height: 1; font-weight: 600; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.lm-competitor-link-radar-rival__num > span { font-size: var(--fs-xs); color: var(--text-2); max-width: 22ch; line-height: 1.4; }
.lm-competitor-link-radar-rival__raw { font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-quiet { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: var(--r-md); background: var(--sand); font-size: var(--fs-xs); color: var(--text); line-height: 1.5; }
.lm-competitor-link-radar-quiet .i { width: 15px; height: 15px; margin-top: 1px; color: var(--warn); }

.lm-competitor-link-radar-chart { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: 60px auto; column-gap: 8px; row-gap: 6px; }
.lm-competitor-link-radar-chart__y { grid-row: 1; display: flex; flex-direction: column; justify-content: space-between; font-family: var(--font-mono); font-size: 10px; color: var(--text-3); text-align: right; line-height: 1; }
.lm-competitor-link-radar-spark { grid-row: 1; grid-column: 2; width: 100%; height: 60px; border-top: 1px dashed var(--line); border-bottom: 1px solid var(--line-strong); overflow: visible; }
.lm-competitor-link-radar-bar { fill: var(--ink); }
.lm-competitor-link-radar-bar0 { fill: var(--line); }
.lm-competitor-link-radar-rival.is-quiet .lm-competitor-link-radar-bar { fill: var(--text-2); }
.lm-competitor-link-radar-chart__x { grid-column: 2; display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 10px; color: var(--text-3); }

.lm-competitor-link-radar-exwrap { display: flex; flex-direction: column; gap: 8px; }
.lm-competitor-link-radar-exlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.lm-competitor-link-radar-ex { display: flex; flex-direction: column; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.lm-competitor-link-radar-ex__top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.lm-competitor-link-radar-ex__cat { font-size: var(--fs-sm); font-weight: 600; line-height: 1.35; min-width: 0; }
.lm-competitor-link-radar-ex__dom { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-2); overflow-wrap: anywhere; }
.lm-competitor-link-radar-ex__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.lm-competitor-link-radar-ex__meta time { font-family: var(--font-mono); font-size: 11px; color: var(--text-3); margin-left: auto; }

.lm-competitor-link-radar-band { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: var(--r-xs); background: var(--mist-2); font-family: var(--font-mono); font-size: 11px; color: var(--text); white-space: nowrap; font-variant-numeric: tabular-nums; }
.lm-competitor-link-radar-band::before { content: "A "; color: var(--text-3); }
.lm-competitor-link-radar-route { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: var(--r-pill); border: 1px solid var(--line-strong); font-size: 11.5px; font-weight: 500; color: var(--text); white-space: nowrap; background: var(--paper); }
.lm-competitor-link-radar-rep { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: var(--r-pill); font-size: 11.5px; font-weight: 500; white-space: nowrap; }
.lm-competitor-link-radar-rep::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.lm-competitor-link-radar-rep--likely { background: var(--brand-tint); color: var(--brand-ink); }
.lm-competitor-link-radar-rep--possible { background: var(--mist-2); color: var(--text-2); }
.lm-competitor-link-radar-rep--unlikely { background: transparent; color: var(--text-3); border: 1px dashed var(--line-strong); }

.lm-competitor-link-radar-mix { display: flex; flex-direction: column; gap: 8px; }
.lm-competitor-link-radar-mix__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.lm-competitor-link-radar-mix__list li { display: grid; grid-template-columns: 92px minmax(0, 1fr) 22px; gap: 10px; align-items: center; font-size: var(--fs-xs); color: var(--text-2); }
.lm-competitor-link-radar-mix__list li.is-zero { color: var(--text-3); }
.lm-competitor-link-radar-mix__list b { font-family: var(--font-mono); font-weight: 500; color: var(--text); text-align: right; }
.lm-competitor-link-radar-mix__list li.is-zero b { color: var(--text-3); }
.lm-competitor-link-radar-mix__bar { height: 6px; border-radius: 3px; background: var(--mist-2); overflow: hidden; }
.lm-competitor-link-radar-mix__bar i { display: block; height: 100%; background: var(--ink); border-radius: 3px; }
.lm-competitor-link-radar-rival__foot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px dashed var(--line-strong); font-size: var(--fs-xs); color: var(--text-2); }
.lm-competitor-link-radar-rival__foot span { display: inline-flex; align-items: center; gap: 8px; }
.lm-competitor-link-radar-rival__foot .i { width: 15px; height: 15px; color: var(--brand); }
.lm-competitor-link-radar-rival__foot b { font-family: var(--font-mono); font-weight: 500; color: var(--text); }

/* Scoreboard preview */
.lm-competitor-link-radar-sb { display: flex; flex-direction: column; gap: 18px; padding: clamp(20px, 2.4vw, 28px); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); }
.lm-competitor-link-radar-sb__head h3 { font-size: var(--fs-h3); }
.lm-competitor-link-radar-sb__t { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.lm-competitor-link-radar-sb__t th, .lm-competitor-link-radar-sb__t td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; }
.lm-competitor-link-radar-sb__t th:first-child, .lm-competitor-link-radar-sb__t td:first-child { padding-left: 0; }
.lm-competitor-link-radar-sb__t th:last-child, .lm-competitor-link-radar-sb__t td:last-child { padding-right: 0; }
.lm-competitor-link-radar-sb__t thead th { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.lm-competitor-link-radar-sb__t .num { text-align: right; font-family: var(--font-mono); font-size: var(--fs-xs); }
.lm-competitor-link-radar-sb__t tbody th { font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-xs); white-space: nowrap; width: 30%; }
.lm-competitor-link-radar-sb__t tbody th small { margin-left: 6px; font-family: var(--font-sans); font-size: 11px; font-weight: 600; color: var(--brand-ink); background: var(--brand-tint); padding: 2px 7px; border-radius: var(--r-pill); }
.lm-competitor-link-radar-sb__t tbody tr:last-child > * { border-bottom: 0; }
.lm-competitor-link-radar-sb__barcell { display: flex; align-items: center; gap: 10px; }
.lm-competitor-link-radar-sb__barcell b { font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-xs); width: 18px; text-align: right; }
.lm-competitor-link-radar-sb__bar { flex: 1; height: 10px; border-radius: 3px; background: var(--mist-2); overflow: hidden; min-width: 60px; }
.lm-competitor-link-radar-sb__bar i { display: block; height: 100%; background: var(--ink); border-radius: 3px; }
.lm-competitor-link-radar-sb__t tr.is-you .lm-competitor-link-radar-sb__bar i { background: var(--brand); }
@media (max-width: 640px) {
  .lm-competitor-link-radar-sb__t thead { display: none; }
  .lm-competitor-link-radar-sb__t, .lm-competitor-link-radar-sb__t tbody { display: block; }
  .lm-competitor-link-radar-sb__t tr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 16px; padding: 12px 0; border-bottom: 1px solid var(--line); align-items: center; }
  .lm-competitor-link-radar-sb__t tbody tr:last-child { border-bottom: 0; }
  .lm-competitor-link-radar-sb__t th, .lm-competitor-link-radar-sb__t td { padding: 0; border: 0; }
  .lm-competitor-link-radar-sb__t tbody th { grid-column: 1 / -1; width: auto; white-space: normal; overflow-wrap: anywhere; }
  .lm-competitor-link-radar-sb__t td.num::before { font-family: var(--font-mono); font-size: 10px; color: var(--text-3); margin-right: 6px; }
  .lm-competitor-link-radar-sb__t td.num:nth-child(3)::before { content: "vs prev"; }
  .lm-competitor-link-radar-sb__t td.num:nth-child(4)::before { content: "90 d"; }
}

/* Gap list */
.lm-competitor-link-radar-gap { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 24px; align-items: start; }
.lm-competitor-link-radar-gap__main { display: flex; flex-direction: column; gap: 18px; padding: clamp(20px, 2.4vw, 28px); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); min-width: 0; }
.lm-competitor-link-radar-gap__main h3 { font-size: var(--fs-h3); }
.lm-competitor-link-radar-gap__aside { position: sticky; top: calc(var(--header-h) + 20px); min-width: 0; }
@media (max-width: 1060px) { .lm-competitor-link-radar-gap { grid-template-columns: minmax(0, 1fr); } .lm-competitor-link-radar-gap__aside { position: static; max-width: 560px; } }
.lm-competitor-link-radar-gtwrap { min-width: 0; }
.lm-competitor-link-radar-gt { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.lm-competitor-link-radar-gt th, .lm-competitor-link-radar-gt td { padding: 12px 12px; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-gt th:first-child, .lm-competitor-link-radar-gt td:first-child { padding-left: 0; }
.lm-competitor-link-radar-gt th:last-child, .lm-competitor-link-radar-gt td:last-child { padding-right: 0; }
.lm-competitor-link-radar-gt thead th { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); border-bottom-color: var(--line-strong); }
.lm-competitor-link-radar-gt tbody th { font-weight: 400; }
.lm-competitor-link-radar-gt__dom { display: block; font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: 500; color: var(--text); overflow-wrap: anywhere; }
.lm-competitor-link-radar-gt__cat { display: block; font-size: var(--fs-xs); color: var(--text-3); line-height: 1.4; margin-top: 2px; }
.lm-competitor-link-radar-gt td:last-child { white-space: nowrap; }
.lm-competitor-link-radar-gt.is-multi td:last-child { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-2); }
.lm-competitor-link-radar-dots { display: inline-flex; gap: 3px; margin-right: 8px; vertical-align: middle; }
.lm-competitor-link-radar-dots i { width: 7px; height: 7px; border-radius: 50%; border: 1.5px solid var(--line-strong); }
.lm-competitor-link-radar-dots i.on { background: var(--ink); border-color: var(--ink); }
@media (max-width: 720px) {
  .lm-competitor-link-radar-gt thead { display: none; }
  .lm-competitor-link-radar-gt, .lm-competitor-link-radar-gt tbody { display: block; }
  .lm-competitor-link-radar-gt tr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 12px 0; border-bottom: 1px solid var(--line); }
  .lm-competitor-link-radar-gt th, .lm-competitor-link-radar-gt td { display: block; padding: 0; border: 0; }
  .lm-competitor-link-radar-gt tbody th { flex: 1 1 100%; margin-bottom: 2px; }
  .lm-competitor-link-radar-gt.is-multi td:last-child { margin-left: auto; }
}

.lm-competitor-link-radar-locked { border-radius: var(--r-md); overflow: hidden; margin-top: -6px; }
.lm-competitor-link-radar-fake { display: flex; flex-direction: column; }
.lm-competitor-link-radar-fake > div { display: grid; grid-template-columns: 2fr .7fr 1fr .8fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-fake i { height: 10px; border-radius: 5px; background: var(--line-strong); }
.lm-competitor-link-radar-locked .lm-locked__veil { align-items: center; padding: 16px; }
.lm-competitor-link-radar-locked__in { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 12px 18px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-xs); max-width: 100%; }
.lm-competitor-link-radar-locked__n { font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-locked__n b { color: var(--text); font-size: 1.0625rem; }
.lm-competitor-link-radar-locked__mix { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 14px; font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-gapfoot { display: flex; gap: 8px; align-items: flex-start; font-size: var(--fs-xs); color: var(--text-2); }
.lm-competitor-link-radar-gapfoot .i { width: 15px; height: 15px; margin-top: 1px; color: var(--brand); flex: none; }

/* ---------- Capture card ---------- */
.lm-competitor-link-radar-cap { gap: 16px; }
.lm-competitor-link-radar-cap__title { margin: 0; font-size: 1.1875rem; line-height: 1.3; letter-spacing: -0.015em; font-weight: 600; text-wrap: balance; overflow-wrap: anywhere; }
.lm-competitor-link-radar-cap__title:focus { outline: none; }
.lm-competitor-link-radar-cap .field[hidden] { display: none; }
.lm-competitor-link-radar-cap [data-switch] { align-self: flex-start; margin-top: -8px; }
.lm-competitor-link-radar-freq { display: flex; flex-direction: column; gap: 8px; }
.lm-competitor-link-radar-freq legend { margin-bottom: 8px; }
.lm-competitor-link-radar-freq__opts { display: flex; flex-direction: column; gap: 6px; }
.lm-competitor-link-radar-opt { min-height: 52px; padding: 10px 14px; align-items: flex-start; font-weight: 400; }
.lm-competitor-link-radar-opt .tick { margin-top: 2px; }
.lm-competitor-link-radar-opt__t { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lm-competitor-link-radar-opt__t b { font-size: var(--fs-sm); font-weight: 600; }
.lm-competitor-link-radar-opt__t small { font-size: var(--fs-xs); color: var(--text-3); line-height: 1.4; }
.lm-competitor-link-radar-consents { display: flex; flex-direction: column; gap: 10px; }
.lm-competitor-link-radar-freq__opt { margin-left: 6px; font-family: var(--font-mono); font-size: 11px; font-weight: 500; color: var(--text-3); letter-spacing: .02em; }
.lm-competitor-link-radar-freq__note { margin: 0; }
.lm-competitor-link-radar-freq .field[hidden] { display: none; }
.lm-competitor-link-radar-freq .lm-competitor-link-radar-err { font-size: var(--fs-xs); color: var(--danger); }
.lm-competitor-link-radar-who { display: flex; align-items: center; gap: 10px; color: var(--text-2); }
.lm-competitor-link-radar-who p { margin: 0; line-height: 1.45; }
.lm-competitor-link-radar-who b { color: var(--text); font-weight: 600; }
.lm-competitor-link-radar-who .lm-competitor-link-radar-avatar { width: 32px; height: 32px; font-size: 11px; }
.lm-competitor-link-radar-consents .lm-consent[hidden] { display: none; }
.lm-competitor-link-radar-disclose { display: flex; gap: 8px; align-items: flex-start; font-size: var(--fs-xs); color: var(--text); font-weight: 500; padding: 10px 12px; background: var(--mist); border-radius: var(--r-md); }
.lm-competitor-link-radar-disclose .i { width: 15px; height: 15px; margin-top: 1px; color: var(--brand); flex: none; }
.lm-competitor-link-radar-cap__btn { white-space: normal; text-align: center; min-height: 52px; padding-block: 10px; }
.lm-competitor-link-radar-notice { font-size: 11.5px; color: var(--text-3); line-height: 1.5; }
.lm-competitor-link-radar-notice a { color: var(--text-2); }
.lm-competitor-link-radar-bridge { display: flex; flex-direction: column; gap: 12px; }
.lm-competitor-link-radar-bridge[hidden] { display: none; }
.lm-competitor-link-radar-bridge__or { display: flex; align-items: center; gap: 12px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.lm-competitor-link-radar-bridge__or::before, .lm-competitor-link-radar-bridge__or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.lm-competitor-link-radar-bridge__body { display: flex; gap: 14px; align-items: flex-start; }
.lm-competitor-link-radar-bridge__txt { display: flex; flex-direction: column; gap: 8px; font-size: var(--fs-xs); color: var(--text-2); line-height: 1.5; min-width: 0; }
.lm-competitor-link-radar-bridge__txt b { color: var(--text); }
.lm-competitor-link-radar-bridge__txt .btn { align-self: flex-start; }
.lm-competitor-link-radar-bridge__txt .btn .i { width: 16px; height: 16px; }
.lm-competitor-link-radar-bridge__open { white-space: normal; }
@media (max-width: 760px) { .lm-competitor-link-radar-bridge__body { flex-direction: column; } .lm-competitor-link-radar-bridge__txt .btn { width: 100%; } }
.lm-competitor-link-radar-qr { flex: none; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.lm-competitor-link-radar-qr__svg { width: 92px; height: 92px; border: 1px solid var(--line); border-radius: var(--r-sm); padding: 4px; background: var(--paper); }
.lm-competitor-link-radar-qr__svg .q1 { fill: var(--ink); }
.lm-competitor-link-radar-qr__svg .q0 { fill: var(--paper); }
.lm-competitor-link-radar-qr__l { font-family: var(--font-mono); font-size: 10px; color: var(--warn); }

.lm-competitor-link-radar-knowncard { gap: 14px; }
.lm-competitor-link-radar-knowncard__on { display: flex; gap: 8px; align-items: flex-start; font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-knowncard__on .i { width: 16px; height: 16px; margin-top: 3px; color: var(--brand); flex: none; }
.lm-competitor-link-radar-knowncard__on a { color: var(--text); }
.lm-competitor-link-radar-knowncard__alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 16px; margin-top: -6px; }
.lm-competitor-link-radar-knowncard .btn { white-space: normal; text-align: center; }

.lm-competitor-link-radar-done { gap: 14px; border-color: var(--brand-tint-2); }
.lm-competitor-link-radar-done__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.lm-competitor-link-radar-done__list li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-done__list b { color: var(--text); font-weight: 600; }
.lm-competitor-link-radar-done__list .i { width: 18px; height: 18px; margin-top: 2px; flex: none; }
.lm-competitor-link-radar-done__list .is-done .i { color: var(--brand); }
.lm-competitor-link-radar-done__list .is-wait .i { color: var(--warn); }
.lm-competitor-link-radar-done__list .is-off .i { color: var(--text-3); }
.lm-competitor-link-radar-done .btn { align-self: flex-start; }
.lm-competitor-link-radar-done .btn .i { width: 16px; height: 16px; }

/* ---------- Your radar ---------- */
.lm-competitor-link-radar-radar { border-top: 1px solid var(--line); }
.lm-competitor-link-radar-radar h2:focus { outline: none; }
.lm-competitor-link-radar-status { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 14px; border-radius: var(--r-pill); font-family: var(--font-mono); font-size: 12px; border: 1px solid var(--line); white-space: nowrap; }
.lm-competitor-link-radar-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.lm-competitor-link-radar-status.is-on { background: var(--brand-tint); color: var(--brand-ink); border-color: var(--brand-tint-2); }
.lm-competitor-link-radar-status.is-wait { background: var(--warn-tint); color: var(--warn); border-color: color-mix(in srgb, var(--warn) 22%, var(--paper)); }
.lm-competitor-link-radar-status.is-paused { background: var(--mist); color: var(--text-2); }
.lm-competitor-link-radar-radar__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
@media (max-width: 960px) { .lm-competitor-link-radar-radar__grid { grid-template-columns: minmax(0, 1fr); } }
.lm-competitor-link-radar-prefs, .lm-competitor-link-radar-alert { display: flex; flex-direction: column; gap: 14px; padding: clamp(20px, 2.4vw, 28px); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); min-width: 0; }
.lm-competitor-link-radar-alert { background: var(--mist); border-color: transparent; }
.lm-competitor-link-radar-prefs__row { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid var(--line); }
.lm-competitor-link-radar-prefs__row--end { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; }
.lm-competitor-link-radar-prefs__row--end .btn .i { width: 16px; height: 16px; }
.lm-competitor-link-radar-prefs .lm-competitor-link-radar-rv-list { border-radius: var(--r-md); }
.lm-competitor-link-radar-seg { align-self: flex-start; max-width: 100%; }
.lm-competitor-link-radar-seg button { padding: 0 16px; }
.lm-competitor-link-radar-seg button[lang="ar"] { font-family: var(--font-arabic); }
@media (max-width: 420px) { .lm-competitor-link-radar-seg { align-self: stretch; } .lm-competitor-link-radar-seg button { flex: 1; padding: 0 8px; white-space: nowrap; font-size: var(--fs-xs); } }
.lm-competitor-link-radar-freqask { display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid var(--line-strong); border-radius: var(--r-md); background: var(--mist); }
.lm-competitor-link-radar-chat { max-width: none; background: var(--paper); }
.lm-competitor-link-radar-chat .lm-msg { max-width: 92%; }
.lm-competitor-link-radar-msg-stop { display: block; margin-top: 6px; font-size: 11.5px; color: var(--text-3); }
.lm-competitor-link-radar-rtl { font-family: var(--font-arabic); line-height: 1.8; text-align: right; }
.lm-competitor-link-radar-rtl time { right: auto; left: 10px; }
.lm-competitor-link-radar-quick { display: flex; flex-wrap: wrap; gap: 8px; }
@media (pointer: coarse) { .lm-competitor-link-radar-quick .btn { min-height: 44px; } }
.lm-competitor-link-radar-handoff { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--line); font-size: var(--fs-sm); }
.lm-competitor-link-radar-handoff > .i { width: 20px; height: 20px; color: var(--brand); flex: none; margin-top: 1px; }
.lm-competitor-link-radar-handoff > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lm-competitor-link-radar-alert > .lm-competitor-link-radar-linkbtn { align-self: flex-start; margin-block: -6px; }

.lm-competitor-link-radar-upgrade { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px 40px; padding: clamp(20px, 2.6vw, 32px); border: 1.5px solid var(--ink); border-radius: var(--r-lg); background: var(--paper); box-shadow: var(--shadow-card); }
.lm-competitor-link-radar-upgrade__txt { display: flex; flex-direction: column; gap: 10px; }
.lm-competitor-link-radar-upgrade__txt h3 { font-size: var(--fs-h3); }
.lm-competitor-link-radar-upgrade__txt h3:focus { outline: none; }
.lm-competitor-link-radar-upgrade__form { display: flex; flex-direction: column; gap: 12px; }
.lm-competitor-link-radar-upgrade__btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lm-competitor-link-radar-upgrade__btns .btn { white-space: normal; text-align: center; padding-inline: 14px; }
@media (max-width: 860px) { .lm-competitor-link-radar-upgrade { grid-template-columns: minmax(0, 1fr); } }

.lm-competitor-link-radar-radar__stopped { display: flex; flex-direction: column; gap: 16px; max-width: 640px; }

.lm-competitor-link-radar-weeks { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; }
.lm-competitor-link-radar-weeks__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 24px; }
.lm-competitor-link-radar-weeks__head > div { display: flex; flex-direction: column; gap: 6px; max-width: 680px; }
.lm-competitor-link-radar-weeks__head .btn .i { width: 16px; height: 16px; }
.lm-competitor-link-radar-wt { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); background: var(--paper); }
.lm-competitor-link-radar-wt th, .lm-competitor-link-radar-wt td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-wt th:first-child, .lm-competitor-link-radar-wt td:first-child { padding-left: 0; }
.lm-competitor-link-radar-wt thead th { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); border-bottom-color: var(--line-strong); }
.lm-competitor-link-radar-wt tbody th { font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: 500; white-space: nowrap; }
.lm-competitor-link-radar-wt td { color: var(--text-2); }
.lm-competitor-link-radar-wt td:last-child { width: 1%; white-space: nowrap; }
.lm-competitor-link-radar-st { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: var(--r-pill); font-family: var(--font-mono); font-size: 11px; border: 1px solid var(--line); color: var(--text-2); }
.lm-competitor-link-radar-st--sent { background: var(--ink); color: var(--text-on-dark); border-color: var(--ink); }
.lm-competitor-link-radar-st--waited { background: var(--ink); color: var(--text-on-dark); border-color: var(--ink); }
.lm-competitor-link-radar-st--skipped { border-style: dashed; color: var(--text-3); }
.lm-competitor-link-radar-st--held, .lm-competitor-link-radar-st--paused { background: var(--warn-tint); color: var(--warn); border-color: transparent; }
@media (max-width: 720px) {
  .lm-competitor-link-radar-wt thead { display: none; }
  .lm-competitor-link-radar-wt, .lm-competitor-link-radar-wt tbody { display: block; }
  .lm-competitor-link-radar-wt tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
  .lm-competitor-link-radar-wt th, .lm-competitor-link-radar-wt td { display: block; padding: 0; border: 0; }
  .lm-competitor-link-radar-wt td:last-child { grid-row: 1; grid-column: 2; width: auto; }
  .lm-competitor-link-radar-wt td[data-l="Discovered"], .lm-competitor-link-radar-wt td[data-l="Sent"] { grid-column: 1 / -1; font-size: var(--fs-xs); }
  .lm-competitor-link-radar-wt td[data-l="Sent"]::before { content: "Sent: "; color: var(--text-3); }
}

/* ---------- Blog host and widget ---------- */
.lm-competitor-link-radar-hostlabel { font-size: var(--fs-xs); color: var(--text-3); padding: 8px 12px; border: 1px dashed var(--line-strong); border-radius: var(--r-pill); white-space: nowrap; }
.lm-competitor-link-radar-host { margin: 0; border: 1px solid var(--line-strong); border-radius: var(--r-xl); overflow: hidden; background: var(--paper); box-shadow: var(--shadow-card); }
.lm-competitor-link-radar-host__bar { display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: var(--mist); border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-host__dots { display: flex; gap: 6px; flex: none; }
.lm-competitor-link-radar-host__dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--line-strong); }
.lm-competitor-link-radar-host__url { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-3); padding: 4px 12px; background: var(--paper); border-radius: var(--r-pill); border: 1px solid var(--line); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; max-width: 520px; }
.lm-competitor-link-radar-article { display: flex; flex-direction: column; gap: 18px; max-width: 760px; margin-inline: auto; padding: clamp(28px, 4vw, 56px) clamp(16px, 4vw, 40px) 0; }
.lm-competitor-link-radar-article__cat { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--brand); }
.lm-competitor-link-radar-article__cat .i { width: 15px; height: 15px; }
.lm-competitor-link-radar-article__title { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); line-height: 1.1; letter-spacing: var(--track-display); }
.lm-competitor-link-radar-article__by { display: flex; align-items: center; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: var(--text-on-dark); display: grid; place-items: center; font-size: 12px; font-weight: 600; flex: none; }
.lm-competitor-link-radar-article__body { display: flex; flex-direction: column; gap: 16px; font-size: 1.0625rem; line-height: 1.7; color: var(--text); }
.lm-competitor-link-radar-article__body > h4 { font-size: clamp(1.35rem, 1.15rem + .7vw, 1.65rem); line-height: 1.2; letter-spacing: var(--track-heading); margin-top: 12px; }
.lm-competitor-link-radar-article__fade { position: relative; display: flex; flex-direction: column; gap: 12px; padding-bottom: 36px; }
.lm-competitor-link-radar-article__fade i { height: 10px; border-radius: 5px; background: var(--mist-2); }
.lm-competitor-link-radar-article__fade i.is-short { width: 60%; }

.lm-competitor-link-radar-widget { display: flex; flex-direction: column; gap: 16px; margin-block: 12px; padding: clamp(18px, 2.6vw, 28px); border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--mist); font-size: var(--fs-body); line-height: var(--lh-body); }
.lm-competitor-link-radar-widget__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.lm-competitor-link-radar-widget__kicker { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--text-2); }
.lm-competitor-link-radar-widget__kicker .i { width: 16px; height: 16px; color: var(--brand); }
.lm-competitor-link-radar-widget__title { font-size: clamp(1.2rem, 1.05rem + .5vw, 1.4rem); line-height: 1.25; letter-spacing: -0.015em; font-weight: 600; text-wrap: balance; }
.lm-competitor-link-radar-widget__form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: start; }
.lm-competitor-link-radar-widget__form .input { background: var(--paper); font-family: var(--font-mono); font-size: var(--fs-sm); }
.lm-competitor-link-radar-widget__form .btn { margin-top: 29px; min-height: 50px; }
.lm-competitor-link-radar-widget__form .btn:disabled { opacity: .6; cursor: progress; }
.lm-competitor-link-radar-widget__sugg { line-height: 1.45; }
.lm-competitor-link-radar-widget__sugg:empty { display: none; }
@media (max-width: 720px) { .lm-competitor-link-radar-widget__form { grid-template-columns: minmax(0, 1fr); } .lm-competitor-link-radar-widget__form .btn { margin-top: 0; width: 100%; } }
.lm-competitor-link-radar-widget__note { font-size: var(--fs-xs); color: var(--text-3); margin-top: -4px; }
.lm-competitor-link-radar-widget__out:empty { display: none; }
.lm-competitor-link-radar-wload { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--line); font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-spinner { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--line-strong); border-top-color: var(--brand); animation: lmClrSpin .8s linear infinite; flex: none; }
.lm-competitor-link-radar-wres { display: flex; flex-direction: column; gap: 14px; padding: clamp(16px, 2.4vw, 24px); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); }
.lm-competitor-link-radar-wres__lead { font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-wres__lead:focus { outline: none; }
.lm-competitor-link-radar-wres__lead b { color: var(--text); }
.lm-competitor-link-radar-wmore { display: flex; flex-wrap: wrap; gap: 4px 20px; padding: 12px 14px; border-radius: var(--r-md); background: var(--mist); font-size: var(--fs-sm); color: var(--text-2); }
.lm-competitor-link-radar-wmore b { color: var(--text); }
.lm-competitor-link-radar-wres [data-capslot] { margin-top: 4px; }
.lm-competitor-link-radar-wres .lm-capture { box-shadow: none; }
/* Phones: the widget, its result and the capture card would nest three paddings, so the inner two flatten. */
@media (max-width: 560px) {
  .lm-competitor-link-radar-widget { padding: 16px; margin-inline: -4px; }
  .lm-competitor-link-radar-wres { padding: 14px; }
  .lm-competitor-link-radar-wres .lm-capture { padding: 18px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
}

/* ---------- How this fires: host cards ---------- */
.lm-competitor-link-radar-fires dd { margin: 0; }
.lm-competitor-link-radar-fires dd b { font-family: var(--font-mono); font-weight: 500; font-size: .92em; color: var(--text); }
.lm-competitor-link-radar-hosts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1000px) { .lm-competitor-link-radar-hosts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .lm-competitor-link-radar-hosts { grid-template-columns: minmax(0, 1fr); } }
.lm-competitor-link-radar-hostcard { margin: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lm-competitor-link-radar-hostcard figcaption { font-size: var(--fs-xs); color: var(--text-3); }
.lm-competitor-link-radar-hostcard figcaption .mono { color: var(--text-2); }
.lm-competitor-link-radar-hostcard__frame { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); }
.lm-competitor-link-radar-hostcard__frame .btn { margin-top: auto; align-self: flex-start; white-space: normal; text-align: left; }
.lm-competitor-link-radar-hostcard__strong { font-weight: 600; font-size: 1.0625rem; line-height: 1.3; letter-spacing: -0.01em; }
.lm-competitor-link-radar-hostcard__strip, .lm-competitor-link-radar-hostcard__menu { display: flex; flex-wrap: wrap; gap: 6px; }
.lm-competitor-link-radar-hostcard__strip span, .lm-competitor-link-radar-hostcard__menu span { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: var(--r-pill); border: 1px solid var(--line); font-size: 12px; color: var(--text-3); }
.lm-competitor-link-radar-hostcard__strip span.is-on, .lm-competitor-link-radar-hostcard__menu span.is-on { border-color: var(--ink); color: var(--text); font-weight: 600; }
.lm-competitor-link-radar-hostcard__menu { flex-direction: column; align-items: flex-start; }
.lm-competitor-link-radar-hostcard__menu .i { width: 14px; height: 14px; }
.lm-competitor-link-radar-hostcard__ok { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-xs); color: var(--brand-ink); }
.lm-competitor-link-radar-hostcard__ok .i { width: 16px; height: 16px; color: var(--brand); }

/* ---------- Behind the scenes ---------- */
.lm-competitor-link-radar-previews { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.lm-competitor-link-radar-previews .lm-chat { max-width: none; }
@media (max-width: 900px) { .lm-competitor-link-radar-previews { grid-template-columns: minmax(0, 1fr); } }
.lm-competitor-link-radar-fakebtn { pointer-events: none; }
.lm-competitor-link-radar-fakelink { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.lm-competitor-link-radar-chat-day { align-self: center; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-3); padding: 3px 10px; border-radius: var(--r-pill); background: var(--paper); margin-block: 6px; }
.lm-competitor-link-radar-mini { display: flex; flex-direction: column; gap: 8px; }
.lm-competitor-link-radar-mini > div { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr) 22px; gap: 10px; align-items: center; font-family: var(--font-mono); font-size: 11.5px; color: var(--text-2); }
.lm-competitor-link-radar-mini > div > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lm-competitor-link-radar-mini b { font-weight: 500; color: var(--text); text-align: right; }
.lm-competitor-link-radar-mini__bar { height: 8px; border-radius: 3px; background: var(--mist-2); overflow: hidden; }
.lm-competitor-link-radar-mini__bar i { display: block; height: 100%; background: var(--ink); }
.lm-competitor-link-radar-mini .is-you { color: var(--brand-ink); font-weight: 500; }
.lm-competitor-link-radar-mini .is-you .lm-competitor-link-radar-mini__bar i { background: var(--brand); }
@media (max-width: 420px) { .lm-competitor-link-radar-mini > div { grid-template-columns: minmax(0, 1fr) 22px; } .lm-competitor-link-radar-mini__bar { grid-column: 1 / -1; grid-row: 2; } }

.lm-competitor-link-radar-seq { width: 100%; min-width: 760px; border-collapse: collapse; font-size: var(--fs-sm); background: var(--paper); }
.lm-competitor-link-radar-seq th, .lm-competitor-link-radar-seq td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-seq th:first-child, .lm-competitor-link-radar-seq td:first-child { padding-left: 0; }
.lm-competitor-link-radar-seq thead th { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); border-bottom-color: var(--line-strong); }
.lm-competitor-link-radar-seq tbody th { font-weight: 600; white-space: nowrap; }
.lm-competitor-link-radar-seq tbody tr:last-child > * { border-bottom: 0; }
.lm-competitor-link-radar-seq td.subtle { font-size: var(--fs-xs); }
@media (max-width: 760px) {
  .lm-competitor-link-radar-seq { min-width: 0; }
  .lm-competitor-link-radar-seq thead { display: none; }
  .lm-competitor-link-radar-seq, .lm-competitor-link-radar-seq tbody { display: block; }
  .lm-competitor-link-radar-seq tr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--line); }
  .lm-competitor-link-radar-seq tbody tr:last-child { border-bottom: 0; }
  .lm-competitor-link-radar-seq th, .lm-competitor-link-radar-seq td { display: block; padding: 0; border: 0; }
  .lm-competitor-link-radar-seq tbody th { white-space: normal; }
  .lm-competitor-link-radar-seq tbody td:nth-child(2) { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-3); }
}

/* CRM hand-off card */
.lm-competitor-link-radar-crm { display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--r-lg); box-shadow: var(--shadow-card); overflow: hidden; }
.lm-competitor-link-radar-crm__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px 24px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-crm__top > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 320px; }
.lm-competitor-link-radar-crm__name { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.015em; overflow-wrap: anywhere; }
.lm-competitor-link-radar-crm__name .ph { font-family: var(--font-mono); font-size: .85em; font-weight: 500; }
.lm-competitor-link-radar-crm__band { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: var(--r-pill); font-family: var(--font-mono); font-size: 12px; font-weight: 500; border: 1px solid var(--line); white-space: nowrap; }
.lm-competitor-link-radar-crm__band--hot { background: var(--ink); color: var(--text-on-dark); border-color: var(--ink); }
.lm-competitor-link-radar-crm__band--warm { background: var(--warn-tint); color: var(--warn); border-color: transparent; }
.lm-competitor-link-radar-crm__band--nurture { background: var(--mist); color: var(--text-2); }
.lm-competitor-link-radar-crm__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.lm-competitor-link-radar-crm__dl { margin: 0; padding: 8px 24px 16px; display: flex; flex-direction: column; }
.lm-competitor-link-radar-crm__dl > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); }
.lm-competitor-link-radar-crm__dl > div:last-child { border-bottom: 0; }
.lm-competitor-link-radar-crm__dl dt { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); padding-top: 3px; }
.lm-competitor-link-radar-crm__dl dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.lm-competitor-link-radar-crm__rv { display: block; }
.lm-competitor-link-radar-crm__rv .ph { font-family: var(--font-mono); font-size: .92em; }
.lm-competitor-link-radar-crm__consents { display: flex; flex-direction: column; gap: 4px; }
.lm-competitor-link-radar-crm__consents span { display: inline-flex; align-items: flex-start; gap: 6px; font-size: var(--fs-xs); }
.lm-competitor-link-radar-crm__consents .i { width: 14px; height: 14px; margin-top: 2px; flex: none; }
.lm-competitor-link-radar-crm__consents .is-yes .i { color: var(--brand); }
.lm-competitor-link-radar-crm__consents .is-no { color: var(--text-3); }
.lm-competitor-link-radar-crm__tl { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-xs); color: var(--text-2); }
.lm-competitor-link-radar-crm__tl time { display: inline-block; width: 44px; font-family: var(--font-mono); color: var(--text-3); }
.lm-competitor-link-radar-crm__side { display: flex; flex-direction: column; gap: 22px; padding: 20px 24px; background: var(--mist); border-left: 1px solid var(--line); }
.lm-competitor-link-radar-crm__side > div { display: flex; flex-direction: column; gap: 10px; }
.lm-competitor-link-radar-crm__score { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; font-size: var(--fs-sm); }
.lm-competitor-link-radar-crm__score li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.lm-competitor-link-radar-crm__score b { font-family: var(--font-mono); font-weight: 500; color: var(--brand-ink); }
.lm-competitor-link-radar-crm__score b.is-neg { color: var(--danger); }
.lm-competitor-link-radar-crm__score li.is-total { border-bottom: 0; border-top: 1.5px solid var(--ink); font-weight: 600; }
.lm-competitor-link-radar-crm__score li.is-total b { color: var(--text); font-weight: 600; }
.lm-competitor-link-radar-crm__opener { margin: 0; padding: 14px 16px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--line); font-size: var(--fs-sm); line-height: 1.55; color: var(--text); }
.lm-competitor-link-radar-crm__json { border-top: 1px solid var(--line); }
.lm-competitor-link-radar-crm__json summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 24px; cursor: pointer; list-style: none; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-2); }
.lm-competitor-link-radar-crm__json summary::-webkit-details-marker { display: none; }
.lm-competitor-link-radar-crm__json summary .i { width: 16px; height: 16px; }
.lm-competitor-link-radar-crm__json pre { margin: 0; padding: 16px 24px 20px; max-height: 360px; overflow: auto; background: var(--ink); color: var(--text-on-dark); font-family: var(--font-mono); font-size: 12px; line-height: 1.55; }
@media (max-width: 860px) {
  .lm-competitor-link-radar-crm__grid { grid-template-columns: minmax(0, 1fr); }
  .lm-competitor-link-radar-crm__side { border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 520px) {
  .lm-competitor-link-radar-crm__top, .lm-competitor-link-radar-crm__side { padding: 18px; }
  .lm-competitor-link-radar-crm__dl { padding: 4px 18px 12px; }
  .lm-competitor-link-radar-crm__dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .lm-competitor-link-radar-crm__json summary { padding: 0 18px; }
}

/* KPIs */
.lm-competitor-link-radar-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.lm-competitor-link-radar-kpis > div { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 22px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.lm-competitor-link-radar-kpis > div:not(:nth-child(4n+1)) { padding-left: 22px; border-left: 1px solid var(--line); }
.lm-competitor-link-radar-kpis__k { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.lm-competitor-link-radar-kpis__v { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem); line-height: 1; font-weight: 600; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.lm-competitor-link-radar-kpis__n { font-size: var(--fs-xs); color: var(--text-2); line-height: 1.5; }
@media (max-width: 960px) {
  .lm-competitor-link-radar-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lm-competitor-link-radar-kpis > div:not(:nth-child(4n+1)) { padding-left: 0; border-left: 0; }
  .lm-competitor-link-radar-kpis > div:nth-child(2n) { padding-left: 22px; border-left: 1px solid var(--line); }
}
@media (max-width: 440px) {
  .lm-competitor-link-radar-kpis { grid-template-columns: minmax(0, 1fr); }
  .lm-competitor-link-radar-kpis > div:nth-child(2n) { padding-left: 0; border-left: 0; }
}

/* Review pass: 44px targets for consent rows and text links that act as buttons. */
.lm-competitor-link-radar-cap .lm-consent, .lm-competitor-link-radar-knowncard .lm-consent, .lm-competitor-link-radar-upgrade .lm-consent, .lm-competitor-link-radar-freqask .lm-consent { min-height: 44px; }
.lm-competitor-link-radar-done .link-arrow { min-height: 44px; align-self: flex-start; display: inline-flex; align-items: center; }
/* Until the watch box is ticked, the chosen frequency is only a preference, so it stays neutral (emerald means live). */
.lm-competitor-link-radar-cap:not(.is-watching) .lm-competitor-link-radar-opt:has(input:checked) { border-color: var(--ink); background: var(--mist); }
.lm-competitor-link-radar-cap:not(.is-watching) .lm-competitor-link-radar-opt:has(input:checked) .tick { border-color: var(--ink); background: var(--ink); box-shadow: inset 0 0 0 3px var(--mist); }