/* V6.5: portability is one of the five agent use cases. */
#application-title{white-space:pre-line}
.application-portable{margin-top:24px}
.application-portable .portable-demo{padding:20px;gap:16px;align-items:flex-start;flex-direction:column}
.application-portable .portable-demo>div{flex-wrap:wrap;gap:7px}
.application-portable .portable-demo>.mono{font-size:11px}
.application-portable .portable-demo button{font-size:10px;padding:9px 11px}
.application-portable .portable-demo output{margin:0;font:11px/1.7 var(--mono);width:100%;overflow-wrap:anywhere}
.application-portable .portable-playground{font-size:11px;margin:0}
@media(max-width:760px){.application-tabs button[data-application=portable]{grid-column:1/-1}.application-portable .portable-demo{padding:17px;gap:14px}.application-portable .portable-demo button{font-size:9px;padding:9px}.application-portable .portable-demo output{font-size:10px}}