/* Join and account pages. Everything else comes from site.css. */
.bar a:not(.brand) { font: 600 13px var(--mono); text-transform: uppercase; letter-spacing: 0.05em; }
.offer .per { color: var(--muted); font-size: 15px; font-weight: 400; margin-left: 4px; }
.facts { width: auto; margin: 0 0 14px; }
.facts th, .facts td { text-align: left; white-space: normal; padding: 8px 18px 8px 0; }
.facts th { color: var(--muted); font-weight: 600; font-family: inherit; font-size: 15px; }
textarea { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 2px; background: var(--bg); color: var(--ink); font: inherit; resize: vertical; }
textarea:focus { outline: 3px solid var(--accent); outline-offset: 2px; }
.answer { margin-top: 14px; padding: 14px 16px; border-left: 3px solid var(--accent); background: var(--card); white-space: pre-wrap; }