/* 2.94.0 (desk, part b): the palette's case section, its key hints (.pal-keys) and the ? sheet. */
.palette .pal-item { grid-template-columns: 110px auto 1fr auto; }
.palette .pal-item.pal-in { grid-template-columns: 26px minmax(0, auto) 1fr auto; padding-block: 6px; }
.palette .pal-in .pal-kind { text-align: center; font-size: .95rem; line-height: 1; color: var(--ink); }
.palette .pal-item > .muted.small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.palette .pal-keys { grid-column: 4; justify-self: end; align-self: center; font: inherit; font-size: .72rem; line-height: 1.5; border: 1px solid var(--line); border-block-end-width: 2px; border-radius: 6px; padding: 0 6px; background: var(--panel); color: var(--muted); white-space: nowrap; }
.palette .pal-sec { padding: 10px 10px 4px; font-weight: 600; letter-spacing: .01em; position: sticky; top: -6px; background: var(--panel); z-index: 1; }
.palette .pal-sec:first-child { padding-top: 4px; }

/* the ? sheet: the keys in groups, two columns where there is room */
.scpal-keys { columns: 2 250px; column-gap: 28px; }
.scpal-keys-g { break-inside: avoid; padding-block-end: 6px; }
.scpal-keys-g h3 { margin: 8px 0 4px; font-size: .78rem; }
.scpal-keys-g ul { margin: 0; display: grid; gap: 3px; }
.scpal-keys-g li { display: grid; grid-template-columns: 92px 1fr; align-items: baseline; gap: 8px; }
.scpal-keys-g kbd { justify-self: start; font: inherit; font-size: .75rem; border: 1px solid var(--line); border-block-end-width: 2px; border-radius: 6px; padding: 0 6px; background: var(--panel); color: var(--ink); white-space: nowrap; }
dialog:has(.scpal-keys) { width: min(640px, calc(100vw - 32px)); }