.pn-h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.03em;margin:16px 0 18px;text-wrap:balance}.pn-doc .subhead a{color:var(--accent-text)}.pn-doc #p-docs h2{scroll-margin-top:120px}.pn-doc #p-docs h3{margin:28px 0 8px}.pn-mut{font-size:12px;color:var(--fg-3)}.pn-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px 16px;gap:4px 16px;margin:28px 0 8px;padding:18px 20px;border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--surface)}.pn-toc a{display:flex;gap:10px;align-items:baseline;padding:6px 0;color:var(--fg-2);text-decoration:none;font-size:14px}.pn-toc a:hover{color:var(--accent-text)}.pn-toc a span{font-family:var(--font-mono);font-size:12px;color:var(--fg-4);min-width:20px}.pn-ol{margin:12px 0;padding-left:22px;display:grid;grid-gap:8px;gap:8px;color:var(--fg-2);line-height:1.6}.pn-ol li::marker{color:var(--accent-text);font-family:var(--font-mono);font-weight:600}.pn-shot{margin:18px 0 22px}.pn-shot img{display:block;width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--fg-1) 7%,transparent)}.pn-shot figcaption{margin-top:8px;font-size:13px;color:var(--fg-3);line-height:1.5}.pn-shot-modal{max-width:520px}.pn-shot-phone{max-width:280px}.pn-shot-phone img{border-radius:22px}.pn-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;align-items:start}.pn-pair-modal{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.pn-pair .pn-shot{margin:18px 0 8px}.pn-stack{display:grid;grid-gap:0;gap:0}.pn-stack .pn-shot{margin:14px 0 6px}.pn-phones{display:flex;gap:24px;flex-wrap:wrap}.pn-warn{border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:var(--warn-quiet)}.pn-warn svg{color:var(--warn)}@media (max-width:860px){.pn-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-pair,.pn-pair-modal{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width:560px){.pn-toc{grid-template-columns:minmax(0,1fr)}.pn-shot-phone{max-width:none;min-width:0}.pn-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}}