html, #layout-wrapper, #app, body {
    height: 100%;
}

body {
    font-family: Inter, Helvetica, Arial, sans-serif;
    color: #333333;
    background-color: #f6f6f9 !important;
}

/*Shared styles (move to library?)*/
/* Fix columns blinking on bootstrap grid in Safari*/
.row:before, .row:after {
    display: none !important;
}

/* The library's .il-card-1 (ILCardLayout ColumnCount="1") sets `min-width: max-content`, sized for form
   fields. min-width beats max-width in CSS, so on a card holding long prose — an MCP tool description runs
   to a few hundred characters — the card stretches to the text's full unwrapped width and the page scrolls
   sideways instead of the text wrapping. Neutralize it where the card holds prose; the field max-widths
   that come with .il-card-1 still apply. */
.il-card-prose.il-card-1 {
    min-width: 0;
}