/* PharmaSynapse - design system v4
   Page layer - received */

/* ============================================================
   PAGE LAYER — /early-access/received
   Four sections. Almost everything reuses system components; only the
   receipt strip and the three readiness blocks are new.
   ============================================================ */
.hero--ack{padding:56px 0 68px}
.hero--ack .d1{font-size:clamp(34px,4vw,50px)}

/* The receipt. Not a card: a card would make it look like a document, and
   this is an acknowledgement of one. Hairline rows, mono values. */
.receipt{margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);max-width:70ch}
.receipt p{font-size:15px;line-height:1.66;color:var(--on-dark-2);margin:0 0 10px}
.receipt p:last-child{margin-bottom:0}
.receipt b{color:var(--on-dark);font-weight:500}
.who-reads{margin-top:30px;padding:20px 22px;border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.14);border-left:2px solid var(--teal-bright);background:rgba(255,255,255,.045);max-width:70ch}
.who-reads p{font-size:15px;line-height:1.62;color:var(--on-dark-2);margin:0}
.who-reads b{color:var(--on-dark);font-weight:500}

/* Steps reuse .notes/.note/.idx from the system sheet unchanged. */
.note .stitle{font-size:16.5px;font-weight:600;letter-spacing:-.018em;color:var(--ink);margin:0 0 6px}

/* Readiness blocks. Three, equal weight, no accent: none of them is the
   important one, which is the point — all three have to be true. */
.ready{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}
.rb{padding:26px 24px;border-radius:var(--radius-card);background:#FFFFFF;border:1px solid var(--line)}
.rb h3{font-size:16px;font-weight:600;letter-spacing:-.018em;color:var(--ink);margin:0 0 10px}
.rb p{font-size:14.5px;line-height:1.58;color:var(--ink-2);margin:0}
/* Kept although this band is light. The audit will nag to flip it to navy (see
   the handoff), and if anyone ever does, the cards survive it. Also the sixth
   instance of the same defect shape: a light-ground component needing a colour
   reset on navy, after .mini, .page, .audit, the /resources pipeline and the
   /about founder blocks. marketing.css needs a systemic answer, not a seventh
   patch. */
.on-dark .rb{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
.on-dark .rb h3{color:var(--on-dark)}
.on-dark .rb p{color:var(--on-dark-2)}
.delete-note{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);max-width:74ch;font-size:14.5px;line-height:1.62;color:var(--on-dark-2)}
.delete-note b{color:var(--on-dark);font-weight:500}

@media(max-width:960px){.ready{grid-template-columns:1fr}}