/* B~Log — the two-version switch.
   Every post ships twice: plain English by default, and the same post written for
   a reader who would take vague language as ignorance. One control, one click.
   Styled on the store's install-card idiom so it reads as the same family.
   Accelerated Experiences, LLC. */

.vs{margin:0 0 26px}
.vs-open{display:inline-flex;align-items:flex-start;gap:9px;background:none;border:0;padding:6px 0;
  font:inherit;font-size:15px;line-height:1.4;color:var(--soft,#6b7684);cursor:pointer;text-align:left;max-width:560px}
.vs-open b{display:block;font-weight:600;color:var(--espresso,#2a1810);
  box-shadow:inset 0 -1px 0 rgba(138,106,47,.38);transition:box-shadow .18s ease}
.vs-open small{display:block;margin-top:3px;font-size:13.5px;color:var(--soft,#6b7684)}
.vs-open svg{width:17px;height:17px;flex:none;margin-top:3px;fill:none;stroke:#8a6a2f;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vs-open:hover b{box-shadow:inset 0 -1px 0 #8a6a2f}
.vs-open:focus-visible{outline:3px solid rgba(138,106,47,.45);outline-offset:3px;border-radius:6px}
.vs-chev{display:inline-block;width:7px;height:7px;margin-left:9px;vertical-align:middle;
  border-right:1.8px solid #8a6a2f;border-bottom:1.8px solid #8a6a2f;
  transform:rotate(-45deg) translateY(1px);transition:transform .2s ease}
.vs-open[aria-pressed="true"] .vs-chev{transform:rotate(135deg) translateY(-2px)}

/* the two bodies. Nothing is hidden from a reader with no JavaScript:
   the script hides the second one on boot, so both are readable without it. */
[data-version]{animation:vsIn .22s ease both}
@keyframes vsIn{from{opacity:.35}to{opacity:1}}
@media (prefers-reduced-motion:reduce){[data-version]{animation:none}.vs-chev{transition:none}}

/* a quiet marker at the head of the technical body, so nobody loses their place */
.vs-mark{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:#8a6a2f;display:block;margin:0 0 14px}

/* the technical body leans on inline code; the post pages never styled it */
[data-version="geek"] code{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  font-size:.86em;background:rgba(42,24,16,.06);border-radius:5px;padding:1px 6px;
  word-break:break-word;color:var(--espresso,#2a1810)}