/* iDemo v1.5 responsive layout layer. Typography scale intentionally unchanged. */

@media (max-width:900px){
  .id-header__inner{width:min(100% - 24px,860px)}
  .id-demo-grid,.id-demo-grid--catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .id-news-grid,.id-news-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}
  .id-footer__grid{grid-template-columns:1fr 1fr;gap:34px}
  .id-footer__brand,.id-footer__social{grid-column:auto}
  .id-create-layout{grid-template-columns:1fr}
  .id-create-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .id-side-card{position:static}
  .id-category-bar{display:flex;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding-bottom:10px}
  .id-category{flex:0 0 92px;scroll-snap-align:start}
  .id-home-head,.id-section-head{align-items:flex-start}
}

@media (max-width:720px){
  .id-hero__grid,.id-catalog-hero__grid,.id-info-hero__grid{grid-template-columns:1fr}
  .id-hero__visual,.id-catalog-hero__visual{min-width:0}
  .id-demo-grid,.id-demo-grid--catalog,.id-news-grid,.id-news-grid--archive{grid-template-columns:1fr}
  .id-news-card--compact{grid-template-columns:96px minmax(0,1fr)}
  .id-builder-panel{grid-template-columns:1fr}
  .id-builder-benefits{grid-column:auto}
  .id-create-aside{grid-template-columns:1fr}
  .id-template-options--visual{grid-template-columns:repeat(2,minmax(0,1fr))}
  .id-form-grid{grid-template-columns:1fr}
  .id-form-grid__full{grid-column:auto}
  .id-review-box dl{grid-template-columns:1fr;gap:3px 0}
  .id-review-box dd{margin-bottom:10px}
  .id-faq-layout,.id-policy-grid{grid-template-columns:1fr}
  .id-footer__grid{grid-template-columns:1fr;gap:28px}
  .id-footer__brand,.id-footer__social{grid-column:auto}
  .id-footer__bottom{flex-direction:column;align-items:flex-start}
  .id-footer__bottom div{flex-wrap:wrap}
  .id-inline-cta,.id-catalog-cta>.id-container{align-items:flex-start;flex-direction:column}
  .id-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:520px){
  .id-template-options--visual{grid-template-columns:1fr}
  .id-wizard__progress{grid-template-columns:1fr 1fr}
  .id-demo-card__actions{grid-template-columns:1fr}
  .id-inline-cta{padding:22px}
}

/* Protect embedded/code/table content on every viewport. */
.id-content-page iframe,.id-prose iframe,.entry-content iframe{max-width:100%}
.id-prose table,.entry-content table{max-width:100%}
.id-prose pre,.entry-content pre{max-width:100%;overflow:auto}

/* v1.5 density rules: prevent cards/forms from becoming too narrow on common laptops. */
@media (max-width:1280px) and (min-width:901px){
  .id-demo-grid,.id-demo-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
  .id-news-grid,.id-news-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr))}
  .id-builder-panel{grid-template-columns:.9fr 1.25fr}
  .id-builder-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px) and (min-width:721px){
  .id-news-grid,.id-news-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}
  .id-template-options--visual{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .id-category-shell{overflow:hidden}
  .id-category-bar{max-width:100%}
  .id-section-head,.id-home-head{width:100%}
  .id-demo-single__actions,.id-demo-single__quick{align-items:stretch}
}
@media (max-width:560px){
  .id-demo-single__actions{display:grid;grid-template-columns:1fr}
  .id-demo-single__actions .id-btn{width:100%}
  .id-search-form{flex-direction:column}
  .id-search-form button{min-height:44px}
}
