/* In-browser reader (site/<app>/read/). Colours and layout come from aurora.css; this file only adds the reader's parts. */
.rd-drop { display: block; margin-top: 16px; border: 2px dashed currentColor; border-radius: 16px; padding: 28px 16px; text-align: center; cursor: pointer; opacity: .9; }
.rd-drop input { display: block; margin: 0 auto 12px; max-width: 100%; }
.rd-status { min-height: 1.5em; font-weight: 600; }
.rd-summary { display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; }
.rd-summary dt { font-weight: 700; }
.rd-summary dd { margin: 0; overflow-wrap: anywhere; }
.rd-counts { font-weight: 700; }
.rd-scroll { overflow-x: auto; }
.rd-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.rd-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid rgba(127, 127, 127, .3); vertical-align: top; overflow-wrap: anywhere; }
.rd-list { padding-left: 20px; }
.rd-list li { margin: 6px 0; }
@media (max-width: 520px) { .rd-summary { grid-template-columns: 1fr; } .rd-summary dd { margin-bottom: 10px; } }
.rd-embed .au-top, .rd-embed .au-foot, .rd-embed .skip, .rd-embed .au-glow { display: none; }
.rd-embed .au-wrap { padding-top: 0; }
.rd-embed .rd-main, .rd-embed .au { padding-top: 8px; }
.rd-embed .au-hero, .rd-embed .au-sec { padding-top: 16px; }

/* Section and card spacing on the reader page (the app pages use wider sections). */
.rd-sec { padding-top: 56px; }
.rd-card { padding: 32px 28px; margin-top: 8px; }
.rd-card h2 { font-size: 30px; line-height: 1.15; margin-top: 0; }
.rd-card > p:first-of-type { margin-top: 10px; }
.rd-card .au-btn { margin-top: 4px; }
.rd-card .rd-drop { margin-top: 18px; }
@media (max-width: 520px) { .rd-sec { padding-top: 40px; } .rd-card { padding: 24px 20px; } .rd-card h2 { font-size: 26px; } }