/* 📜 เวอร์ชัน (js/version-ui.js): the newest versions, the newest open */
.ver-list { display: flex; flex-direction: column; gap: 8px; }
.ver { background: var(--card-2); border: 2px solid var(--line); border-radius: 14px; padding: 8px 12px; }
.ver summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; cursor: pointer; list-style: none; }
.ver summary::-webkit-details-marker { display: none; }
.ver summary::before { content: '▸'; color: var(--muted); font-size: 12px; }
.ver[open] summary::before { content: '▾'; }
.ver-v { color: var(--accent-dark); font-size: 15px; }
.ver-title { flex: 1 1 60%; min-width: 0; font-weight: 700; font-size: 14px; }
.ver-chip { margin-left: 4px; background: var(--accent); color: #fff; border-radius: 10px; padding: 0 8px; font-size: 11.5px; font-weight: 700; }
.ver-date { width: 100%; padding-left: 16px; color: var(--muted); font-size: 12px; }
.ver ul { margin: 6px 0 2px; padding-left: 20px; font-size: 13.5px; line-height: 1.55; }
.ver li + li { margin-top: 3px; }
.ver-new { display: flex; flex-direction: column; gap: 6px; margin: 0 0 10px; padding: 10px 12px; border-radius: 14px; background: #e9f7ee; border: 2px solid #9fd8b4; font-size: 14px; }
/* 🧪 double tap = tester mode (js/tester.js) — no double-tap zoom, no text selection */
.ver-ico { display: inline-block; touch-action: manipulation; user-select: none; -webkit-user-select: none; }