button.chip-more{min-height:32px;padding:6px 4px;white-space:nowrap;font-weight:600}
.features-expanded{padding-block:8px}.features-expanded .feature-chips{gap:7px}.features-expanded .chip{white-space:normal}.features-expanded .chip-more{margin-top:3px}
/* Workflow screenshots need enough room to explain the interface. */
.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screenshot-tile img{height:220px}.screenshot-tile.portrait img{height:300px}.screenshot-tile>span{font-size:12px;padding:10px 12px}.screenshot-tile{transition:border-color .15s,box-shadow .15s}.screenshot-tile:hover{box-shadow:var(--shadow-sm)}
@media(max-width:650px){.screenshot-grid{grid-template-columns:1fr}.screenshot-tile img{height:215px}.screenshot-tile.portrait img{height:330px}}
body.ideas-active .sidebar{display:none}body.ideas-active .layout{grid-template-columns:minmax(0,1fr)}body.ideas-active .page-footer{margin-top:0}

.product-preview.portrait{height:210px;flex-basis:210px;aspect-ratio:auto}.product-preview.portrait img{object-fit:contain;object-position:center}.screenshot-tile.portrait img{height:480px}
@media(max-width:650px){.screenshot-tile.portrait img{height:500px}}
@media(max-width:650px){.view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;overflow:visible}.view-tabs button{min-height:36px;font-size:12px}}
.preview-gap{padding:14px;border:1px dashed var(--line);border-radius:10px;background:var(--surface-2)}.preview-gap h3{margin-top:0}.preview-gap p{margin-bottom:0}
