/* Paired navigation occupies the existing heatmap row on both TOP pages. */
.comparison-entry-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px;min-width:0}
.topbar .comparison-entry-row{grid-column:1;grid-row:1;margin:0}
.comparison-entry-row>a{min-width:0;margin:0!important;min-height:78px}
.comparison-entry-row .pulse-entry{background:linear-gradient(110deg,#f47700,#f8b22a)!important;grid-template-columns:auto minmax(0,1fr) auto}
.comparison-entry-row .market-pulse-entry{background:linear-gradient(110deg,#09233d,#126d84);grid-template-columns:auto minmax(0,1fr) auto}
.compare-entry{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;overflow:hidden;border:1px solid #63ce9166;border-radius:18px;padding:10px 18px;color:#fff;background:linear-gradient(110deg,#12b96b,#087c48);box-shadow:0 10px 22px #0d703e2e,inset 0 1px #ffffff80;text-decoration:none}
.compare-entry:before{position:absolute;inset:1px;border:1px solid #ffffff60;border-radius:16px;content:'';pointer-events:none}.compare-entry-icon{display:grid;place-items:center;width:55px;height:55px;flex-shrink:0;border:2px solid #ffffffbd;border-radius:50%;background:#ffffff20}.compare-entry-icon svg{width:38px;height:38px;fill:none;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.compare-entry-icon .line-one{stroke:#83ff3e}.compare-entry-icon .line-two{stroke:#fff}.compare-entry-icon .line-three{stroke:#ff68d5}.compare-entry-copy{display:grid;min-width:0}.compare-entry-copy small{font-size:.64rem;font-weight:900;letter-spacing:.14em}.compare-entry-copy strong{font-size:1.55rem;font-weight:950;line-height:1.2}.compare-entry-copy>span{margin-top:3px;font-size:.75rem;font-weight:750}.compare-entry-arrow{font-size:2.4rem;font-weight:950;line-height:1}.compare-entry:hover{filter:brightness(1.06)}.compare-entry:focus-visible{outline:3px solid #34caff;outline-offset:3px}
.comparison-entry-row .pulse-entry-copy strong,.comparison-entry-row .market-pulse-entry-copy strong{font-size:clamp(1rem,2.1vw,1.7rem)}.comparison-entry-row .pulse-entry-copy small,.comparison-entry-row .market-pulse-entry-copy small{font-size:.61rem;letter-spacing:.04em}.comparison-entry-row .pulse-entry-status b{display:none}
html[data-theme=dark] .comparison-entry-row .pulse-entry{background:linear-gradient(110deg,#ad4f00,#b87b12)!important}html[data-theme=dark] .compare-entry{background:linear-gradient(110deg,#087c48,#065433)}
@media(max-width:720px){.comparison-entry-row{gap:7px;margin-bottom:8px}.comparison-entry-row>a{min-height:64px!important;padding:6px 8px!important;border-radius:14px;gap:6px!important}.comparison-entry-row .pulse-entry-icon,.comparison-entry-row .market-pulse-entry-icon,.compare-entry-icon{width:34px;height:34px;margin-right:0}.comparison-entry-row .pulse-entry-icon svg,.comparison-entry-row .market-pulse-entry-icon svg,.compare-entry-icon svg{width:27px;height:27px}.comparison-entry-row .pulse-entry-copy strong,.comparison-entry-row .market-pulse-entry-copy strong{font-size:clamp(.78rem,2.7vw,1.15rem);letter-spacing:0}.comparison-entry-row .pulse-entry-copy small,.comparison-entry-row .market-pulse-entry-copy small,.compare-entry-copy small{font-size:.46rem;letter-spacing:.035em}.comparison-entry-row .pulse-entry-copy>span,.comparison-entry-row .market-pulse-entry-copy>span,.compare-entry-copy>span{font-size:.54rem;line-height:1.25}.compare-entry-copy strong{font-size:clamp(.9rem,3.2vw,1.2rem)}.compare-entry-arrow,.comparison-entry-row .pulse-entry-status>span,.comparison-entry-row .stock-flow-arrow{font-size:1.65rem!important}.compare-entry:before{border-radius:12px}}
@media(max-width:360px){.comparison-entry-row .pulse-entry-icon,.comparison-entry-row .market-pulse-entry-icon,.compare-entry-icon{width:28px;height:28px}.comparison-entry-row .pulse-entry-icon svg,.comparison-entry-row .market-pulse-entry-icon svg,.compare-entry-icon svg{width:22px;height:22px}.compare-entry-copy>span{font-size:.48rem}}

@media(max-width:480px){.comparison-entry-row .pulse-entry-status,.comparison-entry-row .market-pulse-entry>.stock-flow-arrow,.compare-entry-arrow{display:none!important}.comparison-entry-row>a{grid-template-columns:auto minmax(0,1fr)!important}.comparison-entry-row .pulse-entry-arrow{width:auto}}

/* Match the TOP navigation's trailing light; the fixed arrow stays visible. */
.compare-entry-arrow{position:relative;display:block;text-align:right}
.compare-entry-arrow::before{content:"›";position:absolute;inset:0;color:rgba(255,255,255,.72);font-weight:300;opacity:0;pointer-events:none}
@keyframes compareArrowTrail {
  0%,12%,100% { opacity:0;transform:translateX(-15px); }
  24% { opacity:.34;transform:translateX(-13px); }
  35% { opacity:.08;transform:translateX(-11px); }
  47% { opacity:.7;transform:translateX(-8px); }
  57% { opacity:.12;transform:translateX(-6px); }
  68% { opacity:.86;transform:translateX(-3px); }
  78%,90% { opacity:0;transform:translateX(0); }
}
html[data-power-save="false"] .compare-entry-arrow::before{animation:compareArrowTrail 1.65s linear infinite;will-change:transform,opacity}
html[data-power-save="true"] .compare-entry-arrow::before{display:none!important;animation:none!important}
@media(max-width:480px){.comparison-entry-row>a.compare-entry{grid-template-columns:auto minmax(0,1fr) auto!important}.compare-entry-arrow{display:block!important;width:14px;font-size:1.65rem!important}}
@media(max-width:360px){.compare-entry-icon{width:24px;height:24px}.compare-entry-copy strong{font-size:.78rem}.compare-entry-arrow{width:12px}}
@media(prefers-reduced-motion:reduce){.compare-entry-arrow::before{display:none!important;animation:none!important}}

/* Keep both heatmap arrows visible beside the copy on narrow phones. */
@media(max-width:480px) {
  .comparison-entry-row>a.pulse-entry,
  .comparison-entry-row>a.market-pulse-entry { grid-template-columns:auto minmax(0,1fr) 14px!important; }
  .comparison-entry-row .pulse-entry-status { display:flex!important; justify-content:flex-end; }
  .comparison-entry-row .pulse-entry-arrow,
  .comparison-entry-row .market-pulse-entry>.stock-flow-arrow { display:block!important; align-self:center; justify-self:end; width:14px; font-size:1.65rem!important; font-weight:700; line-height:1; }
}
@media(max-width:360px) {
  .comparison-entry-row>a.pulse-entry,
  .comparison-entry-row>a.market-pulse-entry { grid-template-columns:auto minmax(0,1fr) 12px!important; }
  .comparison-entry-row .pulse-entry-arrow,
  .comparison-entry-row .market-pulse-entry>.stock-flow-arrow { width:12px; }
}

/* The same layered badge on both boards; preserve the two line colors. */
.compare-entry-icon {
  border-color:rgba(255,255,255,.92);
  background:linear-gradient(145deg,#18bd69,#078c46);
  box-shadow:0 5px 14px rgba(0,88,42,.2),inset 0 0 0 5px rgba(255,255,255,.1);
}