/* ==========================================================================
   WMM — Support This Site
   08/06/2026. Register items 133 and 136.

   Three rules about the colour, kept here so they are not re-argued later:

   1. The gold is #D9A441 with a #212529 label. Measured 6.86:1 against the
      dark header bar, and 6.86:1 for the label on the button. WCAG AA wants
      4.5:1. The dark green this replaced was 1.96:1 against that bar, below
      the 3:1 floor for a control — it was invisible, not unattractive.

   2. Gold is a light sibling of the amber already in the palette, so it is
      not a new colour on the site. Nothing else on any screen is that colour,
      which is what makes it read as a button rather than as furniture.

   3. Colour never carries meaning on its own. Every gold thing here is also
      labelled in words. Turn the stylesheet off and the pages still read.
   ========================================================================== */

:root {
  --wmm-gold:      #D9A441;
  --wmm-gold-ink:  #212529;
  --wmm-gold-deep: #8a6410;
  --wmm-gold-pale: #FFFBF2;
  --wmm-gold-line: #F0DCAE;
}

/* --- the button in the dark header ------------------------------------- */
.wmm-support-btn {
  background: var(--wmm-gold);
  color: var(--wmm-gold-ink);
  border-radius: .3rem;
  padding: .34rem 1rem;
  font-weight: 700;
  font-size: .86rem;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
}
.wmm-support-btn:hover,
.wmm-support-btn:focus { background: #C89231; color: var(--wmm-gold-ink); text-decoration: none; }

.wmm-support-why {
  color: #adb5bd;
  font-size: .78rem;
  text-decoration: underline;
  white-space: nowrap;
  margin-right: .9rem;
}
.wmm-support-why:hover { color: #fff; }

/* --- the gold child in the sidebar ------------------------------------- */
.wmm-nav-child-gold { color: var(--wmm-gold-deep) !important; font-weight: 700; }
.wmm-nav-child-gold::before { content: "\2661\00a0"; }

/* --- the Notice Board nav link, lit gold only while she's on that page --
   ADDED 08/10/2026, Register 112c. Different from .wmm-nav-child-gold
   above: that one marks Negotiation Scenarios as special everywhere it
   shows. This one is a plain "you are here" highlight, gold instead of
   the blue every other active nav item gets, per Mary's explicit ask. */
.wmm-nav-child-active-gold {
  background: var(--wmm-gold-pale);
  color: var(--wmm-gold-deep) !important;
  font-weight: 700;
  border-left-color: var(--wmm-gold-line);
}

/* --- the Monthly Subscribers band on Investor Resources ---------------- */
.wmm-sub-band {
  background: var(--wmm-gold-pale);
  border: 1px solid var(--wmm-gold-line);
  border-radius: .5rem;
  padding: 1.4rem 1.5rem;
  margin: 0 0 1.2rem;
}
.wmm-sub-band > h3 {
  margin: 0 0 1rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--wmm-gold-deep);
}
.wmm-sub-tile { border-left: 4px solid var(--wmm-gold); }
.wmm-sub-tile-off { background: #fcfcfc; border-style: dashed; }
.wmm-sub-tile-off h4 { color: #5B5B54; }

/* --- the card ----------------------------------------------------------- */
.wmm-card-give {
  border-top: 1px solid #dee2e6;
  background: var(--wmm-gold-pale);
  padding: 1.1rem 1.35rem;
}
.wmm-card-qr {
  width: 6.4rem; height: 6.4rem;
  border: 1px solid #dee2e6; border-radius: .3rem; background: #fff;
}

/* --- printing: the ask is never part of a printed record ---------------- */
@media print {
  .wmm-support-btn,
  .wmm-support-why,
  .wmm-support-prompt,
  .wmm-sub-band { display: none !important; }
}

/* --- Negotiation Scenarios: what a printed copy keeps and drops ---------- */
@media print {
  .no-print,
  .wmm-dash-sidebar,
  nav.navbar { display: none !important; }
  /* every calculation opens on paper, whether or not she opened it on screen */
  details > div { display: block !important; }
  details { page-break-inside: avoid; }
  .card { border: 1px solid #999 !important; page-break-inside: avoid; }
  a[href]:after { content: ""; }
}