#page-title{-webkit-user-select:none;user-select:none;cursor:pointer}
#page-title .name-switch{gap:12px;align-items:center;line-height:1.15;white-space:normal}
.name-switch #person-name{text-decoration:none;display:inline-block;white-space:nowrap}
#person-name-wrap{display:inline-block;overflow:clip;vertical-align:bottom;transition:width .22s ease;white-space:nowrap}
.heading-copy{white-space:nowrap}
#page-title .heading-switch-icon{width:25px;height:25px;padding:5px;border:1px solid transparent;border-radius:50%;color:#8d9c85;flex-shrink:0}
#page-title .name-switch:hover .heading-switch-icon{transform:none;background:#e9eee3;border-color:#d7e0ce;color:var(--green)}
.route-thumb{background:linear-gradient(145deg,#f1f4eb,#e9eee2);background-image:linear-gradient(145deg,#f1f4eb,#e9eee2);padding:4px;border:1px solid #e5eadf}
.route-thumb .thumbnail-contours{fill:none;stroke:#a8b69a;stroke-width:.8;opacity:.4}
.route-thumb>path{stroke-width:3;filter:drop-shadow(0 1px 1px #fffefa)}
.tag-field{padding:0;border:0;margin:18px 0 0;font-size:13px;font-weight:550}
.field :is(input,select,textarea):focus{outline:none;border-color:#7b9570;box-shadow:0 0 0 1px #7b9570}
.auto-trip-choice{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:10px;cursor:pointer;line-height:1.5}
.auto-trip-choice input{accent-color:var(--green);margin:0;flex-shrink:0}
.tag-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.tag-choices label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:13px;font-weight:400;cursor:pointer}
.tag-choices label:has(input:checked){background:var(--green-soft);border-color:#adc29f;color:var(--green)}
.tag-choices input{accent-color:var(--green);margin:0}
.card-tags,.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.card-tags>span,.detail-tags>span{font-size:8px;padding:3px 6px;border-radius:3px;background:#e9eee3;color:#617457;line-height:1.4}
.detail-tags>span{font-size:10px;padding:5px 8px}
.detail-trip{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.detail-trip .icon{width:14px;height:14px}
.trip-group{margin:0 0 8px}
.trip-group:has(>.trip-heading){margin:12px 0 22px;padding:0 5px 6px;border:1px solid #ccd7c5;border-left:3px solid #91a787;border-bottom-width:2px;border-radius:8px;background:#f1f4ec}
.trip-group:has(>.trip-heading)>.trip-heading{padding:12px 8px 11px;border-bottom:1px solid #dce3d5;margin-bottom:3px}
.trip-group:has(>.trip-heading)>.hike-card{padding:17px 8px}
.trip-group:has(>.trip-heading)>.hike-card:last-child{margin-bottom:0;border-bottom-color:transparent}
.panel-heading{display:flex;align-items:center;justify-content:space-between;margin:-9px 0 12px;font-size:11px;font-weight:600;color:var(--green)}
.panel-heading .icon-button{width:26px;height:26px;min-height:26px;margin-right:-5px}
.workspace.focused:not(.has-hike) .leaflet-control-zoom{margin-bottom:55px!important}
.trip-heading{display:flex;align-items:center;gap:7px;width:100%;padding:13px 10px 8px;background:none;border:0;text-align:left;color:var(--green)}
.trip-heading>.icon{width:15px;height:15px;flex-shrink:0}.trip-heading>span{font-size:13px;font-weight:600;overflow-wrap:anywhere}.trip-heading small{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--muted)}
#peak-controls{margin-top:0}
#peak-list-filter{font-size:11px;background-color:var(--white);border:1px solid var(--line);border-radius:5px;width:100%;padding:11px 44px 11px 12px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2340574b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
.peak-progress{display:flex;align-items:baseline;gap:8px;margin-top:20px}.peak-progress strong{font-size:22px;font-weight:500;color:var(--green)}.peak-progress>span{font-size:11px;color:var(--muted)}
.peak-caption{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:6px;font-size:11px;color:var(--muted)}.peak-source{text-underline-offset:3px}
.peak-list{padding-top:10px}
.peak-card{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px;margin:4px 0;text-align:left;background:#f1f2eb;border:1px solid var(--line);border-radius:6px}
.peak-card:hover{border-color:#a9bca0}.peak-card.visited{background:#e7efdf;border-color:#b9cbae}
.peak-card-symbol{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;color:#99a48e}.peak-card.visited .peak-card-symbol{color:var(--green)}
.peak-card-symbol .icon{width:23px;height:23px}.peak-card-body{flex:1;min-width:0}.peak-card-body strong{display:block;font-size:14px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.peak-card-body small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.peak-state{font-size:11px;color:var(--muted);white-space:nowrap}.visited .peak-state{color:#426743}
.peak-map-symbol{display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--white);border-radius:50%;background:#d8ded1;color:#78876b;box-shadow:0 1px 5px #27392c33}.peak-map-symbol.visited{background:#456c3f;color:white}.peak-map-symbol .icon{width:17px;height:17px}
.peak-popup strong,.peak-popup>span,.peak-popup small{display:block;margin-bottom:6px}.peak-popup strong{font-family:var(--serif);font-weight:400;font-size:20px}.peak-popup small{font-size:10px;color:var(--muted)}
@media(max-width:700px){#page-title .name-switch{gap:7px}.collection-identity h1{font-size:26px}#page-title .heading-switch-icon{width:21px;height:21px;padding:4px}.peak-card{padding:13px 7px;gap:6px}.peak-state{font-size:7px}.card-tags>span{font-size:7px}}
@media(max-width:380px){.collection-identity h1{font-size:22px}.peak-state{display:none}}
@media(prefers-reduced-motion:reduce){#person-name-wrap{transition:none}}

.trip-group:not(:has(>.trip-heading)){margin:12px 0 16px;padding:0 5px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.trip-group:not(:has(>.trip-heading))>.hike-card{margin:0;padding:17px 8px;border:0;border-radius:7px}
#peak-list-filter{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);min-height:44px;height:44px;padding-top:10px;padding-bottom:10px;border-color:var(--line);border-radius:6px;line-height:1.3}
#peak-list-filter option{font-family:var(--sans);font-size:15px;font-weight:400}

.collection-stat-link{appearance:none;-webkit-appearance:none;display:block;min-height:44px;width:100%;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:left}

select:not([multiple]){appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2340574b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:44px}