/* BoboEdu: flashcard-psychology-scenes.css */
.pc-heading {
  fill: var(--ink);
  font: 850 13px var(--font-display);
  letter-spacing: 0.035em;
}
.pc-label {
  fill: var(--ink);
  font: 700 12px var(--font-ui);
}
.pc-small,
.pc-foot {
  fill: var(--muted);
  font: 600 11px var(--font-ui);
}
.pc-foot {
  font-size: 10.5px;
}
.pc-line,
.pc-arrow,
.pc-axis,
.pc-tick,
.pc-emphasis-line {
  fill: none;
  stroke: var(--accent);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pc-dashed {
  stroke-dasharray: 5 5;
}
.pc-arrow {
  stroke-width: 3;
}
.pc-bubble,
.pc-paper,
.pc-window,
.pc-lens {
  fill: var(--surface);
  stroke: var(--line-strong);
  stroke-width: 2;
  stroke-linejoin: round;
}
.pc-bubble-text {
  fill: var(--ink);
  font: 650 11px var(--font-ui);
}
.pc-cookie,
.pc-teddy {
  fill: #d6a459;
  stroke: #8a572f;
  stroke-width: 2;
}
.pc-chip {
  fill: #6f4328;
}
.pc-button,
.pc-token {
  fill: var(--hl);
  stroke: var(--warn);
  stroke-width: 2;
}
.pc-token-text {
  fill: #654c17;
  font: 850 15px var(--font-display);
}
.pc-brain,
.pc-thought {
  fill: var(--accent-soft);
  stroke: var(--accent);
  stroke-width: 2;
}
.pc-cog {
  fill: var(--tint);
  stroke: var(--line-strong);
  stroke-width: 2.5;
}
.pc-cog-tooth {
  fill: none;
  stroke: var(--line-strong);
  stroke-width: 13;
  stroke-linecap: square;
}
.pc-slate {
  fill: #234d44;
  stroke: #bd925d;
  stroke-width: 8;
}
.pc-chalk {
  fill: none;
  stroke: #fff4e8;
  stroke-width: 4;
  stroke-linecap: round;
}
.pc-piece {
  fill: var(--tint);
  stroke: var(--accent);
  stroke-width: 2;
}
.pc-piece-1 {
  fill: var(--good-soft);
}
.pc-piece-2 {
  fill: var(--warn-soft);
}
.pc-prop-symbol {
  fill: var(--ink);
  font: 800 25px var(--font-display);
}
.pc-ground,
.pc-bridge,
.pc-stairs,
.pc-choice-road,
.pc-road-arrow {
  fill: none;
  stroke: var(--line-strong);
  stroke-width: 5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.pc-bridge {
  stroke: #bd925d;
}
.pc-route,
.pc-gaze {
  fill: none;
  stroke: var(--accent);
  stroke-width: 3;
  stroke-dasharray: 5 5;
}
.pc-cross,
.pc-muted-cross {
  fill: none;
  stroke: var(--bad);
  stroke-width: 5;
  stroke-linecap: round;
}
.pc-muted-cross {
  opacity: 0.45;
  stroke-width: 3;
}
.pc-timeline,
.pc-average,
.pc-gap {
  fill: none;
  stroke: var(--accent);
  stroke-width: 3;
}
.pc-tick {
  stroke: var(--ink);
}
.pc-book,
.pc-cabinet,
.pc-metronome {
  fill: var(--tint);
  stroke: var(--line-strong);
  stroke-width: 2;
  stroke-linejoin: round;
}
.pc-lever {
  fill: none;
  stroke: var(--ink);
  stroke-width: 7;
  stroke-linecap: round;
}
.pc-zap {
  fill: var(--hl);
  stroke: var(--bad);
  stroke-width: 2;
}
.pc-bell {
  fill: #edc75a;
  stroke: #9b7825;
  stroke-width: 2.5;
}
.pc-curve {
  fill: none;
  stroke: var(--tint);
  stroke-width: 5;
  stroke-linecap: round;
}
.pc-door,
.pc-clinic,
.pc-house,
.pc-work {
  fill: var(--accent-soft);
  stroke: var(--line-strong);
  stroke-width: 2.5;
  stroke-linejoin: round;
}
.pc-spotlight {
  fill: var(--hl);
  fill-opacity: 0.21;
  stroke: none;
}
.pc-key {
  fill: var(--hl);
  stroke: var(--warn);
  stroke-width: 2;
}
.pc-key-line {
  fill: none;
  stroke: var(--warn);
  stroke-width: 6;
  stroke-linecap: round;
}
.pc-dna,
.pc-nerve {
  fill: none;
  stroke: var(--accent);
  stroke-width: 4;
}
.pc-dna-rung {
  fill: none;
  stroke: var(--tint);
  stroke-width: 3;
}
.pc-tree-trunk {
  fill: none;
  stroke: #9b6a38;
  stroke-width: 9;
}
.pc-tree {
  fill: var(--good-soft);
  stroke: var(--good);
  stroke-width: 2;
}
.pc-screen {
  fill: var(--surface);
  stroke: var(--ink);
  stroke-width: 3;
}
.pc-wave {
  fill: none;
  stroke: var(--good);
  stroke-width: 3;
  stroke-linejoin: round;
}
.pc-wire {
  stroke: var(--muted);
}
.pc-hot,
.pc-cushion,
.pc-couch,
.pc-bed {
  fill: var(--tint);
  stroke: var(--line-strong);
  stroke-width: 3;
  stroke-linejoin: round;
}
.pc-curtain {
  fill: var(--accent-soft);
  stroke: var(--accent);
  stroke-width: 2.5;
}
.pc-blindfold {
  fill: var(--ink);
  stroke: var(--surface);
  stroke-width: 2;
}
.pc-punchbag {
  fill: var(--bad-soft);
  stroke: var(--bad);
  stroke-width: 3;
  stroke-linejoin: round;
}
.pc-lens {
  fill-opacity: 0.15;
  stroke: var(--accent);
  stroke-width: 4;
}
.pc-lens-handle {
  fill: none;
  stroke: var(--accent);
  stroke-width: 8;
  stroke-linecap: round;
}
.pc-heart {
  fill: var(--tint);
  stroke: var(--accent);
  stroke-width: 2;
}
.pc-gate {
  fill: none;
  stroke: var(--bad);
  stroke-width: 5;
}
.pc-ribbon {
  fill: var(--accent);
  stroke: var(--line-strong);
  stroke-width: 1.5;
}
.pc-water {
  fill: var(--accent-soft);
  stroke: var(--accent);
  stroke-width: 2;
}
.pc-emphasis-line {
  stroke: var(--tint);
  stroke-width: 5;
}
.pc-shield {
  fill: var(--accent-soft);
  stroke: var(--good);
  stroke-width: 3;
}
.pc-car {
  fill: var(--tint);
  stroke: var(--line-strong);
  stroke-width: 3;
  stroke-linejoin: round;
}
.pc-tyre {
  fill: var(--ink);
  stroke: var(--muted);
  stroke-width: 2;
}
.sd-cloth {
  fill: #475b73;
  stroke: #293e52;
  stroke-width: 2;
}
.sd-map,
.sd-mirror,
.sd-memorial,
.sd-factory {
  fill: var(--accent-soft);
  stroke: var(--accent);
  stroke-width: 2.5;
  stroke-linejoin: round;
}
.sd-rule,
.sd-barrier {
  fill: none;
  stroke: var(--bad);
  stroke-width: 7;
}
.sd-erased {
  fill: none;
  stroke: var(--muted);
  stroke-width: 8;
  opacity: 0.55;
}
.sd-pen {
  fill: var(--hl);
  stroke: var(--warn);
  stroke-width: 2;
}
.sd-hut,
.sd-camel {
  fill: #bca071;
  stroke: #82683c;
  stroke-width: 3;
  stroke-linejoin: round;
}
.sd-needle,
.sd-needle-line {
  fill: none;
  stroke: var(--ink);
  stroke-width: 3;
}
.sd-ring {
  fill: none;
  stroke: #d5b64e;
  stroke-width: 7;
}
.sd-belief {
  fill: var(--tint);
  stroke: var(--accent);
  stroke-width: 2.5;
}
.sd-belief-alt {
  fill: var(--accent-soft);
  stroke: var(--accent);
  stroke-width: 2;
}
.sd-globe,
.sd-ufo {
  fill: var(--accent-soft);
  stroke: var(--accent);
  stroke-width: 3;
}
.sd-helmet {
  fill: #8ccfe2;
  fill-opacity: 0.25;
  stroke: #7dc8dc;
  stroke-width: 3;
}
.sd-scales {
  fill: var(--hl);
  stroke: var(--warn);
  stroke-width: 3;
}
.sd-trend,
.sd-trend-alt,
.sd-forecast,
.sd-down {
  fill: none;
  stroke: var(--tint);
  stroke-width: 4;
  stroke-linecap: round;
}
.sd-trend-alt {
  stroke: var(--accent);
}
.sd-forecast {
  stroke-dasharray: 7 6;
}
.pc-metronome-pendulum {
  transform-box: fill-box;
  transform-origin: left bottom;
}
.diagram-disclosure[open] .pc-metronome-pendulum {
  animation: pc-metronome-tick 0.35s ease-in-out 0s infinite alternate;
}
@keyframes pc-metronome-tick {
  from {
    transform: rotate(-8deg);
  }
  to {
    transform: rotate(8deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .diagram-disclosure[open] .pc-metronome-pendulum {
    animation: none !important;
  }
}