/* The drop pages only: /drops/, /drops/<slug> and /drops/<slug>/claim (functions/drops/). Linked after
   site.css by functions/_page.js, in place of the <style> block each of those pages used to carry. */
.prose .sub { color: var(--ink-3); margin: 0 0 var(--s3); font-size: 17px; }
.prose .meta { color: var(--ink-3); font-size: 14px; }
.prose .price { font-size: 26px; font-weight: 500; margin: 0 0 var(--s2); }
.prose .facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px var(--s3); font-size: 14px; margin: var(--s3) 0; }
.prose .facts dt { color: var(--ink-3); }
.prose .facts dd { margin: 0; }
.prose .panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.prose code { font-size: 13px; word-break: break-all; }

/* /drops/ — the list */
.drops { list-style: none; padding: 0; margin: 0 0 var(--s4); }
.drop-row { display: flex; flex-direction: column; gap: 2px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.drop-row .meta { color: var(--ink-3); font-size: 14px; }

/* /drops/<slug> — the winners and the signed-in panel */
.members { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.members li { font-size: 14px; }
#me { margin: var(--s4) 0; }
#me .meta { color: var(--ink-3); font-size: 14px; }