.pp-page {
      background: #f5f0e8;
      background: oklch(97% 0.008 85);
      padding-top: calc(var(--nav-h) + 56px);
      padding-bottom: 96px;
    }
    .pp-doc {
      max-width: 760px;
      margin: 0 auto;
      padding: 0 var(--px);
    }
    .pp-doc h1 {
      font-size: clamp(1.75rem, 3.5vw, 2.25rem);
      color: var(--c-text);
      margin: 0 0 8px;
    }
    .pp-sub {
      color: var(--c-text2);
      font-size: 15px;
      margin: 0 0 20px;
    }
    .pp-updated {
      display: inline-block;
      background: rgba(201, 168, 76, 0.1);
      background: oklch(62% 0.12 85 / 0.1);
      border: 1px solid oklch(62% 0.12 85 / 0.3);
      color: #c9a84c;
      color: oklch(62% 0.12 85);
      padding: 4px 14px;
      border-radius: 20px;
      font-size: 13px;
      margin-bottom: 36px;
    }
    .pp-doc h2 {
      font-size: 1.15rem;
      font-weight: 700;
      color: #c9a84c;
      color: oklch(62% 0.12 85);
      margin: 40px 0 10px;
    }
    .pp-doc h3 {
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--c-text);
      margin: 22px 0 6px;
    }
    .pp-doc p,
    .pp-doc li {
      font-size: 15px;
      line-height: 1.85;
      color: var(--c-text2);
      margin-bottom: 10px;
    }
    .pp-doc ul {
      padding-inline-start: 20px;
      margin-bottom: 10px;
    }
    .pp-doc a {
      color: #c9a84c;
      color: oklch(62% 0.12 85);
      text-decoration: underline;
      text-underline-offset: 2px;
    }