/* ============================================================
   Calmistry · Module 02 — Stress Processing
   Sibling of the Stress Origins instrument: same structure and type
   system, retuned from warm pink toward a cooler lavender/indigo so the
   module reads as distinct-but-coherent. Loaded AFTER app.css; overrides
   shared tokens only.
   ============================================================ */
:root{
  --bg:#f4f3fc;
  --bg-2:#ecebfa;
  --panel-2:#f7f6ff;
  --ink:#272140;
  --ink-2:#564d72;
  --muted:#9a92b6;
  --line:rgba(70,55,120,.10);
  --line-2:rgba(70,55,120,.16);

  --rose:#8b7bf0;          /* primary accent -> periwinkle/violet */
  --rose-deep:#6a55d8;
  --coral:#7aa8f0;         /* secondary -> cool blue */
  --lilac:#b69bf0;
  --mint:#7fded0;
  --grad:linear-gradient(112deg,#7aa8f0 0%,#8b7bf0 50%,#b69bf0 100%);
  --grad-soft:linear-gradient(112deg,#dbe6ff,#e6e0fb 52%,#efe6ff);
  --rose-wash:color-mix(in srgb,var(--rose) 12%,transparent);
  --lilac-wash:color-mix(in srgb,var(--lilac) 14%,transparent);

  --shadow:0 24px 60px -30px rgba(80,55,180,.40);
  --shadow-sm:0 12px 34px -20px rgba(80,55,180,.34);
  --shadow-pop:0 30px 80px -34px rgba(80,55,180,.5);
}
/* recolour the blobs to the cooler family */
.blob.b1{background:radial-gradient(circle,#cdd6ff,transparent 70%)}
.blob.b2{background:radial-gradient(circle,#ddd0fb,transparent 70%)}
.blob.b3{background:radial-gradient(circle,#cdeee8,transparent 70%)}

/* activation badge (the fortnight read) */
.activation{display:inline-flex;align-items:center;gap:.5em;font-family:var(--ff-mono);
  font-size:.7rem;letter-spacing:.04em;color:var(--rose-deep);background:var(--rose-wash);
  border:1px solid var(--line);border-radius:99px;padding:.45em .9em;margin:.2em 0 0}
.activation .dot{width:8px;height:8px;border-radius:50%;background:var(--grad)}

/* the two-sided "what helps / what backfires" panel — the useful payload */
.routes{display:grid;gap:12px;margin:1.2em 0 .4em}
@media(min-width:560px){.routes{grid-template-columns:1fr 1fr}}
.route{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);padding:14px 16px}
.route .t{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:center;gap:.5em;margin-bottom:.5em}
.route.help .t{color:#2c9a82}
.route.avoid .t{color:var(--rose-deep)}
.route .t .ic{font-size:.95rem}
.route p{font-size:.98rem;color:var(--ink-2);line-height:1.45}

/* measurement footnote */
.measure{font-family:var(--ff-mono);font-size:.7rem;color:var(--muted);margin:.4em 0 0;display:flex;gap:.5em;flex-wrap:wrap}
.measure b{color:var(--rose-deep);font-weight:500}

/* secondary-block line */
.secondary{font-family:var(--ff-mono);font-size:.74rem;color:var(--muted);margin:.5em 0 0}
.secondary b{color:var(--rose-deep);font-weight:500}