/* Page styles for insights.html (block 1).
   Moved out of an inline <style> tag on 20 Aug 2026 so the CSP no longer needs
   style-src 'unsafe-inline'. Contents unchanged; the <link> replaces the <style>
   at exactly the same point in the document, so the cascade order is identical. */

.magnet-strip { max-width: 720px; margin: 46px auto 0; display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }
  .magnet-strip input {
    flex: 1; min-width: 220px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.2);
    border-radius: 999px; padding: 16px 24px; color: var(--paper); font-family: var(--grot); font-size: 0.95rem;
  }
  .magnet-strip input::placeholder { color: var(--paper-faint); }
  .magnet-strip input:focus { outline: none; border-color: var(--glow); }
  .consent-line { font-size: 0.68rem; color: var(--paper-faint); margin-top: 18px; text-align: center; }