/* Keanus Research Hub styles */
:root{
  --bg:#f7f7f9;
  --fg:#222;
  --muted:#6b7280;
  --card:#ffffff;
  --accent:#1f2937;
  --badge:#9ca3af;
  --link:#1d4ed8;
}
.krh-dark{
  --bg:#0f1216;
  --fg:#e5e7eb;
  --muted:#9ca3af;
  --card:#161a21;
  --accent:#e5e7eb;
  --badge:#475569;
  --link:#93c5fd;
}
.krh-container{
  font-family: Georgia, 'Times New Roman', serif;
  background: var(--bg);
  color: var(--fg);
  line-height: 1.6;
  min-height:100vh;
}
.krh-hero{ padding: 4rem 1rem 2rem; text-align:center; }
.krh-hero-inner{ max-width: 900px; margin: 0 auto; }
.krh-title{ font-size: clamp(2rem, 6vw, 3.25rem); letter-spacing: .5px; margin: 0; }
.krh-tagline{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  color: var(--muted); margin: .5rem 0 1rem; font-size: 1.1rem;
}
.krh-meta{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; color:var(--muted); }
#krh-dark-toggle{
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1000;
  margin-top:0;
  border:1px solid var(--badge);
  background: var(--card);
  color: var(--fg);
  border-radius:999px; padding:.5rem .9rem; cursor:pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  backdrop-filter: blur(6px);
}
@media (prefers-reduced-motion: no-preference){
  #krh-dark-toggle{ transition: transform .15s ease; }
  #krh-dark-toggle:hover{ transform: translateY(-1px); }
}
.krh-main{ max-width: 1100px; margin: 0 auto; padding: 1rem; }
.krh-section{ padding: 1.5rem 0; border-top:1px solid rgba(0,0,0,.06); }
.krh-section h2{ font-size: 1.6rem; margin-bottom: 1rem; }
.krh-card-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 900px){ .krh-card-grid{ grid-template-columns: 1fr; } }
.krh-card{
  background: var(--card); padding: 1.25rem; border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06); position: relative;
}
.krh-card h3{ margin-top: .5rem; font-size: 1.25rem; }
.krh-badge{
  position:absolute; top: .75rem; right:.75rem; background: var(--badge); color: white;
  padding: .2rem .5rem; border-radius: 8px; font-size:.8rem;
}
.krh-btn{ display:inline-block; margin-top:.75rem; padding:.5rem .8rem; border-radius:10px; text-decoration:none; border:1px solid var(--accent); color:var(--accent); }
.krh-btn.disabled{ opacity:.6; cursor:not-allowed; border-color: var(--badge); color: var(--muted); }
.krh-list .krh-list-item{ background: var(--card); padding: 1rem; border-radius: 12px; margin-bottom:.75rem; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.krh-empty{ color: var(--muted); }
.krh-timeline{ position: relative; padding-left: 1.25rem; }
.krh-timeline:before{ content:""; position:absolute; left:.45rem; top:0; bottom:0; width: 2px; background: var(--badge); }
.krh-timeline-item{ display:flex; gap:.75rem; margin-bottom:1rem; }
.krh-timeline-dot{ width: 10px; height:10px; border-radius:999px; background: var(--accent); margin-top:.45rem; }
.krh-update-content p{ margin: .25rem 0 0; }
.krh-footer{ text-align:center; padding: 2rem 1rem; color: var(--muted); }
.krh-footer a{ color: var(--link); text-decoration:none; }
.krh-social{ display:flex; gap:.5rem; justify-content:center; align-items:center; margin-bottom:.5rem; }