/* Keep step guidance beside the questions on wide screens and visible on mobile. */
.input-layout{display:grid;gap:24px;align-items:start;margin:20px 0}
.input-layout__guide,.input-layout__questions{min-width:0;overflow-wrap:anywhere}
.input-layout__guide>*,.input-layout__questions>:first-child{margin-top:0}
.input-layout__guide>:last-child{margin-bottom:0}
.ca-page:has(>.input-layout),.ra-page:has(>.input-layout){max-width:1080px}
@media(min-width:761px){
    .input-layout--with-guide{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}
    .input-layout--with-guide>.input-layout__questions{grid-column:1;grid-row:1}
    .input-layout--with-guide>.input-layout__guide{grid-column:2;grid-row:1}
}
/* The property form now shares its width with the guide. Let fields fit that column. */
.input-layout .property-preview__fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}