:root{
  --navy:        #0a0f1e;  /* page background */
  --navy-mid:    #111827;  /* hover rows, inputs, note strip */
  --navy-soft:   #1a2540;  /* split panel, focused row */
  --navy-muted:  #2d3a55;  /* initials avatars */
  --white:        #ffffff;
  --off-white:   #f4f5f7;  /* quote text, secondary values */
  --black:        #000000;  /* CTA band */
  --muted:       #8b93a8;  /* body copy, nav links */
  --muted-dim:   #5b6478;  /* micro-labels, captions */
  --border:      rgba(255,255,255,0.08);
  --border-2:    rgba(255,255,255,0.14);
  --disputed:    #d8a13a;  /* amber — disputed flag */
  --approved:    #5fa978;  /* green — verified */
  --pending:     #8b93a8;
  --maxw: 1400px;
}

* {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    background: var(--navy);
    font-family:'Archivo',sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
}

header {
    height: 4rem;
    border-bottom: var(--border);
    border-width: 1px;
    border-style: solid;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

.nav-logo {
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--white);
  text-decoration: none;
}

.main-sect {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.card {
    max-width: fit-content;
    border: var(--border);
    border-style: solid;
    border-width: 1px;
    padding: 1rem;
    color: var(--white);
}

.eyebrow {
    font-size:.65rem;
    font-weight:600;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.page-head-title {
    font-size:clamp(2.2rem,4.2vw,3.4rem);
    font-weight:700;
    letter-spacing:-.03em;
    line-height:1.02;
}

.qc-text {
    font-size:1.02rem;
    font-weight:300;
    font-style:italic;
    line-height:1.65;
}

.party-badge,.life-num,.topic-ghost {
    font-family:'Archivo Narrow',sans-serif;
}

.page-head-sub {
    font-size:.95rem;
    color:var(--muted);
    font-weight:300;
    max-width:52ch;
    margin-top:0.55rem;
    line-height:1.7;
}