/* specimen pages; shared pieces come from refs.css and taxon.css */
.sp-meta { gap: 0.4em 1em; }
.sp-det { font-size: 1.05em; }
.sp-author, .sp-muted { color: var(--rw-muted); }

.sp-facts { display: grid; grid-template-columns: minmax(9em, max-content) 1fr; gap: 0.35em 1.4em; margin: 0.8em 0 0.4em; line-height: 1.45; }
.sp-facts dt { color: var(--rw-muted); }
.sp-facts dd { margin: 0; overflow-wrap: anywhere; }
.sp-maplink { margin-left: 0.5em; font-size: 0.9em; white-space: nowrap; }
.sp-notes { margin: 0.8em 0 0.4em; line-height: 1.5; }
.sp-portrait { cursor: pointer; }
.sp-place { margin: 0.6em 0 0; }
.rw-swatch.sp-swatch-this { background: #ffd34d; border-radius: 50%; box-shadow: 0 0 0 2px #16181a, 0 0 0 3px #ffd34d; width: 0.6em; height: 0.6em; margin-left: 0.3em; margin-right: 0.35em; }
.rw-map-foot input:disabled { opacity: 0.6; }

.sp-seq-tools { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0.6em 0; }
.sp-btn { font: inherit; font-size: 14px; line-height: 1.2; color: var(--rw-text); background: none; border: 1px solid rgb(130, 133, 138); border-radius: 3px; padding: 0.3em 0.6em; cursor: pointer; text-align: center; }
.sp-btn:hover, .sp-btn:focus-visible { text-decoration: underline; }
.sp-seq { margin: 0 0 0.6em; padding: 0.8em 1em; background: rgb(30, 32, 35); border: 1px solid var(--rw-line); border-radius: 3px; color: var(--rw-text); font-family: Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-all; }

@media (max-width: 600px) {
    .sp-facts { grid-template-columns: 1fr; gap: 0 0; }
    .sp-facts dt { margin-top: 0.55em; font-size: 0.9em; }
}