body { background: #0b0d10; color: #f5f5f2; }
  .pp-doc { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 28px 0 72px; }
  .pp-doc h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); letter-spacing: -.03em; margin: 8px 0 4px; }
  .pp-doc h2 { font-size: 1.15rem; margin: 28px 0 8px; }
  .pp-doc p, .pp-doc li { color: #b1b4b9; line-height: 1.65; }
  .pp-doc ul { padding-left: 1.2em; margin: 0 0 12px; }
  .pp-doc li { margin-bottom: 8px; }
  .pp-panel {
    background: #14171c; border: 1px solid #2b3038; border-radius: 16px;
    padding: 28px 26px; box-shadow: 0 6px 22px rgba(60,66,120,.08);
  }
  .pp-head { display: flex; align-items: center; gap: 14px; margin: 18px 0 20px; }
  .pp-head img { width: 52px; height: 52px; border-radius: 14px; }
  .muted { color: #b1b4b9; }

.pp-footer { margin-top: 22px; text-align: center; }
