/* Page look: Speak Your Mind (PLAN-disc step 8). Reader letters on the
   Bulletins terminal: each blockquote a letter card, the paragraph right
   after it the signature. */
.letters > * { max-width: 820px; }
.letters .mail blockquote { position: relative; margin: 26px 0 0; padding: 18px 22px 16px 26px; background: rgba(22,6,40,.72); border: 2px solid #b36cff;
  border-left: 8px solid var(--cyan); border-radius: 4px 14px 14px 4px; box-shadow: 6px 6px 0 rgba(0,0,0,.45); color: var(--ink); }
.letters .mail blockquote::before { content: ""; position: absolute; top: -12px; left: 18px; width: 40px; height: 14px; background: repeating-linear-gradient(90deg, #b36cff 0 6px, transparent 6px 10px); }
.letters .mail blockquote p { margin: 0 0 10px; }
.letters .mail blockquote p:last-child { margin-bottom: 0; }
.letters .mail blockquote + p { margin: 8px 6px 0 0; text-align: right; font: 26px/1 "VT323", "Courier New", monospace; color: var(--cyan); text-transform: uppercase; letter-spacing: .1em; text-shadow: 0 0 8px rgba(52,224,232,.5); }
.letters .mail > p:not(blockquote + p), .letters .mail > h2 { color: var(--dim); }
.letters .mail h2 { font: 30px/1 "VT323", "Courier New", monospace; color: #d7b0ff; text-transform: uppercase; letter-spacing: .08em; margin: 36px 0 0; }
.letters .mail a { color: var(--cyan); }