.writing-list { max-width: 680px; margin: 36px auto; }
.writing-entry { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; border-bottom: 1px solid #b7925e44; text-decoration: none; }
.writing-entry h2 { font-size: 26px; font-weight: normal; margin: 0; }
.writing-entry p { margin: 5px 0 0; color: var(--muted); font-size: 14px; }
.writing-entry > span { color: var(--brass); white-space: nowrap; }
.writing-entry:hover h2 { color: var(--brass); }
.writing-entry:focus-visible { outline: 2px solid var(--brass); outline-offset: 6px; }
.writing-reader { height: auto; }
body:has(.writing-reader[open]) { overflow: hidden; cursor: auto; }
.writing-reader, .writing-reader * { cursor: auto; }
.writing-reader button, .writing-reader a { cursor: pointer; }
.writing-text-view { max-width: 680px; margin: 0 auto; padding: 0 12px 16px; }
.writing-text-view h2 { font-size: 32px; font-weight: normal; margin: 0 0 32px; text-align: center; }
#writing-text { font-size: 18px; line-height: 1.8; }
#writing-text p { margin: 0 0 1.1em; }
#writing-text.screenplay { font-family: 'Courier New', Courier, monospace; font-size: 16px; line-height: 1.6; }
#writing-text .scene { font-weight: bold; text-transform: uppercase; margin-top: 2em; }
#writing-text .character { margin: 1.5em 0 .15em 30%; text-transform: uppercase; }
#writing-text .dialogue { margin-inline: 15%; }
#writing-text .parenthetical { margin: 0 20% .3em; }
#writing-text .transition { text-align: right; text-transform: uppercase; }
.writing-pdf-download { display: inline-block; margin-top: 28px; font-size: 15px; }
@media (max-width: 520px) { .writing-text-view { padding-inline: 0; } #writing-text { font-size: 17px; } #writing-text.screenplay { font-size: 15px; } #writing-text .dialogue { margin-inline: 7%; } }