.mobility-jump{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px}
.mobility-jump a{padding:10px 14px;border:1px solid var(--line);font:600 13px/1.4 var(--sans);text-decoration:none}
.mobility-resource-grid,.mobility-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:30px}
.mobility-resource-grid article,.mobility-result-grid article{min-width:0;padding:24px;border:1px solid var(--line);scroll-margin-top:24px}
.mobility-resource-grid h2{margin:14px 0;font:500 28px/1.12 var(--serif)}
.mobility-resource-grid p,.mobility-result-grid p{font:16px/1.5 var(--serif)}
.mobility-resource-grid .mobility-tip{padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}
.mobility-resource-grid a,.mobility-result-grid a{font:700 13px/1.5 var(--sans);text-underline-offset:3px;overflow-wrap:anywhere}
.mobility-mark{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding-inline:8px;border:1px solid var(--ink);font:800 13px var(--sans)}
.mobility-finder{padding-block:32px;border-top:2px solid var(--ink);scroll-margin-top:24px}
.mobility-result-grid h3{font:500 23px/1.2 var(--serif);margin:12px 0}
.mobility-preview{padding:28px;margin-block:32px;border:1px solid var(--line);background:var(--paper-dark)}
.mobility-preview h2{margin:10px 0;font:500 clamp(28px,3vw,40px)/1.12 var(--serif)}
.mobility-preview nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:24px}
.mobility-preview nav a{display:flex;align-items:center;min-height:48px;padding:12px 16px;background:var(--paper);border:1px solid var(--line);font:700 14px/1.4 var(--sans);text-decoration:none}
.mobility-preview a:hover,.mobility-jump a:hover{color:var(--red)}
@media(max-width:1000px){.mobility-resource-grid,.mobility-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mobility-resource-grid,.mobility-result-grid,.mobility-preview nav{grid-template-columns:minmax(0,1fr)}.mobility-preview{padding:20px}}