.curation { max-width: 72rem; margin: 2rem auto; padding: 0 1rem; font-family: system-ui, sans-serif; color: #24302c; line-height: 1.5; }
.curation fieldset { border: 1px solid #bdc9c2; border-radius: .5rem; padding: 1.25rem; margin: 1.5rem 0; min-width: 0; }
.curation legend { font-weight: 700; }
.curation label { display: block; margin-top: .75rem; font-weight: 600; }
.curation input, .curation textarea, .curation select { box-sizing: border-box; width: 100%; max-width: 100%; padding: .6rem; font: inherit; border: 1px solid #77877f; border-radius: .25rem; }
.curation textarea { white-space: pre-wrap; }
.curation button { padding: .65rem 1rem; margin: .5rem .5rem .5rem 0; cursor: pointer; font: inherit; }
.curation details { margin: 1rem 0; }
.curation summary { cursor: pointer; font-weight: 600; }
.curation [role=alert] { border-left: .3rem solid #a13131; padding: .75rem; background: #fff2f2; }
.reader-card { max-width: 40rem; padding: 1.5rem; border: 1px solid #c4cfc8; border-radius: .75rem; box-shadow: 0 3px 14px #24302c15; background: #fffdf8; overflow-wrap: anywhere; }
.reader-card .source-text { white-space: pre-wrap; font: 1.2rem/1.65 Georgia, serif; margin: 0; }
.curation-actions { display: flex; flex-wrap: wrap; }

.reader-card { margin: 1rem 0; }
.reader-card [hidden] { display: none; }
.reader-card .button_to { display: inline-block; }
.reader-card input { max-width: 100%; box-sizing: border-box; }