/* Shared stylesheet for the 7 public policy pages (Phase D).
   Design tokens mirror the navy/gold auth rebrand (login/setup pages) — no new
   design system, just the same colors laid out as a document. The footer is
   injected on every page by pwa.js. */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Segoe UI', sans-serif;
  background: #f4f6fb;
  color: #2a2f3a;
  line-height: 1.7;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.ph-topbar {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ph-topbar img { height: 34px; width: auto; }
.ph-topbar a { color: rgba(255,255,255,0.85); text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap; }
.ph-topbar a:hover { color: #f0c040; }
.ph-doc { width: 100%; max-width: 820px; margin: 0 auto; padding: 36px 24px 56px; flex: 1 0 auto; }
.ph-doc h1 { font-size: 28px; color: #0f3460; font-weight: 800; letter-spacing: .3px; }
.ph-doc .ph-updated { color: #888; font-size: 13px; margin: 6px 0 0; }
.ph-rule { border: none; border-top: 2px solid #f0c040; width: 64px; margin: 16px 0 24px; }
.ph-doc h2 { font-size: 18px; color: #1a1a2e; margin: 30px 0 10px; font-weight: 700; }
.ph-doc h3 { font-size: 15.5px; color: #1a1a2e; margin: 22px 0 8px; font-weight: 700; }
.ph-doc p { margin: 10px 0; }
.ph-doc ul { margin: 10px 0 10px 24px; }
.ph-doc li { margin: 6px 0; }
.ph-doc a { color: #0f3460; font-weight: 600; }
.ph-doc em { color: #0f3460; font-style: normal; font-weight: 700; }
.ph-contact-list { list-style: none; margin: 16px 0 0; }
.ph-contact-list li { padding: 10px 14px; background: #fff; border: 1px solid #e5e9f2; border-radius: 10px; margin-bottom: 10px; }
.ph-contact-list a { text-decoration: none; }
.ph-faq-q { font-weight: 700; color: #0f3460; margin-top: 24px; }