/* ===========================================================================
   THE MEDICINE CABINET — the room's own rules.
   ===========================================================================
   The cabinet borrows the vault's card, strip and gate classes on purpose (see
   the note above #view-medicine in index.html); only these two are its own.
   =========================================================================== */

/* THE MEDICINE CABINET'S STANDING NOTICE.
   Quiet on purpose — the weight of a .page-sub rather than a warning banner.
   It has to be read once and then sit there for a year without becoming
   something the eye skips, which is what happens to anything drawn in red.
   The rule down the left is the device .vault-renew already uses, at the same
   13% mix, so it reads as part of the page rather than as an interruption.
   Every colour is a token: twelve themes and a contrast harness. */
.med-note{ position:relative; padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4); margin:0 0 var(--space-6);
  border-radius:var(--radius-card); font-size:var(--type-body); line-height:1.55; color:var(--text-dim);
  background:color-mix(in srgb, var(--text) 4%, transparent);
  max-width:var(--prose-measure); }
.med-note::before{ content:''; position:absolute; left:0; top:10px; bottom:10px; width:2px;
  border-radius:var(--radius-tight); background:color-mix(in srgb, var(--text) 13%, transparent); }

/* Repeats left, in the same slot the cost occupies on a vault card but NOT in
   the mono face. "£15.49" is a figure and reads right in mono; "no repeats
   left" is a sentence, and set in mono it reads as a code fragment somebody
   forgot to format. Same size and colour, so the two still line up. */
.med-repeats{ font-variant-numeric:tabular-nums; }
/* Nothing left on the prescription is the one reading on this card that means
   do something, so it carries the same weight the dates do when they are
   close. Not red: red is for a state Lucid is sure about, and "he has not
   updated the number since the last collection" is indistinguishable from it. */
.med-repeats.none{ color:var(--text); font-weight:600; }