/* J02: Iboga vs ayahuasca. Two-lane comparison figure (shares .mfig from K07, .sci from J05; driven by js/iboga-ayahuasca-motion.js) */
.ivam { --plant: 0; --night: 1; --tags: 1; --after: 1; --live: 0; --ivam-iboga: #ffb347; --ivam-aya: #9fe3d0; --ivam-gold: #ffd166; --ivam-ink: rgba(255,232,210,.8); }
.article__body .ivam .mfig__notes p { margin: 0; }
.ivam__panel { fill: rgba(255,214,180,.035); stroke: rgba(255,214,180,.12); }
.ivam__name, .ivam__kind, .ivam__plantlabel, .ivam__what, .ivam__labels-night text, .ivam__labels-after text, .ivam__ticklabels text, .ivam__divider, .ivam__tags text { font-family: var(--font-sans); fill: var(--ivam-ink); }
.ivam__name { font-size: 15px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ivam__lane--iboga .ivam__name { fill: var(--ivam-iboga); }
.ivam__lane--aya .ivam__name { fill: var(--ivam-aya); }
.ivam__kind { font-size: 13px; opacity: .75; }
.ivam__plantlabel { font-size: 12px; letter-spacing: .02em; opacity: calc(.7 + .3 * var(--plant)); }
.ivam__sub { font-size: 11.5px; opacity: .65; letter-spacing: .02em; text-transform: none; }
.ivam__divider { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; opacity: .6; }

/* The plants: bright while "The plant" is the stage, then they step back */
.ivam__plant { opacity: calc(.55 + .45 * var(--plant)); transform-box: fill-box; transform-origin: 50% 100%; transform: scale(calc(.94 + .06 * var(--plant))); }
.ivam__ground { fill: none; stroke: rgba(255,214,180,.3); stroke-width: 1; stroke-dasharray: 3 5; }
.ivam__stem { fill: none; stroke: #8fae7a; stroke-width: 2.2; stroke-linecap: round; }
.ivam__leaf ellipse { fill: #5f8a5a; stroke: #2c3d27; stroke-width: 1; }
.ivam__fruit circle { fill: #ff8a3d; filter: drop-shadow(0 0 4px rgba(255,138,61,.7)); }
.ivam__root { fill: none; stroke: #c98a5a; stroke-width: 4; stroke-linecap: round; }
.ivam__bark { fill: none; stroke: var(--ivam-iboga); stroke-width: 9; stroke-linecap: round; opacity: .55; filter: drop-shadow(0 0 calc(8px * var(--plant)) rgba(255,170,70,.8)); }
.ivam__vine { fill: none; stroke: #b98a5e; stroke-width: 5; stroke-linecap: round; }
.ivam__vine--b { stroke: #8a6646; }
.ivam__pleaf { fill: #4f8a6a; stroke: #234032; stroke-width: 1; }
.ivam__rib { fill: none; stroke: rgba(220,255,235,.45); stroke-width: 1; }

/* Shared time axis, drawn once in each lane */
.ivam__nightband { fill: rgba(60,40,90,.28); }
.ivam__axis, .ivam__ticks { fill: none; stroke: rgba(255,214,180,.3); stroke-width: 1; }
.ivam__ticklabels text { font-size: 11.5px; opacity: .65; }
.ivam__what { font-size: 14px; opacity: calc(1 - var(--night)); }

/* Traces: the shape of each experience over time (drawn by the script) */
.ivam__trace { fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ivam__trace--iboga { stroke: var(--ivam-iboga); filter: drop-shadow(0 0 6px rgba(255,150,60,.55)); }
.ivam__trace--aya { stroke: var(--ivam-aya); filter: drop-shadow(0 0 6px rgba(120,220,190,.5)); }
.ivam__area { stroke: none; }
.ivam__tail { fill: none; stroke: var(--ivam-gold); stroke-width: 1.6; stroke-dasharray: 4 4; opacity: var(--after); }
.ivam__now { fill: none; stroke: rgba(255,243,214,.35); stroke-width: 1; stroke-dasharray: 2 4; opacity: var(--live); }
.ivam__head { fill: #fff3d6; opacity: var(--night); }
.ivam__glow { opacity: 0; }

/* Labels that belong to a stage */
.ivam__labels-night text { font-size: 13px; letter-spacing: .05em; text-transform: uppercase; opacity: var(--night); }
.ivam__labels-night .ivam__sub { text-transform: none; }
.ivam__tags { opacity: var(--tags); }
.ivam__tags rect { fill: #1d100b; stroke: rgba(255,214,180,.3); stroke-width: 1; }
.ivam__tags text { font-size: 12px; }
.ivam__tags .ivam__tagnote { fill: var(--ivam-gold); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.ivam__labels-after { opacity: var(--after); }
.ivam__labels-after text { font-size: 12.5px; letter-spacing: .05em; text-transform: uppercase; }
.ivam__labels-after .ivam__sub { text-transform: none; }
.ivam__labels-after .ivam__label-nor { fill: var(--ivam-gold); }
.ivam__bracket { fill: none; stroke: rgba(255,214,180,.35); stroke-width: 1; }

/* Key under the scene; resets the article list styles */
.article__body .ivam__key { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: 0; padding: 1rem 1.5rem 0; list-style: none; font-size: var(--text-small); line-height: 1.4; color: var(--color-text-2); }
.article__body .ivam__key li { display: flex; align-items: center; gap: .5rem; color: inherit; }
.ivam .ivam__key svg { flex: none; width: 20px; height: 20px; }

@media (min-width: 601px) { .ivam .mfig__notes p { min-height: 8.5rem; } }
@media (max-width: 600px) {
  /* Larger where the layout has room; tag pills and plant labels keep their size so their boxes still fit */
  .ivam__labels-night text, .ivam__labels-after text, .ivam__name { font-size: 15px; }
  .ivam__ticklabels text, .ivam__kind { font-size: 14px; }
  .article__body .ivam__key { flex-direction: column; padding-inline: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) { .ivam__glow, .ivam__now { display: none; } }

/* A week at Bwiti Life: the shared step cards, spaced for the article column */
.article__body .ivam-week { margin: 1.25rem 0; }
.article__body .ivam-week .aud__step p { margin-top: .4rem; }