/* ===== وضع التجربة (2026-10-10) ===== */
.tm-btn { display: inline-flex; align-items: center; gap: 6px; margin-inline-start: auto; margin-inline-end: .6rem; border: 1.5px dashed #d97706; background: #fffbeb; color: #92400e;
  border-radius: 999px; padding: .38rem .9rem; font-weight: 800; font-size: .82rem; white-space: nowrap; transition: background .18s, border-color .18s; }
.tm-btn svg { width: 16px; height: 16px; flex: none; }
.tm-btn:hover { background: #fef3c7; }
.tm-btn:focus-visible, .tm-bar__b:focus-visible { outline: 2px solid #d97706; outline-offset: 2px; }
.tm-btn.is-on { border-style: solid; background: #92400e; border-color: #92400e; color: #fff; }
.tm-btn.is-on:hover { background: #78350f; }

.tm-bar { position: relative; z-index: 40; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 18px; color: #451a03;
  background: repeating-linear-gradient(-45deg, #fde68a 0 14px, #fcd34d 14px 28px); border-bottom: 2px solid #d97706; }
.tm-bar > svg { width: 26px; height: 26px; flex: none; }
.tm-bar__t { flex: 1; min-width: 220px; display: flex; flex-direction: column; line-height: 1.5; }
.tm-bar__t b { font-size: .98rem; }
.tm-bar__t span { font-size: .82rem; font-weight: 600; }
.tm-bar__b { border: 1.5px solid #92400e; background: #fffbeb; color: #78350f; border-radius: 10px; padding: .4rem .9rem; font-weight: 800; font-size: .82rem; transition: background .18s; }
.tm-bar__b:hover { background: #fff; }
.tm-bar__b.is-main { background: #78350f; color: #fff; }
.tm-bar__b.is-main:hover { background: #451a03; }
body.is-testmode .side { border-top: 5px solid #f59e0b; }
body.is-testmode .top { box-shadow: inset 0 -3px 0 #f59e0b; }

.tm-intro p { margin: 0 0 10px; line-height: 1.7; }
.tm-intro ul { margin: 0; padding-inline-start: 1.2rem; display: grid; gap: 6px; line-height: 1.6; }

@media (max-width: 760px) {
  .tm-btn span { display: none; }
  .tm-btn { padding: .4rem .55rem; margin-inline-end: .3rem; }
  .tm-btn.is-on span { display: inline; }
  .tm-bar { padding: 8px 12px; }
  .tm-bar__t span { font-size: .76rem; }
}