/*
 * Styles for PromoPilot's PUBLIC pages: the per-brand link-in-bio page at
 * /b/:brandSlug (Ellie Williams' own page among them) and the unsubscribe
 * confirmation.
 *
 * These lived as an inline <style> block and an inline style="" attribute,
 * which forced `style-src 'unsafe-inline'` into the site-wide CSP. HawkScan
 * flagged it on /b/ellie-williams and /unsubscribe (scan
 * 1aaccce7-cee8-4dbc-82c1-cc165b4e2c23, 2026-09-01). The bio page is the page
 * her promotion drives strangers to, so it is the last place to keep a
 * blanket inline-style allowance: served from a file, the CSP tightens to
 * `style-src 'self'` for the whole app.
 */

body {
  font-family: system-ui, sans-serif;
  margin: 0;
  padding: 2rem 1rem;
  background: #f5f4f0;
  color: #1e1e1e;
}

main {
  max-width: 30rem;
  margin: 0 auto;
}

h1 {
  text-align: center;
  font-size: 1.5rem;
}

ul {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.item a {
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0.75rem;
  padding: 1rem;
  text-decoration: none;
  color: inherit;
}

.item a:hover {
  border-color: #888;
}

.name {
  display: block;
  font-weight: 600;
}

.byline,
.tagline {
  display: block;
  font-size: 0.85rem;
  color: #555;
  margin-top: 0.2rem;
}

.empty {
  text-align: center;
  color: #555;
}

.notice {
  font-family: system-ui, sans-serif;
  max-width: 30rem;
  margin: 0 auto;
}