/* TASK 100 TEST SITE only. The red bar and the pretend box are test controls, not app screens. */
.t100bar { background:#ba1a1a; color:#fff; font-weight:800; font-size:13px; letter-spacing:.02em;
  text-align:center; padding:8px 12px; position:sticky; top:0; z-index:100; }
#t100pretend { max-width:520px; margin:0 auto; }
.t100box { background:#fff6d6; border:2px dashed #8a5a00; border-radius:12px; margin:8px;
  padding:8px 10px; font-size:13px; color:#4a3000; }
.t100box summary { font-weight:800; cursor:pointer; }
.t100box .t100now { margin:6px 0; }
.t100box .t100btns { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.t100box button, .t100box a { font:inherit; font-size:12px; font-weight:700; padding:6px 9px;
  border-radius:8px; border:1px solid #8a5a00; background:#fff; color:#4a3000; cursor:pointer;
  text-decoration:none; }
.t100box button.on { background:#8a5a00; color:#fff; }
.t100test { border:2px dashed #8a5a00; background:#fff6d6; border-radius:12px; padding:10px;
  margin-top:16px; font-size:13px; color:#4a3000; text-align:center; }
.t100test .btn { margin-top:6px; }