/* Journal — tightened surfaces. Linked AFTER trips.html's inline <style>.
   Visual only: every tab, list and detail keeps its markup, ids and handlers. */
.tabs { background: transparent; border-bottom: 1px solid #e4e0d4; padding: 0 20px; gap: 0; }
.tab { border-radius: 0; padding: 10px 14px; font-weight: 600; color: var(--text-muted, #666); border-bottom: 2px solid transparent; margin-bottom: -1px; transition: none; }
.tab:hover { background: transparent; color: var(--forest-800, #1a3a2a); }
.tab:active { transform: none; }
.tab.active { background: transparent; color: var(--forest-800, #1a3a2a); box-shadow: none; border-bottom-color: var(--forest-800, #1a3a2a); }
.stat-card { box-shadow: none; border: 1px solid #e4e0d4; border-radius: 14px; }
.stat-card:hover { transform: none; box-shadow: none; }
.trip-list, .lifelist-grid, .family-grid { background: transparent; box-shadow: none; gap: 8px; border-radius: 0; overflow: visible; }
.trip-card, .lifelist-item, .family-card { border: 1px solid #e4e0d4; border-radius: 14px; }
.trip-card { border-left-width: 1px; }
.trip-card:hover, .lifelist-item:hover, .family-card:hover { background: #fff; }
.trip-card:active, .lifelist-item:active, .family-card:active { background: #faf8f4; }
.trip-thumb, .lifelist-thumb { border-radius: 10px; }
.trip-detail-header { background: none; box-shadow: none; padding: 0 0 12px; border-radius: 0; }
.trip-detail-header h2 { font-size: 1.6rem; }
.trip-detail-menu-btn { width: 44px; height: 44px; border-radius: 50%; background: #f1eee6; color: var(--forest-800, #1a3a2a); display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.btn-back { width: 44px; height: 44px; border-radius: 50%; background: #f1eee6; color: var(--forest-800, #1a3a2a); border: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; flex-shrink: 0; }
.section-title { font-size: 1.25rem; }
.empty-state { background: #fff; border: 1px solid #e4e0d4; border-radius: 14px; box-shadow: none; }
.province-card, .family-card.complete, .family-card.nearly-complete { box-shadow: none; }
.sighting-list .sighting-card, .sc-list > * { border-radius: 14px; }
.empty-state { padding: 22px 16px; }
.empty-state-icon { font-size: 1.6rem; margin-bottom: 6px; }
.empty-state-icon svg { width: 28px; height: 28px; }
.empty-state h3 { font-size: 1.05rem; margin-bottom: 2px; }
.empty-state p { font-size: 0.9rem; }
html body .empty-state { padding: 22px 16px; }
html body .empty-state-icon { font-size: 1.6rem; margin-bottom: 6px; }
.sc-thumb, .lifelist-thumb, .trip-thumb { position: relative; }
.sc-thumb .credit-i, .lifelist-thumb .credit-i, .trip-thumb .credit-i { top: auto; bottom: 2px; right: 2px; width: 18px; height: 18px; font-size: 0.62rem; }
/* family cards: the representative photo carries the credit "i" (2026-09-06) */
.family-icon { position: relative; }
.family-icon .credit-i { top: auto; bottom: 2px; right: 2px; width: 16px; height: 16px; font-size: 0.58rem; }