/* CorePath Phase 14C - PE Form bridge styles
   Add to corepath-overrides.css or keep as a separate linked file.
*/

.corepath-pe-form{
  width:100%;
}

.corepath-form-head{
  margin-bottom:24px;
}

.corepath-form-head h3{
  margin:0 0 8px;
  font-size:clamp(1.8rem, 3vw, 3rem);
  line-height:1;
  letter-spacing:-.045em;
}

.corepath-form-head p{
  margin:0;
  color:var(--muted);
}

.corepath-form-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}

.corepath-form-grid .field.full{
  grid-column:1 / -1;
}

.corepath-form-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:22px;
}

.corepath-form-status{
  color:var(--muted);
  font-size:.9rem;
}

.corepath-form-message.error{
  padding:18px;
  border:1px solid rgba(255,98,96,.30);
  background:rgba(255,98,96,.08);
  border-radius:12px;
}

@media(max-width:780px){
  .corepath-form-grid{
    grid-template-columns:1fr;
  }
}

/* CorePath Phase 14E - Inner content page styles
   Add to assets/css/corepath-overrides.css
*/

.corepath-page-main{
  position:relative;
  z-index:2;
  background:var(--page);
  margin-bottom:420px;
}

.corepath-inner-hero{
  padding:150px 0 72px;
  background:
    radial-gradient(circle at 82% 12%, rgba(86,195,215,.16), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fa 100%);
}

.corepath-inner-hero h1{
  max-width:980px;
  margin:0;
  font-size:clamp(3rem, 6vw, 6.2rem);
  line-height:.95;
  letter-spacing:-.055em;
  color:var(--text);
}

.corepath-page-banner{
  padding:0 0 24px;
  background:#f6f8fa;
}

.corepath-page-banner-img{
  min-height:320px;
  background-size:cover;
  background-position:center;
  border-radius:24px;
  box-shadow:0 24px 70px rgba(32,43,54,.12);
}

.corepath-page-content{
  padding:80px 0 120px;
  background:#ffffff;
}

.corepath-content-body{
  max-width:980px;
  margin:0 auto;
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.85;
}

.corepath-content-body h2,
.corepath-content-body h3{
  color:var(--text);
  margin-top:1.8em;
}

.corepath-content-body p{
  margin:0 0 1.2em;
}

.corepath-content-body a{
  color:var(--accent-deep);
  border-bottom:1px solid currentColor;
}

.corepath-content-body ul,
.corepath-content-body ol{
  padding-left:1.4em;
}

@media(max-width:780px){
  .corepath-inner-hero{padding:120px 0 54px;}
  .corepath-page-banner-img{min-height:220px;border-radius:16px;}
  .corepath-page-content{padding:56px 0 86px;}
}

/* CorePath Phase 14F - full width inner page banner + form options */

.corepath-page-banner.is-full-width{
  padding:0;
  background:#ffffff;
}

.corepath-page-banner.is-full-width .corepath-page-banner-img{
  width:100%;
  min-height:360px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:0;
  box-shadow:none;
}

.corepath-page-banner-img.no-image{
  background:
    radial-gradient(circle at 78% 22%, rgba(86,195,215,.20), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #eef2f5 100%);
}

.corepath-radio-group{
  display:grid;
  gap:10px;
  padding:10px 0;
}

.corepath-radio-option{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.95rem;
  letter-spacing:0;
  text-transform:none;
  font-weight:400;
}

.corepath-radio-option input{
  width:auto;
  box-shadow:none;
}

@media(max-width:780px){
  .corepath-page-banner.is-full-width .corepath-page-banner-img{
    min-height:230px;
  }
}

/* CorePath Phase 14G - Form layout controls */

.corepath-form-grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:18px 18px;
}

.corepath-form-grid .field{
  grid-column:span 6;
}

.corepath-form-grid .field.full{
  grid-column:1 / -1;
}

.corepath-form-grid .field.half{
  grid-column:span 6;
}

.corepath-form-grid .field.third{
  grid-column:span 4;
}

.corepath-form-section{
  padding-top:8px;
  border-top:1px solid rgba(32,43,54,.10);
}

.corepath-form-section h4{
  margin:0;
  font-family:'Outfit', sans-serif;
  font-size:clamp(1.35rem, 2vw, 2rem);
  line-height:1;
  letter-spacing:-.04em;
  color:var(--text);
}

.corepath-form-help{
  padding:14px 16px;
  border-left:3px solid var(--cyan);
  background:rgba(86,195,215,.07);
  color:var(--muted);
  border-radius:10px;
}

.corepath-radio-group{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  padding-top:4px;
}

.corepath-radio-option{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.95rem;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}

.corepath-radio-option input{
  width:auto;
  box-shadow:none;
  margin:0;
}

@media(max-width:780px){
  .corepath-form-grid .field,
  .corepath-form-grid .field.half,
  .corepath-form-grid .field.third{
    grid-column:1 / -1;
  }
}
/* CorePath strong form designer frontend style, aligned with contact .form-grid */
.corepath-pe-form{
  width:100%;
}

.corepath-form-head{
  margin-bottom:26px;
}

.corepath-form-head h3{
  margin:0 0 10px;
  font-family:'Outfit', sans-serif;
  font-weight:300;
  font-size:clamp(2rem,3vw,3.4rem);
  line-height:1;
  letter-spacing:-.045em;
  color:var(--text);
}

.corepath-form-head p{
  margin:0;
  color:var(--muted);
}

.corepath-form-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:14px;
}

.corepath-form-grid .field{
  display:grid;
  gap:10px;
  grid-column:span 6;
  margin-bottom:8px;
}

.corepath-form-grid .field.full{grid-column:1/-1}
.corepath-form-grid .field.half{grid-column:span 6}
.corepath-form-grid .field.third{grid-column:span 4}

.corepath-form-section{
  padding-top:10px;
  border-top:1px solid rgba(32,43,54,.10);
}

.corepath-form-section h4{
  margin:0;
  font-family:'Outfit', sans-serif;
  font-weight:300;
  font-size:clamp(1.35rem,2vw,2rem);
  letter-spacing:-.04em;
  color:var(--text);
}

.corepath-form-help{
  padding:15px 17px;
  border-left:3px solid var(--cyan);
  border-radius:10px;
  background:rgba(86,195,215,.07);
}

.corepath-radio-group{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
}

.corepath-radio-option{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.95rem;
  text-transform:none;
  letter-spacing:0;
}

.corepath-radio-option input{
  width:auto;
  box-shadow:none;
}

.corepath-form-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

@media(max-width:780px){
  .corepath-form-grid .field,
  .corepath-form-grid .field.half,
  .corepath-form-grid .field.third{
    grid-column:1/-1;
  }
}