html, body { margin: 0; min-height: 100%; color: #e6e6e6;
  font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
/* Faint city-mesh background, same treatment as the map page and the MeshTap flasher (Robb 2026-11-03). */
body { background: linear-gradient(rgba(0,0,0,.90), rgba(0,0,0,.90)), url("/static/bg-city-mesh.jpg") center / cover fixed, #000;
  color-scheme: dark; }
.brand { display: flex; align-items: center; max-width: 720px; margin: 0 auto; padding: 18px 20px 0; }
.brand img { height: 34px; width: auto; display: block; }
.pg { max-width: 720px; margin: 24px auto 40px; padding: 0 20px; }
h1 { font-size: 24px; color: #fff; } h2 { font-size: 17px; margin-top: 28px; color: #fff; }
a { color: #58a6ff; } code { background: #161b22; padding: 1px 5px; border-radius: 4px; }
.draft { background: #4d2d00; color: #f0b72f; border: 1px solid #9e6a03; padding: 8px 12px; border-radius: 6px; font-weight: 600; }
.optout { display: flex; flex-direction: column; gap: 8px; background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 16px; }
.optout input { display: block; margin-top: 4px; width: 260px; background: #0d1117; color: #c9d1d9; border: 1px solid #30363d; border-radius: 6px; padding: 7px; font-family: ui-monospace, Menlo, monospace; }
.optout button { align-self: flex-start; background: #238636; color: #fff; border: 0; border-radius: 6px; padding: 8px 14px; cursor: pointer; }