/* EasySpotter page (spotter.html); shares the layout classes of websdr.css */
.sp-jump { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; align-items: center; margin: 1.2rem 0 .4rem; }
.sp-jump span { color: var(--ink-2); font-size: .88rem; }
.sp-shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.sp-shots figure { margin: 0; display: flex; flex-direction: column; gap: .5rem; }
.sp-shots figure.wide { grid-column: 1 / -1; }
@media (max-width: 640px) { .sp-shots { grid-template-columns: minmax(0, 1fr); } }
.sp-shots a { display: block; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--surface-2); box-shadow: var(--shadow-sm); }
.sp-shots img { display: block; width: 100%; height: auto; }
.sp-shots figcaption { color: var(--ink-2); font-size: .88rem; }
.sp-what h2 { margin-bottom: .6rem; }
.sp-list { color: var(--ink-2); max-width: 52rem; padding-left: 1.2rem; }
.sp-list li { margin: .45rem 0; }
.sp-list a { color: var(--cq-deep); }