/* Guest blog submit page — v0136
   Scoped page layout only.
   Do not style global header/footer/buttons/forms here except page-specific placement.
*/

.guestblog-page{
  background:var(--cream);
}

.guestblog-main{
  background:var(--cream);
}

.guestblog-hero{
  position:relative;
  overflow:hidden;
  padding:var(--df-section-y) 0 var(--df-section-y-tight);
  background:var(--cream);
}

.guestblog-hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(280px,.62fr);
  gap:var(--df-media-content-gap-desktop, 56px);
  align-items:end;
}

.guestblog-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:22px;
  color:var(--ink-soft);
  font-size:.9rem;
}

.guestblog-breadcrumb a{
  color:var(--terracotta);
  text-decoration:none;
  font-weight:700;
}

.guestblog-hero h1{
  max-width:12ch;
  margin-top:18px;
  margin-bottom:24px;
  font-size:clamp(2.7rem, 5.4vw, 4.4rem);
  letter-spacing:-.02em;
}

.guestblog-hero h1 em{
  color:var(--terracotta);
  font-style:italic;
}

.guestblog-lead{
  max-width:42rem;
  color:var(--ink-soft);
  font-size:1.13rem;
  line-height:1.7;
}

.guestblog-hero-card{
  padding:30px 28px;
  border:1px solid rgba(44,38,32,.12);
  border-radius:24px;
  background:rgba(252,250,243,.78);
  box-shadow:0 26px 55px -42px rgba(44,38,32,.38);
}

.guestblog-hero-card h2{
  margin-bottom:16px;
  font-size:1.55rem;
}

.guestblog-hero-card ul{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.guestblog-hero-card li{
  position:relative;
  padding-left:20px;
  color:var(--ink-soft);
  font-size:.96rem;
  line-height:1.55;
}

.guestblog-hero-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--terracotta);
}

.guestblog-content{
  padding:var(--df-section-y-tight) 0 var(--df-section-y);
  background:var(--cream);
}

.guestblog-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:42px;
  align-items:start;
}

.guestblog-form{
  padding:42px;
  border:1px solid rgba(44,38,32,.11);
  border-radius:28px;
  background:#fcfaf3;
  box-shadow:0 24px 60px -50px rgba(44,38,32,.42);
}

.guestblog-form-section{
  padding-bottom:34px;
  margin-bottom:34px;
  border-bottom:1px solid rgba(44,38,32,.10);
}

.guestblog-form-section:last-of-type{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:none;
}

.guestblog-section-head{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:24px;
}

.guestblog-step{
  display:inline-flex;
  flex:0 0 42px;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--terracotta);
  color:#fff;
  font-family:var(--serif);
  font-size:1.15rem;
  line-height:1;
}

.guestblog-section-head h2{
  margin-bottom:6px;
  font-size:clamp(1.55rem,2.6vw,2.05rem);
}

.guestblog-section-head p{
  max-width:42rem;
  color:var(--ink-soft);
  font-size:.98rem;
  line-height:1.65;
}

.guestblog-body-field{
  min-height:300px;
}

.guestblog-upload-box{
  display:grid;
  gap:10px;
  padding:22px;
  border:1px dashed rgba(44,38,32,.22);
  border-radius:18px;
  background:rgba(241,233,212,.32);
}

.guestblog-checkbox{
  margin-top:18px;
}

.guestblog-actions{
  justify-content:flex-start;
  border-top:1px solid rgba(44,38,32,.10);
  padding-top:28px;
  margin-top:0;
}

.guestblog-sidebar{
  position:sticky;
  top:112px;
  display:grid;
  gap:18px;
}

.guestblog-side-card{
  padding:28px 26px;
  border:1px solid rgba(44,38,32,.11);
  border-radius:24px;
  background:#fcfaf3;
  box-shadow:0 18px 45px -42px rgba(44,38,32,.42);
}

.guestblog-side-card--olive{
  background:var(--olive-deep);
  color:var(--cream);
}

.guestblog-side-card h2{
  margin-bottom:14px;
  font-size:1.45rem;
}

.guestblog-side-card p{
  color:var(--ink-soft);
  font-size:.96rem;
  line-height:1.65;
}

.guestblog-side-card--olive p{
  color:rgba(250,246,236,.78);
}

.guestblog-side-card ol{
  display:grid;
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}

.guestblog-side-card li{
  display:grid;
  gap:3px;
}

.guestblog-side-card li strong{
  color:var(--cream);
  font-size:.94rem;
}

.guestblog-side-card li span{
  color:rgba(250,246,236,.72);
  font-size:.9rem;
  line-height:1.5;
}

.guestblog-text-link{
  display:inline-flex;
  margin-top:16px;
  color:var(--terracotta);
  font-weight:700;
  text-decoration:none;
}

@media(max-width:980px){
  .guestblog-hero-grid,
  .guestblog-layout{
    grid-template-columns:1fr;
  }

  .guestblog-sidebar{
    position:static;
  }

  .guestblog-hero-card{
    max-width:560px;
  }
}

@media(max-width:680px){
  .guestblog-hero{
    padding-top:var(--df-section-y-mobile-tight);
    padding-bottom:var(--df-section-y-mobile-tight);
  }

  .guestblog-content{
    padding-top:var(--df-section-y-mobile-tight);
    padding-bottom:var(--df-section-y-mobile);
  }

  .guestblog-form{
    padding:28px 22px;
    border-radius:22px;
  }

  .guestblog-section-head{
    gap:12px;
  }

  .guestblog-step{
    flex-basis:36px;
    width:36px;
    height:36px;
    font-size:1rem;
  }

  .guestblog-body-field{
    min-height:230px;
  }

  .guestblog-actions .btn{
    width:100%;
  }
}

/* v0158 Profile image upload for guest blog authors */
.guestblog-profile-upload-box{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  padding:18px;
  border:1px dashed rgba(44,38,32,.22);
  border-radius:18px;
  background:rgba(241,233,212,.28);
}

.guestblog-profile-upload-box input[type="file"]{
  background:rgba(255,255,255,.55);
}

.guestblog-profile-upload-copy{
  color:var(--ink-soft);
}

.guestblog-profile-upload-copy strong{
  display:block;
  color:var(--ink);
  font-size:.96rem;
}

.guestblog-profile-upload-copy p{
  margin-top:4px;
  font-size:.92rem;
  line-height:1.5;
}

@media(max-width:680px){
  .guestblog-profile-upload-box{
    padding:16px;
  }
}



/* v0160 Guestblog upload fields use the global fancy upload pattern */
.guestblog-form .form-upload-field{
  margin-bottom:0;
}

.guestblog-form .form-upload-filename{
  margin-top:-2px;
}