/* Shared styles for the pingback-crm.com static pages.
 *
 * Extracted from four inline <style> blocks on 2026-08-27 so the site's CSP
 * no longer needs style-src 'unsafe-inline', which ZAP reported as a Medium
 * (rule 10055) against every page. 'unsafe-inline' defeats a meaningful part
 * of what a CSP is for — with it, injected markup can carry its own styling,
 * which is the basis of CSS-based exfiltration and UI-redress tricks. The
 * pages had no inline style="..." attributes either, so moving the blocks to
 * one file removed the need for the directive completely rather than merely
 * reducing it.
 *
 * One file for all four pages, deliberately: they share almost every rule,
 * and a per-page split would have meant four near-identical files drifting
 * apart. Rules that apply to only one page (.meta, table, .icon) are
 * harmless where unused.
 */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  line-height: 1.6;
  color: #1a1a1a;
}

h1 {
  font-size: 2rem;
  margin-bottom: 4px;
}

/* The privacy policy is a long document rather than a landing page, so its
 * title sits a step smaller. Preserved exactly as it was before extraction —
 * this refactor is not the place to change how anything looks.
 */
body.doc h1 {
  font-size: 1.8rem;
}

h2 {
  font-size: 1.25rem;
  margin-top: 2.2em;
  border-top: 1px solid #ddd;
  padding-top: 1em;
}

.tagline {
  color: #555;
  font-size: 1.1rem;
  margin-bottom: 2em;
}

.meta {
  color: #555;
  font-size: 0.9rem;
  margin-bottom: 2em;
}

.icon {
  font-size: 2.5rem;
  margin-bottom: 0.2em;
}

ul {
  padding-left: 1.3em;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}

th,
td {
  border: 1px solid #ddd;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  font-size: 0.92rem;
}

th {
  background: #f5f5f5;
}

code {
  background: #f2f2f2;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.9em;
}

a {
  color: #0645ad;
}

.cta {
  margin: 1.5em 0;
}

.cta a {
  display: inline-block;
  padding: 10px 20px;
  background: #4f46e5;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

footer {
  margin-top: 3em;
  padding-top: 1em;
  border-top: 1px solid #ddd;
  color: #555;
  font-size: 0.9rem;
}