body {
      background: #F7F4F9;
      background-color: #F7F4F9;
      color: #422E59;
      min-height: 100vh;
    }

    .site-page-shell { max-width: 950px; }

    .site-page-title {
      font-size: 42px;
      font-weight: 800;
      background: linear-gradient(90deg, #CBB4E2, #9D7DAE);
      -webkit-background-clip: text;
      color: transparent;
      margin-bottom: 10px;
    }

    .site-page-lead {
      font-size: 18px;
      color: #CBB4E2;
      margin-bottom: 16px;
    }

    .updated-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border-radius: 999px;
      background: rgba(157,125,174,0.14);
      border: 1px solid rgba(96, 165, 250, 0.22);
      color: #bfdbfe;
      font-size: 14px;
      font-weight: 700;
    }

    .site-page-content {
      background: rgba(255,255,255,.96);
      border: 1px solid rgba(157,125,174,0.20);
      border-radius: 16px;
      padding: 35px;
      box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
    }

    .site-page-content h2 {
      color: #CBB4E2;
      margin-top: 2rem;
      margin-bottom: 1rem;
      font-size: 1.35rem;
      font-weight: 700;
      border-right: 4px solid #9D7DAE;
      padding-right: 10px;
    }

    .site-page-content p,
    .site-page-content li {
      color: #66576F;
      line-height: 1.9;
      font-size: 15px;
    }

    .site-page-content ul {
      padding-right: 1.2rem;
      margin-bottom: 1rem;
    }

    .highlight-box {
      background: rgba(157,125,174,0.12);
      border: 1px solid rgba(157,125,174,0.20);
      border-right: 4px solid #9D7DAE;
      border-radius: 10px;
      padding: 18px;
      margin: 24px 0;
    }

    footer {
      padding: 25px 0;
      margin-top: 35px;
      color: #64748b;
      border-top: 1px solid rgba(255,255,255,.06);
    }

    @media (max-width: 767.98px) {
      .site-page-title { font-size: 30px; }
      .site-page-content { padding: 22px; }
    }