.pf-article,.pf-hub{max-width:760px;margin:0 auto}.pf-head{margin:18px 0 20px}.pf-head h1,.pf-hub-head h1{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(30px,4.6vw,42px);font-weight:800;line-height:1.06}.pf-search{font-family:var(--font-mono);color:var(--color-ink2);margin-top:14px;font-size:14.5px}.pf-hub-head{align-items:flex-end;gap:28px;margin:18px 0 20px;display:flex}.pf-hub-copy{flex:1}.pf-hub-lede{color:var(--color-ink2);max-width:54ch;margin-top:14px;font-size:17px;line-height:1.6}.pf-hub-bot{flex:none}@media (max-width:640px){.pf-hub-head{flex-direction:column-reverse;align-items:flex-start;gap:10px}.pf-hub-bot{width:120px;height:auto}}.pf-section{margin-top:52px}.pf-section h2{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin-bottom:14px;font-size:24px;font-weight:800}.pf-section p{color:var(--color-ink2);text-wrap:pretty;max-width:68ch;margin-top:12px;line-height:1.7}.pf-readmore{font-weight:600}.pf-readmore a{color:var(--color-violet-ink);text-decoration-color:#6c4df666}.pf-steps{flex-direction:column;gap:10px;margin-top:18px;padding-left:22px;display:flex}.pf-steps li{color:var(--color-ink2);max-width:66ch;line-height:1.6}.pf-steps li::marker{color:var(--color-violet-ink);font-weight:800}.pf-steps strong{color:var(--color-ink)}.pf-code{background:var(--color-ink);box-shadow:var(--shadow-2);border-radius:14px;margin-top:18px;overflow:hidden}.pf-code-bar{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;padding:10px 14px;display:flex}.pf-code-dots{gap:5px;display:inline-flex}.pf-code-dots i{background:#ffffff38;border-radius:50%;width:9px;height:9px}.pf-code-name{font-family:var(--font-mono);color:#ffffff9e;font-size:12px}.pf-copybtn{font:inherit;font-family:var(--font-sans);color:#ffffffd9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;font-size:12.5px;font-weight:700;transition:background-color .15s;display:inline-flex}.pf-copybtn:hover{background:#ffffff2e}.pf2-mono{font-family:var(--font-mono);color:#e9e7f8;white-space:pre;scrollbar-width:thin;scrollbar-color:#e9e7f859 transparent;padding:16px 18px 14px;font-size:13px;line-height:1.62;overflow-x:auto}.pf2-mono::-webkit-scrollbar{height:8px}.pf2-mono::-webkit-scrollbar-thumb{background:#e9e7f84d;border-radius:4px}.pf2-mono::-webkit-scrollbar-track{background:0 0}.pf2-mono code{font:inherit}.pf-diff figcaption,.pf-term figcaption,.pf-bench figcaption,.pf-tells figcaption{color:var(--color-muted);margin-top:18px;font-size:13.5px;font-weight:600}.pf-diff-panes{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.pf-diff-panes{grid-template-columns:1fr}}.pf-diff-pane{margin-top:10px}.pf-pane-tag{font-family:var(--font-mono);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}.pf-pane-tag.is-bad{color:#ffb3a3;background:#ff6a4d29}.pf-pane-tag.is-good{color:#9fe8b8;background:#4ade8024}.pf-term .pf-code{margin-top:10px}.pf-term-body{flex-direction:column;gap:3px;padding:14px 18px;display:flex}.pf-term-line{font-family:var(--font-mono);white-space:pre-wrap;font-size:13px;line-height:1.55}.pf-term-gap{height:10px}.pf-term-cmd,.pf-term-you{color:#f3f1ff;font-weight:600}.pf-term-say{color:#e9e7f8b8}.pf-term-ask{color:#b9a5ff}.pf-term-ok{color:#7fe0a1}.pf-term-bad{color:#ffab98}.pf-term-out{color:#e9e7f880}.pf-bench-scroll{margin-top:10px;overflow-x:auto}.pf-bench table{border-collapse:collapse;border:1px solid var(--color-line);border-radius:12px;width:100%;font-size:14px;overflow:hidden}.pf-bench th{text-align:left;background:var(--color-violet-soft);color:var(--color-violet-ink);padding:10px 14px;font-size:12.5px;font-weight:800}.pf-bench td{border-top:1px solid var(--color-line);color:var(--color-ink2);padding:11px 14px}.pf-bench td.is-good{color:#0e7a34;font-weight:700}.pf-bench td.is-bad{color:var(--color-coral-ink);font-weight:700}.pf-bench td.is-muted{color:var(--color-muted)}.pf-bench-note{color:var(--color-muted);margin-top:10px;font-size:13px}.pf-tells dl{border:1px solid var(--color-line);border-radius:12px;margin-top:12px;overflow:hidden}.pf-tell{grid-template-columns:200px 1fr;gap:14px;padding:11px 14px;display:grid}.pf-tell+.pf-tell{border-top:1px solid var(--color-line)}.pf-tell dt{font-family:var(--font-mono);color:var(--color-coral-ink);font-size:13px;font-weight:700}.pf-tell dd{color:var(--color-ink2);font-size:14px}@media (max-width:560px){.pf-tell{grid-template-columns:1fr;gap:3px}}.pf-issues{flex-direction:column;gap:12px;margin-top:16px;padding:0;list-style:none;display:flex}.pf-issue{border:1px solid var(--color-line);color:var(--color-ink);border-radius:14px;flex-direction:column;gap:7px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .2s;display:flex}.pf-issue:hover{box-shadow:var(--shadow-1);border-color:#6c4df666}.pf-issue-head{align-items:center;gap:10px;display:flex}.pf-issue-num{font-family:var(--font-mono);color:var(--color-violet-ink);font-size:14px;font-weight:700}.pf-issue-state{text-transform:uppercase;letter-spacing:.04em;background:var(--color-line);color:var(--color-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.pf-issue-state.is-open{background:var(--color-green-soft);color:var(--color-green)}.pf-issue-date{color:var(--color-faint);font-size:12.5px}.pf-issue-sum{color:var(--color-ink2);font-size:14px;line-height:1.6}.pf-issues-note{color:var(--color-muted);max-width:66ch;margin-top:12px;font-size:13.5px}.pf-chooser{border:1px solid var(--color-line);border-radius:16px;margin-top:18px;padding:0;list-style:none;overflow:hidden}.pf-choice{justify-content:space-between;align-items:baseline;gap:18px;padding:21px 20px;text-decoration:none;transition:background-color .15s;display:flex}.pf-chooser li+li .pf-choice{border-top:1px solid var(--color-line)}.pf-choice:hover{background:var(--color-violet-soft)}.pf-choice-says{font-family:var(--font-mono);color:var(--color-ink);font-size:14px}.pf-choice-fix{color:var(--color-violet-ink);white-space:nowrap;flex:none;font-size:13.5px;font-weight:800}.pf-choice-fix:after{content:" →";color:var(--color-coral)}.pf-choice:hover .pf-choice-fix{color:var(--color-coral-ink)}@media (max-width:560px){.pf-choice{flex-direction:column;align-items:flex-start;gap:6px}}.pf-article .site-faq,.pf-hub .site-faq{margin-top:52px}.pf-article .site-faq h2,.pf-hub .site-faq h2,.site-related h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:24px;font-weight:800}.pf-article .site-related{margin-top:52px}.pf-article .site-related-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:560px){.pf-article .site-related-grid{grid-template-columns:1fr}}