/* Numerish Auto360 R87 — ownership layers responsive presentation.
 * Scope: #ecosystem section ONLY. Correct actual R75 class names, do not
 * change global Workflow Adviser / Guide360, pricing or backend systems.
 */

/* Keep the product-boundary section clear of fixed 46px/36px side controls. */
@media(min-width:601px){
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-wrap{
  box-sizing:border-box;
  width:min(1600px,calc(100% - 160px));
  max-width:1600px;
  margin-inline:auto;
 }
}

/* Heading: balanced, readable ownership story with contained columns. */
body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top{
 display:grid;
 grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);
 align-items:center;
 gap:clamp(18px,3vw,46px);
 margin-bottom:21px;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top > div,
body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top > p{
 min-width:0;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top h2#a70-ecosystem-title{
 font-size:clamp(28px,2.5vw,41px);
 font-weight:850;
 line-height:1.14;
 letter-spacing:-.035em;
 text-wrap:balance;
 max-width:25ch;
 margin:0;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top > p{
 font-size:clamp(13px,1.05vw,16px);
 line-height:1.66;
 margin:0;
 max-width:59ch;
 color:var(--a70-muted);
}

/* Dark source-ownership strip: no overflowing single-line chain. */
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-intro{
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 align-items:center;
 gap:8px 22px;
 box-sizing:border-box;
 padding:15px clamp(16px,2vw,23px);
 margin:0 0 17px;
 min-width:0;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-intro strong{
 flex:0 0 auto;
 min-width:0;
 white-space:normal;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-intro span{
 flex:1 1 385px;
 min-width:0;
 max-width:100%;
 white-space:normal;
 overflow-wrap:normal;
 word-break:normal;
 font-size:clamp(11px,.95vw,13px);
 line-height:1.6;
 text-align:right;
}

/* Consistent card sizing, matching source records / licence boundaries. */
body[data-page-key="product-auto360-dms"] #ecosystem .a70-ecosystem-grid.a75-ecosystem-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:clamp(12px,1.3vw,18px);
 width:100%;
 min-width:0;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid article.a75-eco-card{
 box-sizing:border-box;
 min-width:0;
 max-width:100%;
 padding:clamp(18px,1.7vw,25px);
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid .a75-eco-identity{
 min-width:0;
 gap:10px;
 margin-bottom:14px;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid .a70-ecosystem-tag{
 min-width:0;
 overflow-wrap:normal;
 font-size:10px;
 line-height:1.5;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid h3{
 font-size:clamp(18px,1.27vw,23px);
 line-height:1.29;
 min-height:2.55em;
 margin:0 0 10px;
 overflow-wrap:normal;
 word-break:normal;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid p{
 font-size:12.5px;
 line-height:1.68;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid .a75-eco-footer a{
 max-width:100%;
 min-width:0;
 white-space:normal;
 overflow-wrap:break-word;
}
body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-note{
 box-sizing:border-box;
 max-width:100%;
 margin-top:17px;
}

/* Medium desktops: visually balanced 2×2 instead of four crowded cards. */
@media(min-width:761px) and (max-width:1599px){
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-ecosystem-grid.a75-ecosystem-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid h3{
  min-height:0;
  font-size:clamp(18px,1.65vw,23px);
 }
}
/* Small desktop/tablet heading and dark strip move to stacked composition. */
@media(max-width:1100px){
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top{
  grid-template-columns:minmax(0,1fr);
  gap:11px;
  align-items:start;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top h2#a70-ecosystem-title{
  max-width:31ch;
  font-size:clamp(28px,3.4vw,37px);
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top > p{
  font-size:13px;
  max-width:68ch;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-intro{
  align-items:flex-start;
  flex-direction:column;
  gap:7px;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-intro span{
  flex:0 1 auto;
  text-align:left;
  max-width:100%;
 }
}
/* One readable card per row where two would squeeze descriptions. */
@media(max-width:760px){
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-ecosystem-grid.a75-ecosystem-grid{
  grid-template-columns:minmax(0,1fr);
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid h3{
  font-size:clamp(18px,3vw,22px);
  min-height:0;
 }
}
@media(max-width:600px){
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-wrap{
  width:calc(100% - 30px);
  max-width:1600px;
  margin-inline:auto;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top h2#a70-ecosystem-title{
  font-size:clamp(27px,7.4vw,34px);
  max-width:100%;
  line-height:1.15;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a70-section-top > p{
  font-size:13px;
  max-width:100%;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-intro{
  padding:14px;
 }
 body[data-page-key="product-auto360-dms"] #ecosystem .a75-ecosystem-grid article.a75-eco-card{
  padding:19px;
 }
}