.commute-anchor{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:14px 0 12px;padding:7px 9px 7px 7px;border:1px solid rgba(24,38,31,.35);border-radius:10px;background:rgba(255,255,255,.42);color:var(--ink)}
.commute-anchor>span{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--ink);border-radius:50%;background:var(--green);font-weight:900}
.commute-anchor div{display:grid;line-height:1.05}.commute-anchor small{font-size:7px;font-weight:900;letter-spacing:.14em}.commute-anchor b{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.commute-anchor button{margin-left:6px;padding:5px 8px;border:0;border-left:1px solid rgba(24,38,31,.25);background:transparent;color:inherit;font:inherit;font-size:9px;font-weight:850;text-decoration:underline;cursor:pointer}
.commute-anchor.unresolved>span{background:#ffd86a}.commute-anchor.unresolved small:after{content:' · location needs checking';letter-spacing:0;text-transform:none}
.result-commute{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin:8px 0 4px;padding:5px 8px;border:1px solid rgba(24,38,31,.18);border-radius:7px;background:color-mix(in srgb,var(--green) 22%,white);line-height:1}
.result-commute span{font-size:12px}.result-commute b{font-size:10px}.result-commute small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:rgba(24,38,31,.68)}
@media(max-width:640px){.commute-anchor{width:100%;box-sizing:border-box}.commute-anchor div{min-width:0;flex:1}.commute-anchor b{max-width:100%}}