/* The test site's bar and switch page (fhs/switcher.py). Loaded only while the switcher is on. */
.test-bar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:#fdf8e4;
  border-bottom:1px solid #efdfa0;color:#3d3208;font-size:14px;line-height:1.4}
.test-bar-mark{font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:12px;background:#7e620f;
  color:#fff;border-radius:4px;padding:2px 8px;white-space:nowrap}
/* One line at every width: a long name and title shorten with an ellipsis, the button never wraps. */
.test-bar-who{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:520px){.test-bar{gap:8px;padding:6px 12px}.test-bar-pre{display:none}}
.test-bar-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:6px;
  background:#fff;border:1px solid #cdb866;color:#3d3208;font-weight:650;text-decoration:none;white-space:nowrap}
.test-bar-link:hover,.test-bar-link:focus-visible{background:#3d3208;border-color:#3d3208;color:#fff}

/* Signed-out pages centre a narrow column; the switch page needs the room. */
.auth-content:has(.switcher){max-width:960px;margin:4vh auto;padding:0 16px}
.switcher{display:grid;gap:22px}
.switcher-head h1{font-size:26px;line-height:1.2;margin-bottom:6px}
.switcher-lead{color:var(--muted);font-size:16px;max-width:60ch}
.switcher-current{margin-top:10px;font-size:16px}
.switcher-group h2{font-size:17px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.switcher-count{font-size:12px;font-weight:650;color:var(--muted);background:var(--soft);border-radius:20px;padding:1px 9px}
.switcher-people{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.switcher-people form{margin:0;height:100%}
.switcher-person{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-content:center;gap:2px;
  width:100%;height:100%;min-height:76px;text-align:left;cursor:pointer;
  padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);
  font:inherit}
.switcher-person:hover,.switcher-person:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--soft)}
.switcher-person.is-current{border-color:var(--accent);background:var(--soft)}
.switcher-name{font-weight:650;font-size:16px}
.switcher-title{font-size:14px}
.switcher-where{font-size:13px;color:var(--muted)}
@media print{.test-bar{display:none}}