/* ================================================================
   Peptide Therapy Index — Theme CSS
   Overrides CSS custom properties only. No structural rules.
   All 5 sites share base.css; only this file changes per site.
   Brandbook ref: docs/brandbook.md — Site 1 (research topic group)
   Colors: Deep navy #1B3A5C primary, institutional blue #2462A8 accent
   Fonts: IBM Plex Serif (headings), IBM Plex Sans (body), IBM Plex Mono
   ================================================================ */

/* Google Fonts — IBM Plex Serif (headings), IBM Plex Sans (body), IBM Plex Mono (code) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@400;500&family=IBM+Plex+Mono:wght@400&display=swap');

:root {
  /* Colors — Brandbook Site 1 palette */
  --color-bg:            #ECF2FA;
  --color-surface:       #FFFFFF;
  --color-primary:       #1B3A5C;
  --color-accent:        #2462A8;
  --color-accent-light:  #E3EEFA;
  --color-text:          #2D3748;
  --color-text-body:     #2D3748;
  --color-text-muted:    #718096;
  --color-muted:         #718096;
  --color-border:        #E2E8F0;
  --color-primary-light: #E8EEFA;
  --color-badge-bg:      #E3EEFA;
  --color-badge-text:    #2462A8;

  /* Typography — Brandbook Site 1 fonts */
  --font-heading: 'IBM Plex Serif', Georgia, serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-meta:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  /* Answer capsule */
  --answer-capsule-border-color: #2462A8;
  --answer-capsule-bg:           #E3EEFA;

  /* Prose */
  --prose-max-width: 740px;
}

/* ── Typography overrides — academic restraint, compact and tight ─ */
h1 { font-size: 1.95rem; letter-spacing: -0.02em; }
h2 { font-size: 1.45rem; letter-spacing: -0.01em; }

/* ── Evidence Quality Badge variants ─────────────────────────────── */
/* Brandbook ref: docs/brandbook.md — Site 1, unique trust badge */
/* Variants: RCT Evidence / Preclinical / Case Series / Review-Meta */
.badge--rct {
  background: #E3EEFA;
  color:      #2462A8;
  border: 1px solid #2462A8;
}

.badge--preclinical {
  background: #EEF5EC;
  color:      #2D6A4F;
  border: 1px solid #52A475;
}

.badge--case-series {
  background: #F5F3FF;
  color:      #5E35B1;
  border: 1px solid #9575CD;
}

.badge--review-meta {
  background: #F0F0F3;
  color:      #4A4A6A;
  border: 1px solid #9090A8;
}

.badge--category {
  background: var(--color-primary);
  color:      #FFFFFF;
}

/* ── Research table — academic data presentation ─────────────────── */
.research-table {
  border-collapse: collapse;
  width:           100%;
  margin:          1.5rem 0;
  font-family:     var(--font-body);
  font-size:       0.9rem;
}

.research-table th {
  background:     var(--color-primary);
  color:          #FFFFFF;
  font-family:    var(--font-heading);
  font-weight:    600;
  font-size:      0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding:        0.55rem 1rem;
  text-align:     left;
}

.research-table td {
  padding:        0.65rem 1rem;
  border-bottom:  1px solid var(--color-border);
  vertical-align: top;
}

.research-table tr:hover td {
  background: var(--color-accent-light);
}

/* ── Peptide / compound tags — monospace pill, outlined ──────────── */
.peptide-tag {
  border:        1px solid var(--color-accent);
  color:         var(--color-accent);
  background:    transparent;
  border-radius: 3px;
  font-family:   var(--font-mono);
  font-size:     0.78rem;
  padding:       2px 7px;
  text-decoration: none;
  display:       inline-block;
}

.peptide-tag:hover {
  background:      var(--color-accent-light);
  text-decoration: none;
}

.peptide-tags {
  display:    flex;
  flex-wrap:  wrap;
  gap:        0.4rem;
  margin-top: 0.6rem;
}

/* ── Study Highlight panel — featured finding block ──────────────── */
/* Academic analog of other sites' spotlight/callout components */
.study-highlight {
  background: var(--color-primary);
  color:      #FFFFFF;
  padding:    2rem 2.5rem;
  margin-top: 0;
}

.study-highlight__inner {
  max-width: 1160px;
  margin:    0 auto;
}

.study-highlight__label {
  font-family:    var(--font-meta);
  font-size:      0.72rem;
  font-weight:    500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color:          rgba(255, 255, 255, 0.45);
  display:        block;
  margin-bottom:  0.6rem;
}

.study-highlight__title {
  font-family:   var(--font-heading);
  font-size:     1.15rem;
  color:         var(--color-accent);
  margin-bottom: 0.5rem;
  font-weight:   600;
}

.study-highlight__summary {
  font-family: var(--font-body);
  font-size:   1rem;
  color:       rgba(255, 255, 255, 0.85);
  max-width:   700px;
  line-height: 1.65;
}

.study-highlight__badge {
  margin-top: 0.75rem;
}

/* ── Index Masthead — replaces hero; academic typographic identity ── */
.index-masthead {
  border-top:    4px solid var(--color-primary);
  background:    var(--color-bg);
  padding:       2.5rem 0 1.75rem;
}

.index-masthead__label {
  font-family:    var(--font-mono);
  font-size:      0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color:          var(--color-muted);
  margin-bottom:  0.6rem;
}

.index-masthead__title {
  font-family:   var(--font-heading);
  font-size:     2.2rem;
  font-weight:   600;
  color:         var(--color-primary);
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
  line-height:   1.15;
}

.index-masthead__desc {
  font-family: var(--font-body);
  font-size:   0.95rem;
  color:       var(--color-muted);
  max-width:   640px;
  line-height: 1.6;
  margin:      0;
}

/* ── Index Filter Bar — category pills directly below masthead ── */
.index-filter {
  background:    var(--color-surface);
  border-top:    1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding:       0.85rem 0;
}

/* ── Index list header — entry count + "full index" link ─────── */
.index-list-header {
  display:         flex;
  justify-content: space-between;
  align-items:     baseline;
  margin-bottom:   1.25rem;
  padding-bottom:  0.6rem;
  border-bottom:   2px solid var(--color-primary);
}

.index-list-header__count {
  font-family:    var(--font-mono);
  font-size:      0.8rem;
  letter-spacing: 0.04em;
  color:          var(--color-muted);
}

.index-list-header__link {
  font-family: var(--font-body);
  font-size:   0.85rem;
  color:       var(--color-accent);
}

/* ── Sources rule — thin accent rule above sources ────────────────── */
.sources-rule {
  border:     none;
  border-top: 2px solid var(--color-accent);
  width:      3rem;
  margin:     2rem 0 1rem;
}

/* ── Footer: PTI-specific structural elements ──────────────────── */

/* Publication-style identifier — appears only on this site */
.site-footer__identifier {
  font-family:  var(--font-mono);
  font-size:    0.72rem;
  letter-spacing: 0.04em;
  color:        rgba(255, 255, 255, 0.3);
  margin-top:   0.25rem;
  border-top:   1px solid rgba(255, 255, 255, 0.1);
  padding-top:  0.5rem;
}

/* Correspondence line — muted, inline with footer register */
.site-footer__contact {
  font-size: 0.78rem;
  color:     rgba(255, 255, 255, 0.45);
}