.archive-replay { max-width: 900px; }
.archive-replay h1 { margin-bottom: 1rem; }
.archive-notice { margin: 1rem 0; color: #52606d; }
.archive-study-card { display: block; border: 1px solid #dbe2e8; background: white; border-radius: .75rem; padding: 1.5rem; margin: 1rem 0; text-decoration: none; color: inherit; }
.archive-study-card span { display: block; color: #174f70; margin-top: .75rem; }
.archive-study-card:hover { border-color: #174f70; }
.archive-study-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 1rem; }
.archive-study-grid .archive-study-card { margin: 0; }
.archive-study-family { margin: 1.5rem 0; }
#archive-options label, #archive-chat-form label { display: block; font-weight: 600; margin: .75rem 0 .25rem; }
#archive-options select, #archive-chat-input { width: 100%; box-sizing: border-box; font: inherit; padding: .65rem; border: 1px solid #94a3b8; border-radius: .35rem; background: white; }
.archive-replay button { font: inherit; background: #174f70; color: white; border: 0; border-radius: .5rem; padding: .65rem 1rem; margin: 1rem 0; cursor: pointer; }
.archive-replay button:disabled { opacity: .5; cursor: wait; }
.archive-conversation { margin: 1.5rem 0; }
.archive-conversation-controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.archive-conversation-controls a { white-space: nowrap; }
#archive-messages { display: flex; flex-direction: column; gap: .75rem; margin: 1rem 0; }
.archive-message { max-width: 90%; border-radius: .6rem; padding: .85rem 1rem; background: white; white-space: pre-wrap; overflow-wrap: anywhere; }
.archive-message-user { align-self: flex-end; background: #e5eef5; }
#archive-complete { padding: 1rem; border: 1px solid #94a3b8; border-radius: .5rem; }