.pn{max-width:var(--container-wide);padding:var(--sp-5) var(--gutter) 0;margin:0 auto}.pn-head{align-items:center;gap:0 var(--sp-4);min-height:44px;margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.pn-title{font-size:var(--fs-lg);color:var(--text-1);margin:0;font-weight:800;line-height:1.25}.pn-for{align-items:center;gap:0 var(--sp-3);font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;margin:0;display:flex}.pn-change{min-height:44px;color:var(--text-1);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.pn-change:focus-visible{outline:3px solid var(--brand-blue);outline-offset:2px}.pn-list{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));margin:0;padding:0;list-style:none;display:grid}.pn-list>li{min-width:0;display:flex}.pn-card{align-items:center;gap:var(--sp-3);min-width:0;min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1);color:var(--text-1);flex:auto;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.pn-card:focus-visible{outline:3px solid var(--brand-blue);outline-offset:2px}.pn-badge{border-radius:12px;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.3rem;line-height:1;display:inline-flex}.pn-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.pn-name{overflow-wrap:break-word;overflow-wrap:anywhere;color:var(--text-1);font-weight:800;line-height:1.25}.pn-meta{font-size:var(--fs-xs);color:var(--text-2);font-weight:700}@media (hover:hover){.pn-card:hover{border-color:var(--accent);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.pn-card{transition:none}.pn-card:hover{transform:none}}