/* Plan a Trip — tightened surfaces. Linked AFTER the page's inline <style>.
   Visual only: ids, handlers, labels (Very common / Common / Regular /
   Occasional, LIFER badge, lifer + guides pills) are untouched. */
.intro { display: none; }
.page-toprow { justify-content: space-between; text-align: left; }
/* tight.css's .field is an input-like row; here .field is the planner's field WRAPPER */
.planner .field { display: block; padding: 0; background: none; border: 0; border-radius: 0; margin: 0 0 14px; }
.intro .icon { display: none; }
.intro p { font-size: 0.95rem; color: var(--text-muted, #666); }
.planner { background: none; border: 0; box-shadow: none; padding: 0; }
.field label { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--forest-800, #1a3a2a); margin: 0 0 6px; }
.planner input[type="text"], .planner select { background: #fff; border: 1px solid #e4e0d4; border-radius: 14px; padding: 13px 14px; font-size: 0.95rem; }
.planner input[type="text"]:focus, .planner select:focus { border-color: var(--forest-600, #2d5a3d); }
.planner select { -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a3a2a' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px; }
.loc-row { flex-wrap: wrap; gap: 6px; }
.loc-row input[type="text"] { flex: 1 1 100%; }
.gps-btn { width: auto; border: 0; background: none; padding: 6px 0 0; font-size: 0.9rem; font-weight: 600; color: var(--forest-600, #2d5a3d); gap: 6px; font-family: inherit; }
.gps-btn::after { content: 'Use my location'; }
.gps-btn:hover { background: none; }
.row-2 { gap: 10px; }
.row-2 .field { margin-bottom: 14px; }
.planner.in-pack .row-2 { display: none; }
.for-line { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 0.95rem; color: var(--text-primary, #1a1a1a); margin: 0 0 14px; }
.for-line strong { font-weight: 700; color: var(--forest-800, #1a3a2a); }
.for-line button { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--forest-600, #2d5a3d); cursor: pointer; }
.guide-caption { font-size: 0.85rem; color: var(--text-muted, #666); }
.plan-btn { background: var(--forest-800, #1a3a2a); border-radius: 14px; padding: 15px; min-height: 52px; }
.plan-btn:hover { background: var(--forest-800, #1a3a2a); }
.plan-btn:disabled { background: #e4e0d4; color: var(--text-muted, #666); }
.guide-warn { border-radius: 14px; }
.results-summary { font-size: 1.05rem; color: var(--text-primary, #1a1a1a); }
.results-summary strong { color: var(--forest-800, #1a3a2a); }
.species-list { gap: 8px; }
.species-card { border: 1px solid #e4e0d4; border-radius: 14px; box-shadow: none; padding: 10px 12px; }
.species-thumb { width: 56px; height: 56px; border-radius: 10px; }
.species-common { font-size: 1rem; }
.species-sci { font-size: 0.82rem; }
.species-freq { font-size: 0.78rem; font-weight: 600; color: var(--text-muted, #666); }
.species-freq .bar { background: var(--forest-600, #2d5a3d); }
.guides-head { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--forest-800, #1a3a2a); }
.guide-card { border: 1px solid #e4e0d4; border-radius: 14px; box-shadow: none; }
.guides-pill { border-radius: 999px; }
.lifer-pill { border-radius: 999px; }
.loc-results { border-radius: 14px; border: 1px solid #e4e0d4; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }
.species-thumb-wrap { position: relative; overflow: visible; padding: 0; }
.species-thumb-wrap img { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; display: block; }
.species-thumb-wrap .credit-i { top: auto; bottom: 3px; right: 3px; width: 20px; height: 20px; font-size: 0.68rem; }