/* compare pages: Allay and GrantLink, Allay and spreadsheets */
.compare-card{margin-top:8px;padding:12px 20px 8px}
.compare-card .compare{margin-top:0;min-width:640px}
.compare thead th{vertical-align:bottom}
.compare thead th:first-child{width:24%}
.compare thead th.us{color:var(--ocean)}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.compare td .sub{display:block;color:var(--muted);font-size:.92rem;margin-top:4px}
.compare-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.compare-split .card h2{font-size:clamp(1.5rem,3vw,1.9rem)}
.compare-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:18px}
.compare-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline}
.compare-list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lagoon);transform:translateY(-2px)}
.compare-list.warm li::before{background:var(--gold)}
.compare-list strong{font-weight:600}
.compare-list span{color:var(--muted)}
.compare-table-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
@media (max-width:900px){.compare-split{grid-template-columns:1fr}}
@media (max-width:600px){.compare-card{padding:6px 12px 4px}}
@media (max-width:600px){
  .compare-card .compare{min-width:560px}
  .compare-card .compare tbody th,.compare-card .compare thead td{position:sticky;left:0;z-index:1;background:var(--panel-solid);width:112px;min-width:112px;box-shadow:1px 0 0 var(--line)}
}
/* Instrumentl alternatives: one short section per tool */
.alts h3{font-size:1.3rem;margin-top:36px}
.alts h2+h3{margin-top:24px}