.memories { padding-block: 1.5rem 3rem; max-width: 44rem; }
.memories-head { margin-bottom: 1.25rem; }
.memories-sub, .memories-empty, .credit-count, .memory-date { color: var(--muted); }
.memories-h2 { margin-top: 2rem; }
.memories-form { margin-block: 1.25rem 2rem; }
.memories-form input[type=text], .memories-form textarea { width: 100%; font: inherit; font-size: 16px; }
.memories-form textarea { min-height: 9rem; resize: vertical; }
.memories-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.memories-flash { padding: .75rem 1rem; border: 1px solid var(--accent); border-radius: var(--radius); background: var(--card); }
.memories-closed { padding: .75rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.memories-errors { color: #b3261e; }
.memories-errors ul { margin: 0; padding-left: 1.2rem; }
@media (prefers-color-scheme: dark) { .memories-errors { color: #f2b8b5; } }
.memories-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.memory { padding: 1rem; overflow-wrap: anywhere; }
.memory-text { margin: 0 0 .75rem; white-space: pre-wrap; font-family: var(--font-serif); }
.memory-text--clamp { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.memory-by { margin: 0; font-size: .95rem; }
.memory-date { display: block; font-size: .85rem; }
.memories-more, .memories-credits { margin-top: 1.5rem; text-align: center; }
.home-memories { padding-block: 1.5rem; }
.credit-list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .5rem; }
.credit-list li { padding: .5rem 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.credit-count { margin-left: .5rem; font-size: .9rem; }