/* ======================================
   River Memory — Development Stage CSS
   Purpose: restraint, clarity, gravity
   ====================================== */

.river-memory-index,
.river-memory-record {
    max-width: 760px;
    margin: 0 auto;
    padding: 4rem 1.5rem;
    line-height: 1.75;
    color: #e5e7eb; /* light neutral for dark background */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ----------------------
   Sam's voice
---------------------- */

.sam-voice {
    font-style: italic;
    color: #9ca3af; /* softer than body text, still readable */
    margin-bottom: 3rem;
}

.sam-voice em {
    display: block;
}

/* ----------------------
   Index page entries
---------------------- */

.river-memory-list {
    margin-top: 3rem;
}

.river-memory-entry {
    margin-bottom: 2.75rem;
}

.river-memory-entry strong {
    display: block;
    font-weight: 600;
    color: #f9fafb;
    margin-bottom: 0.35rem;
}

.river-memory-verdict {
    color: #9ca3af;
    font-style: italic;
}

/* ----------------------
   Record layout
---------------------- */

.river-memory-record h1 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #f9fafb;
    margin-bottom: 2.75rem;
}

.river-memory-record h3 {
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-top: 3.25rem;
    margin-bottom: 0.9rem;
}

.river-memory-record p {
    margin-bottom: 1.4rem;
}

.river-memory-record ul {
    margin-left: 1.25rem;
    margin-bottom: 1.4rem;
}

.river-memory-record li {
    margin-bottom: 0.6rem;
}

/* ----------------------
   Verdict emphasis
---------------------- */

.river-memory-record h3 + p strong {
    font-weight: 600;
    color: #f9fafb;
}

/* ----------------------
   Footer line
---------------------- */

.river-memory-footer {
    margin-top: 4.5rem;
    color: #9ca3af;
    font-style: italic;
}

/* ----------------------
   Mobile restraint
---------------------- */

@media (max-width: 600px) {
    .river-memory-index,
    .river-memory-record {
        padding: 3rem 1.25rem;
    }
}
.sam-intro {
    margin-bottom: 4rem;
}
/* ----------------------
   Section breathing room
---------------------- */

.river-memory-record section,
.river-memory-record h3 {
    scroll-margin-top: 120px;
}

.river-memory-record h3 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Paragraph tightening for prose sections */
.river-memory-record p {
    max-width: 42em;
}

/* Lists slightly quieter than prose */
.river-memory-record ul {
    color: #d1d5db;
}