/* Portal vein lesson. All rules scoped under .ptv-* */
.ptv-scene { width: 100%; max-width: 340px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ptv-map { display: block; width: 100%; max-height: 46vh; height: auto; overflow: visible; }
.ptv-body { fill: #2A2540; }
.ptv-limb { stroke: #2A2540; stroke-width: 24; stroke-linecap: round; fill: none; }
.ptv-leg { stroke-width: 28; }
.ptv-eso { stroke: rgba(255, 255, 255, .12); stroke-width: 6; fill: none; stroke-linecap: round; }
.ptv-gut { stroke: #C8738A; stroke-width: 11; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ptv-liver { fill: #8A3B2E; stroke: #C0604C; stroke-width: 1.5; transition: fill .6s, stroke .6s; }
.ptv-liver.ptv-scar { fill: #6B6157; stroke: #9C9188; stroke-dasharray: 3 3; }
.ptv-heart { fill: #E0484E; transform-box: fill-box; transform-origin: center; }
.ptv-v { stroke: #4E6BC9; stroke-width: 4; fill: none; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
.ptv-portal { stroke: #4E6BC9; transition: stroke .5s, stroke-width .5s; }
.ptv-lit .ptv-portal { stroke: #A99BFF; stroke-width: 6; opacity: 1; }
.ptv-lab { fill: var(--text); font: 600 18px var(--sans); }
.ptv-plab { fill: #A99BFF; opacity: 0; transition: opacity .5s; }
.ptv-lit .ptv-plab { opacity: 1; }
.ptv-hit { fill: transparent; cursor: pointer; }
.ptv-dot { fill: #8FA6F0; }
.ptv-dot.ptv-plain { fill: #8FA6F0; }
.ptv-dot.ptv-food { fill: #FCC050; }
.ptv-dot.ptv-drug { fill: #6FE3B2; }
.ptv-dot.ptv-dead { fill: #1A1220; stroke: #FFD9C7; stroke-width: .9; }
.ptv-dot.ptv-lost { fill: #6B6157; transition: opacity 1.2s .4s; opacity: 0 !important; }
.ptv-dot.ptv-stuck { fill: #FCC050; }
.ptv-pill { fill: #6FE3B2; stroke: #fff; stroke-width: 1.5; }
.ptv-pulse { animation: ptv-pulse .35s ease-out; }
@keyframes ptv-pulse { 50% { transform: scale(1.12); } }
.ptv-side path { stroke: #B65CC9; stroke-width: 5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ptv-ct { padding: 6px 14px; border-radius: 999px; background: var(--raised); font-size: 14px; font-weight: 700; color: var(--dim); }
.ptv-ct b { color: var(--text); font-size: 18px; font-variant-numeric: tabular-nums; }
.ptv-ct.ptv-none b { color: #FF8A8E; }
.ptv-ct.ptv-some b { color: #6FE3B2; }
.ptv-sm .ptv-map { max-height: 32vh; }
.ptv-sm .ptv-lab { display: none; }
.ptv-art { padding: 14px 0 24px; }
.ptv-art img { display: block; width: 240px; max-width: 100%; max-height: 30vh; object-fit: contain; margin: 0 auto; filter: drop-shadow(0 10px 18px rgba(123, 92, 253, .3)); }

@media (max-height: 700px) {
  .ptv-map { max-height: 40vh; }
  .ptv-sm .ptv-map { max-height: 28vh; }
  .ptv-art img { max-height: 26vh; }
}