/* =====================================================
   Burp subpages (Support, Privacy Policy)
   Loads after home.css and reuses its tokens: a slim night
   band up top, calm white page below, night footer bookend.
   ===================================================== */

.subhead {
  position: relative; overflow: hidden;
  background: radial-gradient(130% 160% at 72% -30%, var(--night-hi) 0%, var(--night-mid) 52%, var(--night-deep) 100%);
  padding-bottom: 26px;
}
.subhead .stars { position: absolute; inset: 0; pointer-events: none; }
.subhead .stars i {
  position: absolute; width: 2px; height: 2px; border-radius: 50%;
  background: var(--moonlight); opacity: 0.5;
}
@media (prefers-reduced-motion: no-preference) {
  .subhead .stars i { animation: twinkle 3.8s ease-in-out infinite; }
}
.subhead .nav { position: relative; z-index: 2; }

.page { max-width: 720px; margin: 0 auto; padding: 56px 28px 88px; }

.page .kicker { color: var(--faint); }
.page h1 {
  font-size: clamp(30px, 5vw, 40px); font-weight: 800; line-height: 1.15;
  margin-bottom: 8px;
}
.page .squiggle { margin: 14px 0 22px; }
.page .intro { font-size: 17px; color: var(--muted); max-width: 56ch; margin: 0; }
.page .intro b { color: var(--text); }

.page h2 { font-size: 21px; font-weight: 800; margin: 44px 0 6px; color: var(--inkline); }
.page h3 { font-size: 16.5px; font-weight: 700; margin: 26px 0 6px; }
.page p, .page li { font-size: 15.5px; color: var(--muted); }
.page p { margin: 0 0 10px; }
.page p b, .page li b { color: var(--text); }
.page ul, .page ol { padding-left: 22px; margin: 8px 0; }
.page li { margin: 4px 0; }
.page a {
  color: var(--inkline); font-weight: 600; text-decoration: underline;
  text-decoration-color: var(--p300); text-underline-offset: 2px;
}

.page .toc { background: #F6F4FB; border-radius: 14px; padding: 16px 20px; margin: 24px 0 6px; }
.page .toc a { display: inline-block; margin: 3px 14px 3px 0; font-size: 14px; }

.page .callout { background: #F6F4FB; border-radius: 14px; padding: 16px 18px; margin: 18px 0; font-size: 15px; color: var(--muted); }
.page .callout b { color: var(--text); }

.page .honest {
  border-left: 3px solid var(--p300); padding: 6px 0 6px 14px; margin: 18px 0;
  font-size: 14px; color: var(--muted); max-width: 56ch;
}
.page .honest b { color: var(--text); }

.page .eff { font-size: 13.5px; color: var(--faint); margin-bottom: 18px; }