/* ── HOMININ ENTER BUTTON ── */
#hom-enter-btn{display:inline-flex;align-items:center;gap:0.5rem;margin-top:0.8rem;
  padding:0.45rem 1rem;background:var(--accent-primary-dim);border:1px solid rgba(14,165,233,0.3);
  border-radius:var(--radius-full);color:var(--accent-primary);font-size:0.73rem;cursor:pointer;transition:all 0.2s;
  font-family:var(--font-sans);letter-spacing:0.05em;}
#hom-enter-btn:hover{background:rgba(14,165,233,0.25);color:var(--text-primary);}

/* ── HOMININ DEEP-DIVE OVERLAY ── */
#hominin-view{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--bg);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#hominin-view.open{opacity:1;pointer-events:auto;}
.hom-header{padding:1rem 1.5rem 0;flex-shrink:0;}
.hom-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;}
.hom-title{font-family:var(--font-head);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:0.01em;}
.hom-header-actions{display:flex;align-items:center;gap:0.5rem;}
.hom-action-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:0.4rem 0.8rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:0.8rem;transition:all var(--transition-fast);}
.hom-action-btn:hover{background:var(--surface-raised);color:var(--text-primary);}
#compare-hint{display:none;font-size:0.65rem;color:var(--accent-primary);margin-left:4px;}
.hom-filters{display:flex;gap:0.4rem;overflow-x:auto;padding-bottom:0.75rem;border-bottom:1px solid var(--border);}
.hom-filter{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:0.35rem 0.75rem;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:0.75rem;white-space:nowrap;transition:all var(--transition-fast);}
.hom-filter:hover{background:var(--surface-raised);color:var(--text-primary);}
.hom-filter.active{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600;}
.hom-body{display:flex;flex:1;overflow:hidden;gap:0;}
.hom-timeline{flex:1;overflow-y:auto;padding:1rem 1.5rem;min-width:0;}
.hom-detail-panel{width:380px;flex-shrink:0;overflow-y:auto;border-left:1px solid var(--border);padding:1rem 1.2rem;background:var(--surface);}
.hom-era-group{margin-bottom:1.2rem;}
.hom-era-title{font-family:var(--font-head);font-size:0.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.12em;padding-bottom:0.4rem;margin-bottom:0.5rem;border-bottom:1px solid var(--border);}
.hom-species{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:1px solid transparent;}
.hom-species:hover{background:var(--surface-raised);}
.hom-species.selected{background:var(--accent-primary-dim);border-color:var(--accent-primary);}
.hs-icon{font-size:1.8rem;flex-shrink:0;line-height:1;}
.hs-info{min-width:0;flex:1;}
.hs-name{font-family:var(--font-head);font-size:0.9rem;font-weight:600;color:var(--text-primary);}
.hs-latin{font-size:0.7rem;color:var(--text-secondary);font-style:italic;margin-bottom:0.2rem;}
.hs-mya{font-size:0.65rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:0.35rem;}
.hs-brain{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;}
.brain-bar-wrap{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden;max-width:120px;}
.brain-bar-fill{height:100%;border-radius:3px;transition:width 0.4s ease;}
.brain-label{font-size:0.6rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;}
.hs-icons-row{font-size:0.7rem;color:var(--text-secondary);margin-bottom:0.25rem;}
.hs-tags{display:flex;flex-wrap:wrap;gap:0.25rem;}
.hs-tag{font-size:0.6rem;padding:0.1rem 0.4rem;border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text-secondary);}
.hp-placeholder{color:var(--text-muted);font-size:0.85rem;text-align:center;margin-top:3rem;}
.hp-accent{height:3px;border-radius:2px;margin-bottom:0.8rem;}
.hp-top{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.8rem;}
.hp-icon{font-size:2.2rem;flex-shrink:0;}
.hp-name{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--text-primary);}
.hp-latin{font-size:0.75rem;color:var(--text-secondary);font-style:italic;}
.hp-mya{font-size:0.7rem;color:var(--text-muted);font-family:var(--font-mono);}
.hp-desc{font-size:0.8rem;color:var(--text-secondary);line-height:1.7;margin-bottom:0.8rem;}
.hp-section{font-size:0.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;margin:0.8rem 0 0.4rem;}
.hp-facts{display:grid;grid-template-columns:1fr 1fr;gap:0.3rem;margin-bottom:0.5rem;}
.hp-fact{display:flex;flex-direction:column;padding:0.4rem;border-radius:var(--radius-sm);background:var(--surface-raised);}
.hp-fact-l{font-size:0.6rem;color:var(--text-muted);margin-bottom:0.1rem;}
.hp-fact-v{font-size:0.75rem;color:var(--text-primary);font-family:var(--font-mono);}
.hp-detail{font-size:0.75rem;color:var(--text-secondary);line-height:1.7;margin-bottom:0.5rem;}
.hp-tags{display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:0.5rem;}
.hp-tag{font-size:0.6rem;padding:0.15rem 0.5rem;border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text-secondary);}
.hp-dna{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem;}
.dna-fill{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden;}
.dna-fill-inner{height:100%;border-radius:3px;transition:width 0.4s ease;}
[data-theme="light"] #hominin-view{background:var(--bg);}
[data-theme="light"] .hom-detail-panel{background:var(--surface);}
@media(max-width:768px){
  .hom-body{flex-direction:column;}
  .hom-detail-panel{width:100%;border-left:none;border-top:1px solid var(--border);max-height:45vh;}
  .hom-title{font-size:1.1rem;}
  .hom-filters{gap:0.3rem;}
  .hom-filter{font-size:0.7rem;padding:0.3rem 0.6rem;}
}

/* ── COMPARE CARD CSS CLASSES ── */
.compare-card{border-radius:var(--radius-lg);padding:1.2rem;border:1px solid var(--border);background:var(--surface-raised);}
[data-theme="light"] .compare-card{background:var(--surface-raised);border-color:var(--border);}
.cc-sub{font-size:0.65rem;color:var(--text-secondary);font-style:italic;margin-bottom:0.8rem;}
.cc-lbl{font-size:0.7rem;color:var(--text-secondary);margin-bottom:0.3rem;}
.cc-val{font-size:0.75rem;color:var(--text-primary);margin-bottom:0.5rem;font-family:var(--font-mono);}
.cc-desc{font-size:0.7rem;color:var(--text-secondary);line-height:1.6;margin-top:0.5rem;}
.cc-bar-bg{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:0.8rem;}
[data-theme="light"] .cc-bar-bg{background:var(--border);}
.cc-dna-bg{height:5px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:0.3rem;}
[data-theme="light"] .cc-dna-bg{background:var(--border);}
.cc-dna-label{font-size:0.65rem;margin-bottom:0.5rem;}