/* K09 — Parkinson's page: notes, sources, and the dopamine pathway figure (shares .mfig, .tbi__alert and .tbi__prep from K07) */
.pd__note { max-width: 44rem; margin-top: 1.5rem; font-size: var(--text-small); line-height: 1.65; color: var(--color-text-2); }
.pd__note a, .pd__science a, .pd__refs a { text-decoration: underline; text-underline-offset: 3px; }
.pd__list-title { margin-bottom: 1rem; font-size: var(--text-small); font-weight: 600; color: var(--color-text-2); }
.pd__pull { max-width: 46rem; margin: 2rem 0 0; padding-left: 1.25rem; border-left: 3px solid var(--color-ember); font-family: var(--font-display); font-style: italic; font-size: clamp(1.25rem, 2.2vw, 1.5rem); line-height: 1.4; letter-spacing: var(--tracking-display); color: var(--color-red); }
.pd__seen { max-width: 46rem; margin-top: 2rem; padding: 1.5rem 1.75rem; border-radius: 22px; background: var(--color-white); box-shadow: 0 0 0 1px rgba(40,10,0,.06), inset 4px 0 0 var(--color-ember); }
.pd__seen-quote { margin-top: .6rem; font-family: var(--font-display); font-size: clamp(1.15rem, 2vw, 1.35rem); line-height: 1.45; letter-spacing: var(--tracking-display); }
.pd__seen-note { margin-top: .8rem; font-size: var(--text-small); line-height: 1.6; color: var(--color-text-2); }
.pd__unknown .aud__card { padding: 1.1rem 1.25rem; }
@media (min-width: 768px) { .aud__grid.pd__science { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pd__refs { display: grid; gap: .75rem; max-width: 50rem; margin: 0; padding-left: 1.25rem; font-size: var(--text-small); line-height: 1.6; color: var(--color-text-2); }
.pd__refs a { white-space: nowrap; }

/* Head inset (where it happens) and the bottom strip (what the person notices) */
.pdm .mfig__notes { padding-bottom: 1.1rem; }
.pdm__where .pdm__where-title { fill: #ffd29a; }
.pdm__head { fill: rgba(255,214,180,.06); stroke: rgba(255,214,180,.5); stroke-width: 1.6; stroke-linejoin: round; }
.pdm__head-brain { fill: rgba(255,170,120,.1); stroke: rgba(255,214,180,.25); stroke-dasharray: 3 4; }
.pdm__zoom { fill: none; stroke: rgba(255,179,71,.35); stroke-width: 1; stroke-dasharray: 4 5; }
.pdm__spot { fill: #ffb347; filter: drop-shadow(0 0 6px rgba(255,170,70,.9)); transform-box: fill-box; transform-origin: center; animation: pdm-spot 2.4s ease-in-out infinite; }
@keyframes pdm-spot { 50% { opacity: .55; transform: scale(1.35); } }
.pdm__panel { fill: rgba(255,214,180,.05); stroke: rgba(255,214,180,.12); }
.pdm__trace { fill: none; stroke: #ffd29a; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pdm__feel-state .pdm__sub { fill: #ffd29a; opacity: .85; }

/* Dopamine pathway figure: cells fade, alkaloids arrive, growth-factor halos form (driven by js/parkinsons-motion.js) */
.pdm { --fade: 0; --iboga: 1; --growth: 1; }
.pdm__brain path { fill: rgba(255,214,180,.035); stroke: rgba(255,214,180,.16); stroke-width: 1.2; }
.pdm__brain .pdm__fold { fill: none; stroke: rgba(255,214,180,.1); }
.pdm__vessel { fill: none; stroke: #b4462b; stroke-width: 6; stroke-linecap: round; opacity: calc(.25 + .45 * var(--iboga)); }
.pdm__striatum { opacity: calc(.95 - .6 * var(--fade) + .15 * var(--growth) * var(--fade)); }
.pdm__striatum-edge { fill: none; stroke: rgba(255,214,180,.3); stroke-width: 1; stroke-dasharray: 2 5; }
.pdm__axon { fill: none; stroke: #ffc27a; stroke-width: 1.8; stroke-linecap: round; opacity: .55; }
.pdm__axon.is-fading { stroke-dasharray: 5 calc(9px * var(--fade)); opacity: calc(.55 - .43 * var(--fade)); }
.pdm__axon:not(.is-fading) { stroke-width: calc(1.8px + 1.4px * var(--growth)); opacity: calc(.55 + .35 * var(--growth)); filter: drop-shadow(0 0 calc(5px * var(--growth)) rgba(255,170,70,.7)); }
.pdm__cell { fill: #ffd29a; stroke: #120a08; stroke-width: 2; filter: drop-shadow(0 0 6px rgba(255,170,70,.7)); }
.pdm__cell.is-fading { opacity: calc(1 - .72 * var(--fade)); fill: color-mix(in srgb, #ffd29a calc(100% - 70% * var(--fade)), #6b5b5e); filter: none; }
.pdm__clumps path { fill: #6d4a7a; stroke: #2a1830; stroke-width: 1; opacity: var(--fade); }
.pdm__halos circle { transform-box: fill-box; transform-origin: center; opacity: var(--growth); transform: scale(calc(.5 + .5 * var(--growth))); }
.pdm__halos .is-faint { opacity: calc(.35 * var(--growth)); }
.pdm__dopamine circle:first-child { fill: rgba(255,196,110,.22); }
.pdm__dopamine circle:last-child { fill: #fff3d6; }
.pdm__molecules polygon { fill: none; stroke: #9fe3d0; stroke-width: 1.6; }
.pdm__molecules circle { fill: #9fe3d0; }
.pdm__labels text, .pdm__meter text, .pdm__where text, .pdm__feel text { fill: rgba(255,232,210,.8); font-family: var(--font-sans); font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }
.pdm__label-blood { fill: #9fe3d0 !important; opacity: 0; transition: opacity var(--duration-normal); }
.pdm[data-stage="2"] .pdm__label-blood, .pdm[data-stage="3"] .pdm__label-blood { opacity: 1; }
.pdm__label-gdnf { fill: #ffd166 !important; opacity: var(--growth); }
.pdm__label-clump { fill: #c9a6d6 !important; opacity: calc(var(--fade) * (1 - var(--growth))); }
.pdm__meter-track { fill: rgba(255,214,180,.15); }
.pdm__meter-fill { fill: #ffb347; }
.pdm__meter-ghost { fill: none; stroke: #ffd166; stroke-width: 1; stroke-dasharray: 3 3; opacity: var(--growth); }
.pdm__meter-note { fill: rgba(255,214,150,.75) !important; font-size: 12px !important; text-transform: none !important; letter-spacing: .02em !important; opacity: var(--growth); }
.pdm__labels .pdm__sub, .pdm__where .pdm__sub, .pdm__feel .pdm__sub { font-size: 12px; text-transform: none; letter-spacing: .02em; opacity: .62; }
.pdm__key { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: 1rem 0 0; padding: 0; list-style: none; font-size: var(--text-small); line-height: 1.4; color: var(--color-text-2); }
.pdm__key li { display: flex; align-items: center; gap: .5rem; }
.pdm__key svg { flex: none; width: 20px; height: 20px; }
@media (max-width: 600px) { .pdm__labels text, .pdm__meter text, .pdm__where text, .pdm__feel text { font-size: 19px; } .pdm__sub, .pdm__meter-note { font-size: 15px !important; } .pdm__key { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .pdm__label-blood { transition: none; } .pdm__spot { animation: none; } }
@media (min-width: 601px) { .pdm .mfig__notes p { min-height: 7.5rem; } }