.compare-commutes{--cc-forest:#153d32;--cc-ink:#1e332c;--cc-muted:#5f6f66;--cc-line:#dce2d9;border:1px solid var(--cc-line);color:var(--cc-ink);text-align:left;background:#fff;border-radius:6px;gap:12px;margin:22px 0;padding:18px 20px;display:grid}.compare-commutes-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.compare-commutes-head p{color:var(--cc-muted);margin:0;font-size:14px;line-height:1.5}.compare-commutes-eyebrow{letter-spacing:.12em;align-items:center;gap:6px;font-weight:700;display:flex;color:#5b725f!important;margin-bottom:4px!important;font-size:11px!important}.compare-commutes-button{border:1px solid var(--cc-forest);background:var(--cc-forest);color:#fff;min-height:44px;font:inherit;cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.compare-commutes-button:disabled{opacity:.7;cursor:progress}.compare-commutes :focus-visible{outline-offset:2px;outline:3px solid #8a590d}.compare-commutes-note{color:var(--cc-muted);margin:0;font-size:14px}.compare-commutes-note a{color:var(--cc-forest);text-underline-offset:3px;font-weight:600;text-decoration:underline}.compare-commutes-scroll{max-width:100%;overflow-x:auto}.compare-commutes-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.compare-commutes-table caption{text-align:left;color:var(--cc-muted);padding-bottom:6px;font-size:12px}.compare-commutes-table th,.compare-commutes-table td{border-bottom:1px solid var(--cc-line);text-align:left;vertical-align:top;padding:8px 10px}.compare-commutes-table thead th{color:var(--cc-muted);min-width:120px;font-size:12px;font-weight:600}.compare-commutes-table thead th:first-child{min-width:70px}.compare-commutes-table tbody th,.compare-commutes-table td{white-space:nowrap;font-weight:700}.compare-commutes-table td small{color:var(--cc-muted);font-size:12px;font-weight:400;display:block}.compare-commutes-table td[data-best]{background:#eef4ea}.compare-commutes-credit{color:var(--cc-muted);margin:0;font-size:12px}@media (max-width:600px){.compare-commutes{padding:16px 14px}.compare-commutes-head{flex-direction:column;align-items:stretch}.compare-commutes-button{justify-content:center}}