/* Human / Machine view switch: bold black-and-white segmented control, shared by all pages. */
.view-switch { display:inline-flex; border:2px solid #111; border-radius:999px; overflow:hidden; background:#fff; flex-shrink:0; font-family: Arial, Helvetica, sans-serif; }
.view-switch a { display:block; padding:6px 14px; font-size:13px; font-weight:bold; line-height:1.2; letter-spacing:.02em; text-decoration:none; color:#111; background:#fff; white-space:nowrap; }
.view-switch a + a { border-left:2px solid #111; }
.view-switch a[aria-current] { background:#111; color:#fff; }
.view-switch a:not([aria-current]):hover { background:#eee; color:#111; text-decoration:none; }
.view-switch a:focus-visible { outline:3px solid #111; outline-offset:-6px; box-shadow: inset 0 0 0 2px #fff; }
.view-switch a[aria-current]:focus-visible { outline-color:#fff; box-shadow: inset 0 0 0 2px #111; }
.brand { display:flex; align-items:center; gap:14px; min-width:0; flex-wrap:wrap; }