/* Field missions for the research team: read outdoors on a phone, one card per place. */
#missionMap{position:relative;z-index:var(--z-base);height:320px;margin:var(--space-3) 0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}
.mission-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}
.mission-list{list-style:none;padding:0;margin:var(--space-4) 0;display:grid;gap:var(--space-4)}
.mission-card{padding:var(--space-5) var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.mission-head{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}
.mission-num{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--color-text);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-text);font:700 var(--fs-md)/1 var(--font-sans);font-variant-numeric:var(--numeric-data)}
.mission-card.done .mission-num{background:var(--color-selection);color:var(--color-selection-halo);border-color:var(--color-selection)}
.mission-card h2{font:600 var(--fs-xl)/var(--lh-snug) var(--font-sans);margin:2px 0 var(--space-1)}
.mission-place{margin:0;font:400 var(--fs-sm)/var(--lh-normal) var(--font-sans);color:var(--color-text-muted)}
.mission-distance{margin:var(--space-1) 0 0;font:600 var(--fs-sm)/var(--lh-normal) var(--font-sans);color:var(--color-text-secondary);font-variant-numeric:var(--numeric-data)}
.mission-card h3{margin:var(--space-4) 0 var(--space-1-5);font:var(--text-eyebrow);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--color-text-muted)}
.mission-card ul{margin:0;padding-left:var(--space-5)}
.mission-card li{margin:var(--space-1) 0;font:400 var(--fs-md)/var(--lh-normal) var(--font-sans)}
.mission-targets{list-style:none;padding:0!important;display:grid;gap:var(--space-2)}
.mission-target{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}
.mission-target strong{display:block;font:var(--text-h3)}
.mission-target small{display:block;margin-top:2px;font:var(--text-caption);color:var(--color-text-muted)}
.mission-target .visit-state{color:var(--color-text);font-weight:var(--fw-semibold)}
.target-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.target-actions .button{font-size:var(--fs-sm)}
.mission-extra{margin:var(--space-4) 0}
@media(max-width:759px){.mission-card{padding:var(--space-4)}#missionMap{height:280px}}
/* Species maxima: measure the girth (open to everyone). */
.mission-set{margin:var(--space-5) 0 var(--space-6)}
.mission-set>h2{margin:0 0 var(--space-2);font:var(--text-h2)}
#girthMap{position:relative;z-index:var(--z-base);height:320px;margin:var(--space-3) 0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}
.girth-board{display:grid;gap:var(--space-1);font:600 var(--fs-sm)/var(--lh-normal) var(--font-sans)}
.mission-card h3.girth-tree{margin:0 0 var(--space-1);font:600 var(--fs-xl)/var(--lh-snug) var(--font-sans);letter-spacing:normal;text-transform:none;color:var(--color-text)}
.girth-card .visit-state{color:var(--color-text);font-weight:var(--fw-semibold)}
#research{margin-top:var(--space-6)}
@media(max-width:759px){#girthMap{height:280px}}
/* KYTE v20: find a girth tree by number, species or distance (FTK-08); a skip link past the map (A11Y-04). */
.missions-near-link{margin:0 0 var(--space-4)}
.girth-toolbar{align-items:flex-end}
.girth-find{flex:1 1 220px}
.girth-find input{margin-top:0}
.girth-tools-status{margin:var(--space-2) 0 0}
.skip-map{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-map:focus{position:static;width:auto;height:auto;display:inline-flex;align-items:center;min-height:var(--target-touch);margin:var(--space-2) 0 0;font:600 var(--fs-md)/1.3 var(--font-sans)}
.girth-map-credit{margin:0 0 var(--space-2)}
#girthList:focus{outline:none}
.girth-card .girth-line.near-tie{font-weight:400}
.girth-card .mission-distance{display:inline;margin:0}
.girth-alto{margin:var(--space-2) 0 0}