/* EnerXCo v12: integrated page content, left-aligned non-home pages */

.page-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:72px 28px 96px;
}

.page-wrap .card{
  max-width:760px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}

.page-title{
  margin-bottom:24px;
}

.lead{
  max-width:720px;
}

/* Services should feel like content, not boxed cards */
.service-list{
  max-width:840px;
  display:grid;
  gap:0;
  border-top:1px solid #d0d5dd;
}

.service-item{
  background:transparent;
  border:0;
  border-bottom:1px solid #d0d5dd;
  border-radius:0;
  padding:24px 0;
}

/* Contact form integrated with page */
.page-wrap .form{
  max-width:620px;
}

/* Auth pages: left-aligned, no floating white box */
.auth-page{
  max-width:1180px;
  margin:0 auto;
  padding:72px 28px 96px;
  display:block;
  min-height:calc(100vh - 72px - 170px);
}

.auth-card{
  max-width:460px;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}

.auth-card h1{
  margin-bottom:26px;
}

.auth-links{
  justify-content:flex-start;
}

/* Account pages: keep sidebar, integrate the main body */
.account-main .card{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}

.account-main .form{
  max-width:720px;
}

/* Keep forms controlled, not full-window */
.form input,
.form textarea{
  max-width:100%;
}

@media(max-width:900px){
  .page-wrap,
  .auth-page{
    padding:46px 24px 72px;
  }
  .service-item{
    display:block;
  }
  .service-item .btn{
    margin-top:16px;
  }
}