/* Golden page: public service listing. Keep legacy selectors scoped to this page. */
.qn-legacy-list-page { padding: 8px 0 36px; }
.qn-legacy-list-page > .container { width: min(100% - 32px, var(--qn-container-content)); margin: 0 auto; padding: 0; }
.qn-legacy-list-page .top-bar { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 20px 0 16px; }
.qn-legacy-list-page .top-bar h1 { margin: 0; color: var(--qn-color-text-strong); font-size: 28px; line-height: 1.25; }
.qn-legacy-list-page .btn-publish { min-height: 42px; display: inline-flex; align-items: center; padding: 0 16px; color: #fff; background: var(--qn-color-success); border: 1px solid var(--qn-color-success); border-radius: var(--qn-radius-sm); font-weight: 700; text-decoration: none; }
.qn-legacy-list-page .btn-publish:hover { color: #fff; background: #0f6840; border-color: #0f6840; }
.qn-legacy-list-page .nav-group { margin-bottom: 14px; padding: 12px; overflow-x: auto; background: var(--qn-color-surface); border: 1px solid var(--qn-color-border); border-radius: var(--qn-radius-md); box-shadow: var(--qn-shadow-sm); }
.qn-legacy-list-page .nav-group ul { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; padding: 0; margin: 0; }
.qn-legacy-list-page .nav-group ul + ul { margin-top: 10px; }
.qn-legacy-list-page .nav-group a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px; color: var(--qn-color-text); background: var(--qn-color-surface); border: 1px solid var(--qn-color-border); border-radius: var(--qn-radius-pill); white-space: nowrap; text-decoration: none; transition: color var(--qn-motion-fast) ease, background-color var(--qn-motion-fast) ease, border-color var(--qn-motion-fast) ease; }
.qn-legacy-list-page .nav-group a:hover, .qn-legacy-list-page .nav-group a.active { color: #fff; background: var(--qn-color-brand); border-color: var(--qn-color-brand); }
.qn-legacy-list-page .filter-toggle { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; gap: 7px; color: #fff; background: var(--qn-color-brand); border: 1px solid var(--qn-color-brand); border-radius: var(--qn-radius-sm); font: inherit; font-weight: 700; line-height: 1.4; }
.qn-legacy-list-page .filter-toggle:hover, .qn-legacy-list-page .filter-toggle:focus-visible { background: var(--qn-color-brand-hover); border-color: var(--qn-color-brand-hover); box-shadow: var(--qn-focus-ring); }
.qn-legacy-list-page .filter-toggle .chevron { font-size: .72em; }
.qn-legacy-list-page .filter-toggle[aria-expanded="true"] .chevron { transform: rotate(180deg); }
.qn-legacy-list-page #other-states.hidden, .qn-legacy-list-page #category-options.hidden { display: none; }
.qn-legacy-list-page #category-options { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--qn-color-border); }
.qn-legacy-list-page .post-table { width: 100%; border-collapse: collapse; overflow: hidden; color: var(--qn-color-text); background: var(--qn-color-surface); border: 1px solid var(--qn-color-border); border-radius: var(--qn-radius-md); box-shadow: var(--qn-shadow-sm); }
.qn-legacy-list-page .post-table th, .qn-legacy-list-page .post-table td { padding: 13px 14px; border-bottom: 1px solid var(--qn-color-border); }
.qn-legacy-list-page .post-table th { color: var(--qn-color-text-strong); background: var(--qn-color-surface-soft); font-weight: 700; }
.qn-legacy-list-page .post-table th:nth-child(1), .qn-legacy-list-page .post-table td:nth-child(1) { width: 40%; text-align: left; }
.qn-legacy-list-page .post-table th:nth-child(n+2), .qn-legacy-list-page .post-table td:nth-child(n+2) { width: 20%; text-align: right; white-space: nowrap; }
.qn-legacy-list-page .post-table tbody tr:hover { background: var(--qn-color-surface-soft); cursor: pointer; }
.qn-legacy-list-page .post-table tbody tr:last-child td { border-bottom: 0; }
.qn-legacy-list-page .post-row.visited td { color: var(--qn-color-text-disabled) !important; }
.qn-legacy-list-page .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 20px; text-align: center; }
.qn-legacy-list-page .pagination a, .qn-legacy-list-page .pagination span { min-width: 36px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0 10px; color: var(--qn-color-text); background: var(--qn-color-surface); border: 1px solid var(--qn-color-border); border-radius: var(--qn-radius-sm); text-decoration: none; }
.qn-legacy-list-page .pagination a:hover, .qn-legacy-list-page .pagination span { color: #fff; background: var(--qn-color-brand); border-color: var(--qn-color-brand); }
.qn-legacy-list-page .pinned-label { color: var(--qn-color-danger); font-weight: 700; }

@media (max-width: 700px) {
  .qn-legacy-list-page > .container { width: min(100% - 24px, 100%); }
  .qn-legacy-list-page .top-bar { flex-direction: column; }
  .qn-legacy-list-page .btn-publish { width: 100%; justify-content: center; }
  .qn-legacy-list-page .post-table { min-width: 640px; }
}