/* People & access and ResQ Keys: page-specific fixes on top of the design
   layer in os.css. */

/* Side-by-side cards in a grid don't take the section-to-section gap. */
.os-main .keys-cols > section + section { margin-top: 0; }
.os-main .keys > .keys-card + .keys-card, .os-main .keys > section + details, .os-main .keys > details + details { margin-top: var(--os-s4); }

/* In a dialog the ⋯ menu opens upward, so the dialog's scroll area can't clip it. */

/* Section headers inside dialogs sit closer to their content. */
.modal .os-sec { margin: var(--os-s5) 0 var(--os-s2); }
.modal .rid-grant-form .os-sec { margin-top: var(--os-s3); }

/* Cards that hold a list: pad them like the other cards. */
.os-main .os-card.rid-list { padding: 4px 18px; margin: 0; }
.os-main .os-card.rid-list li:first-child { border-top: 0; }

/* A rotation run's bubbles sit inside its fold, without a second card. */
.keys-run .os-steps { box-shadow: none; margin: 10px 0; }

/* Offboarding: card titles carry the ⓘ inline. */
.off-card h2 { display: flex; align-items: center; gap: 6px; }