/* Toate părerile (/pareri) și „Ultimele păreri” de pe prima pagină */
.dc-stars { color: #e7a600; letter-spacing: 1px; white-space: nowrap; }
.dc-stars .dc-off { color: var(--line); }

.pr-lead { max-width: 75ch; }
.pr-views { display: flex; gap: 6px; margin: 16px 0 10px; border-bottom: 1px solid var(--line); }
.pr-views a { padding: 8px 12px; color: var(--ink-2); text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -1px; font-weight: 600; }
.pr-views a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--ink); }
.pr-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 12px; margin: 12px 0 16px; }
.pr-filters .field { margin: 0; }
.pr-filters .pr-q { flex: 1 1 220px; }
.pr-filters .pr-q input { width: 100%; }

.pr-list, .pr-topics { list-style: none; margin: 0 0 16px; padding: 0; }
.pr-item, .pr-topic { border-top: 1px solid var(--line); padding: 14px 0; }
.pr-item { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 10px 20px; }
.pr-target { display: flex; gap: 10px; align-items: flex-start; color: inherit; text-decoration: none; min-width: 0; }
.pr-target .thumb { flex: none; width: 56px; height: 56px; }
.pr-target-text { display: grid; gap: 2px; min-width: 0; }
.pr-target-text strong { font-size: .92rem; line-height: 1.3; overflow-wrap: anywhere; }
.pr-target:hover strong { text-decoration: underline; }
.pr-kind { text-transform: uppercase; letter-spacing: .04em; font-size: .7rem; }
.pr-body { min-width: 0; }
.pr-imgs { display: flex; gap: 6px; margin: 8px 0; }
.pr-imgs a { display: block; width: 72px; height: 72px; border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.pr-imgs img { width: 100%; height: 100%; object-fit: cover; }
.pr-foot { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; }
.pr-topic .pr-target .thumb { width: 64px; height: 64px; }
.pr-last { margin: 8px 0 0 74px; overflow-wrap: anywhere; }

.pr-home { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.pr-home-card { display: grid; gap: 6px; height: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius);
  color: inherit; text-decoration: none; }
.pr-home-card:hover { border-color: var(--ink-3); }
.pr-home-text { overflow-wrap: anywhere; }

@media (max-width: 640px) {
  .pr-item { grid-template-columns: 1fr; }
  .pr-last { margin-left: 0; }
}