.pdt{max-width:var(--container-content,72rem);padding:var(--space-xl) var(--space-lg) var(--space-2xl);color:var(--color-foreground);font-size:var(--text-body-md);margin:0 auto;line-height:1.55}.pdt-article{max-width:var(--container-copy,44rem)}.pdt-hero h1{font-size:var(--text-display-sm);margin:0 0 var(--space-2xs)}.pdt-hero p{color:var(--color-muted);margin:0 0 var(--space-lg);max-width:var(--container-copy,44rem)}.pdt-controls{gap:var(--space-sm);margin-bottom:var(--space-md);display:grid}.pdt-search input{width:100%;font:inherit;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:inherit}.pdt-search input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pdt-facets{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pdt-facets label{gap:var(--space-2xs);font-size:var(--text-body-sm);color:var(--color-muted);flex-direction:column;display:inline-flex}.pdt-facets select{font:inherit;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:inherit}.pdt-clear{font:inherit;cursor:pointer;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;padding:var(--space-2xs) var(--space-sm);align-self:end}.pdt-az{gap:var(--space-2xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.pdt-az a,.pdt-az span{text-align:center;min-width:1.6rem;padding:var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--text-body-sm);color:var(--color-accent);text-decoration:none;display:inline-block}.pdt-az [aria-current=true]{background:var(--color-accent-soft);font-weight:var(--font-weight-medium)}.pdt-az [aria-disabled=true]{color:var(--color-muted);pointer-events:none}.pdt-meta{color:var(--color-muted);font-size:var(--text-body-sm);margin-bottom:var(--space-sm)}.pdt-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.pdt-card{gap:var(--space-2xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;display:flex}.pdt-card a{font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none}.pdt-card a:hover{color:var(--color-accent-hover);text-decoration:underline}.pdt-card p{margin:var(--space-2xs) 0 0;color:var(--color-muted);font-size:var(--text-body-sm)}.pdt-badges{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.pdt-badge{font-size:var(--text-body-sm);padding:0 var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-muted)}.pdt-badge--legacy{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-fg)}.pdt-badge--core{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.pdt-empty{padding:var(--space-lg);text-align:center;color:var(--color-muted);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.pdt-section h2{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--text-body-md);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.pdt-detail h1{font-size:var(--text-display-sm);margin:0 0 var(--space-2xs)}.pdt-detail dl{gap:var(--space-2xs) var(--space-md);margin:var(--space-md) 0;grid-template-columns:minmax(8rem,14rem) 1fr;display:grid}.pdt-detail dt{color:var(--color-muted);font-weight:var(--font-weight-medium)}.pdt-detail dd{margin:0}.pdt-detail a{color:var(--color-accent)}.pdt-mono{font-family:var(--font-mono)}.pdt-sources{font-size:var(--text-body-sm);color:var(--color-muted)}.pdt-back{margin-bottom:var(--space-md);color:var(--color-accent);text-decoration:none;display:inline-block}.pdt-table{border-collapse:collapse;width:100%;margin:var(--space-md) 0;font-size:var(--text-body-sm)}.pdt-table th,.pdt-table td{border:1px solid var(--color-border);padding:var(--space-2xs) var(--space-sm);text-align:left}.pdt-table th{background:var(--color-surface-muted)}@media (max-width:640px){.pdt-detail dl{grid-template-columns:1fr}}
