.pgh-content {
  --pgh-line: var(--border, #1e2d45);
  --pgh-panel: var(--panel, #111827);
  --pgh-accent: var(--accent, #00e5ff);
  background: var(--deep, #0d1117);
  border-top: 1px solid var(--pgh-line);
  color: var(--text, #e2e8f0);
  font: 16px/1.75 var(--font-b, Arial, sans-serif);
}
.pgh-content *, .pgh-content *::before, .pgh-content *::after { box-sizing: border-box; }
.pgh-wrap { max-width: 1400px; margin: 0 auto; padding: 72px 40px; }
.pgh-content p { margin: 0 0 16px; }
.pgh-content p:last-child { margin-bottom: 0; }
.pgh-content a { color: var(--pgh-accent); text-decoration: underline; text-underline-offset: 4px; }
.pgh-content a:hover { color: #fff; }
.pgh-content a:focus-visible, .pgh-content summary:focus-visible {
  outline: 3px solid var(--pgh-accent); outline-offset: 5px; border-radius: 2px;
}
.pgh-content h2, .pgh-content h3, .pgh-content h4 {
  margin: 0; color: #fff; font-family: var(--font-d, Arial, sans-serif);
  line-height: 1.15; overflow-wrap: anywhere; letter-spacing: .01em;
}
.pgh-intro { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: start; }
.pgh-content .pgh-kicker { margin: 0 0 12px; color: var(--pgh-accent); font: 700 12px/1.5 var(--font-m, monospace); letter-spacing: .13em; text-transform: uppercase; }
.pgh-content h2 { max-width: 12ch; font-size: clamp(38px, 4.1vw, 60px); }
.pgh-intro-copy { max-width: 70ch; color: #b8c5d6; }
.pgh-jump { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.pgh-jump a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 15px; border: 1px solid var(--pgh-line); border-radius: 5px; background: var(--pgh-panel); text-decoration: none; font-size: 14px; }
.pgh-jump a:hover { border-color: var(--pgh-accent); }
.pgh-section { margin-top: 64px; scroll-margin-top: 110px; }
.pgh-heading { margin-bottom: 24px; max-width: 78ch; }
.pgh-content h3 { margin-bottom: 16px; font-size: clamp(28px, 3vw, 40px); }
.pgh-heading > p:last-child { color: #b8c5d6; }
.pgh-three, .pgh-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pgh-card, .pgh-platform { min-width: 0; padding: 26px; border: 1px solid var(--pgh-line); border-radius: 8px; background: var(--pgh-panel); }
.pgh-card { display: flex; flex-direction: column; align-items: start; }
.pgh-number { display: block; margin-bottom: 16px; color: var(--pgh-accent); font: 700 14px/1.4 var(--font-m, monospace); }
.pgh-content h4 { margin-bottom: 14px; font-size: 25px; }
.pgh-card > p, .pgh-platform > p { color: #b8c5d6; font-size: 15px; }
.pgh-links, .pgh-policy-links { list-style: none; margin: 0; padding: 0; }
.pgh-links { display: flex; flex-wrap: wrap; gap: 10px 18px; padding-top: 8px; font-size: 14px; }
.pgh-card > .pgh-links { margin-top: auto; }
.pgh-links li, .pgh-policy-links li { margin: 0; padding: 0; }
.pgh-check-section { padding: 32px; border: 1px solid var(--pgh-line); border-radius: 8px; background: linear-gradient(120deg, rgba(0,229,255,.045), transparent 65%); }
.pgh-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 40px; list-style: none; counter-reset: pgh-check; margin: 0; padding: 0; }
.pgh-checklist li { position: relative; min-width: 0; padding-left: 38px; counter-increment: pgh-check; }
.pgh-checklist li::before { position: absolute; top: 2px; left: 0; content: counter(pgh-check, decimal-leading-zero); font: 700 13px/1.7 var(--font-m, monospace); color: var(--pgh-accent); }
.pgh-checklist h4 { font-size: 23px; margin-bottom: 8px; }
.pgh-checklist p { font-size: 15px; color: #b8c5d6; }
.pgh-faq details { border: 1px solid var(--pgh-line); border-radius: 7px; background: var(--pgh-panel); margin-bottom: 12px; padding: 0 22px; }
.pgh-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 18px 0; color: #fff; font-weight: 700; line-height: 1.5; cursor: pointer; list-style: none; }
.pgh-faq summary::-webkit-details-marker { display: none; }
.pgh-faq summary::after { content: '+'; color: var(--pgh-accent); font: 24px/1 monospace; flex: 0 0 auto; }
.pgh-faq details[open] summary::after { content: '−'; }
.pgh-faq details > div { max-width: 90ch; padding: 0 0 22px; color: #b8c5d6; }
.pgh-about { display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px; margin-top: 64px; padding-top: 40px; border-top: 1px solid var(--pgh-line); scroll-margin-top: 110px; }
.pgh-about > div { max-width: 75ch; }
.pgh-about > div > p:not(.pgh-kicker) { color: #b8c5d6; }
.pgh-site-info { align-self: start; padding: 26px; border: 1px solid var(--pgh-line); border-radius: 8px; background: var(--pgh-panel); }
.pgh-policy-links { display: grid; gap: 10px; margin-bottom: 24px; }
.pgh-site-info > p { padding-top: 20px; border-top: 1px solid var(--pgh-line); font-size: 14px; color: #b8c5d6; }
@media (max-width: 1000px) {
  .pgh-intro { grid-template-columns: 1fr; gap: 24px; }
  .pgh-content h2 { max-width: 22ch; }
  .pgh-three, .pgh-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .pgh-three > :last-child { grid-column: 1 / -1; }
  .pgh-about { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 600px) {
  .pgh-wrap { padding: 48px 24px; }
  .pgh-content h2 { font-size: 39px; }
  .pgh-content h3 { font-size: 30px; }
  .pgh-three, .pgh-platform-grid, .pgh-checklist { grid-template-columns: minmax(0, 1fr); }
  .pgh-three > :last-child { grid-column: auto; }
  .pgh-card, .pgh-platform, .pgh-site-info { padding: 22px; }
  .pgh-check-section { padding: 24px 20px; }
  .pgh-section, .pgh-about { margin-top: 48px; }
  .pgh-jump { gap: 8px; }
  .pgh-jump a { font-size: 13px; padding: 9px 12px; }
  .pgh-faq details { padding: 0 18px; }
}