.pa { --graphite: rgba(236, 232, 222, 0.9); --pa-acc: var(--h5-accent, #7fd3a4); }
.pa .art-svg :is(.p, .q) { fill: none; stroke: var(--graphite); stroke-linecap: round; stroke-linejoin: round; }
.pa .art-svg .p.acc { stroke: var(--pa-acc); stroke-opacity: 0.9; }
.pa .art-svg .q { stroke-width: 0.5; }
.pa .art-svg .q.lt { stroke-width: 0.42; }
.pa .art-svg .q0 { stroke-opacity: 0.56; }
.pa .art-svg .q1 { stroke-opacity: 0.4; }
.pa .art-svg .q2 { stroke-opacity: 0.27; }
.pa .art-svg .art-dent { fill: none; stroke: var(--graphite); stroke-opacity: 0.36; }
.pa .art-svg .art-beads { fill: none; stroke: var(--graphite); stroke-opacity: 0.5; stroke-linecap: round; }
.pa .art-svg .art-txt { font-family: "Cashpad Mono", ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 0.06em;
  fill: var(--graphite); fill-opacity: 0.85; }


.art.pa.art-armed .art-svg :is(.p, .q) { stroke-dasharray: 1 1; stroke-dashoffset: 1; }
.art.pa.art-armed.art-on .art-svg :is(.p, .q) { stroke-dashoffset: 0;
  transition: stroke-dashoffset calc(var(--t, 1.2) * 1s) cubic-bezier(0.4, 0.1, 0.5, 1) calc(var(--d, 0) * 1s); }
@media (prefers-reduced-motion: reduce) {
  .art.pa.art-armed .art-svg :is(.p, .q) { stroke-dasharray: none; stroke-dashoffset: 0; transition: none !important; }
}