/* Guest / article post page (post.php) */
body.lkit-post-page{
  background:
    radial-gradient(ellipse 70% 40% at 0% 0%, rgba(255,77,154,.08), transparent 50%),
    radial-gradient(ellipse 60% 35% at 100% 8%, rgba(47,148,215,.1), transparent 48%),
    #f3f6fa!important;
  overflow-x:hidden;
}
body.lkit-post-page #content{
  float:none!important;
  clear:both;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box;
  padding-top:1.25rem;
  padding-bottom:2.5rem;
  overflow-x:clip;
}
body.lkit-post-page #content > .container{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box;
  padding-left:12px!important;
  padding-right:12px!important;
  margin-left:auto;
  margin-right:auto;
}
body.lkit-post-page .postpage{
  display:grid!important;
  grid-template-columns:minmax(0,230px) minmax(0,1fr);
  gap:1.35rem;
  align-items:start;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  box-sizing:border-box;
}
body.lkit-post-page .postpage .left-col{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  margin:0!important;
  box-sizing:border-box;
  order:0;
}
body.lkit-post-page #fboxcontent.answer-post{
  float:none!important;
  clear:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  margin:0!important;
  padding:1.5rem 1.4rem 2rem!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid rgba(46,64,86,.08)!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(21,40,70,.08)!important;
  overflow-wrap:anywhere;
}
body.lkit-post-page #fboxcontent h1{
  clear:both;
  display:block;
  width:100%;
  max-width:100%;
  margin:0 0 1.1rem!important;
  padding:0 0 1rem!important;
  border-bottom:1px solid rgba(46,64,86,.1);
  color:#2e4056!important;
  font-size:clamp(1.25rem,5.2vw,2rem)!important;
  font-weight:600!important;
  line-height:1.28!important;
  letter-spacing:-.02em;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

/* Hide empty AddThis toolbox */
body.lkit-post-page .answer-post > .share{
  display:none!important;
}

/* Author / follow / share bar */
body.lkit-post-page .commentAvatarHolder{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:.75rem 1rem;
  width:100%;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  margin:0 0 1.15rem!important;
  padding:.9rem 1rem!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(47,148,215,.08),rgba(255,77,154,.06))!important;
}
body.lkit-post-page .avatarImg{
  float:none!important;
  flex:0 0 auto;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 14px rgba(21,40,70,.12);
}
body.lkit-post-page .avatarImg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}
body.lkit-post-page .commentAvtarDetail{
  position:static!important;
  top:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
  flex:1 1 180px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem .75rem;
  min-width:0;
}
body.lkit-post-page .avtarName{
  display:block;
  margin-right:auto;
}
body.lkit-post-page .avtarName a{
  color:#2e4056!important;
  font-weight:700!important;
  font-size:1rem!important;
  text-decoration:none!important;
}
body.lkit-post-page .avtarName a:hover{
  color:#2f94d7!important;
}
body.lkit-post-page .lkit-post-date{
  display:block;
  margin-top:.2rem;
  font-size:.8rem;
  font-weight:500;
  color:#5b6777;
}
body.lkit-post-page .commentAvtarDetail .fr,
body.lkit-post-page .commentAvtarDetail .fr.share-post{
  float:none!important;
  margin:0!important;
}
body.lkit-post-page .lkifllwingbtn,
body.lkit-post-page #dropdownShare{
  border-radius:999px!important;
  font-weight:650!important;
  padding:.4rem .9rem!important;
}
body.lkit-post-page #dropdownShare{
  border-color:rgba(46,64,86,.18)!important;
  color:#2e4056!important;
  background:#fff!important;
}
body.lkit-post-page #dropdownShare:hover{
  border-color:#2f94d7!important;
  color:#2f94d7!important;
}
body.lkit-post-page .btn-outline-primary.lkifllwingbtn{
  border-color:#2f94d7!important;
  color:#2f94d7!important;
  background:#fff!important;
}
body.lkit-post-page .btn-outline-primary.lkifllwingbtn:hover{
  background:linear-gradient(135deg,#2e4056,#2f94d7)!important;
  border-color:transparent!important;
  color:#fff!important;
}

/* Article body */
body.lkit-post-page .question-ask{
  color:#3d4a5c;
  font-size:1.05rem;
  font-weight:400;
  line-height:1.8;
  margin-top:.35rem;
}
body.lkit-post-page .question-ask > p:first-child{margin-top:0}
body.lkit-post-page .question-ask p{
  margin:0 0 1.05rem;
}
body.lkit-post-page .question-ask h2,
body.lkit-post-page .question-ask h3,
body.lkit-post-page .question-ask h4{
  color:#2e4056;
  font-weight:750;
  line-height:1.35;
  margin:1.55rem 0 .65rem;
}
body.lkit-post-page .question-ask h2{font-size:clamp(1.15rem,2.5vw,1.4rem)}
body.lkit-post-page .question-ask a{
  color:#2f94d7;
  font-weight:600;
  text-decoration:none;
}
body.lkit-post-page .question-ask a:hover{color:#ff4d9a}
body.lkit-post-page .question-ask img{
  max-width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:0 8px 22px rgba(21,40,70,.08);
}
body.lkit-post-page .question-ask iframe,
body.lkit-post-page .question-ask video,
body.lkit-post-page .question-ask table,
body.lkit-post-page .question-ask pre,
body.lkit-post-page .question-ask code{
  max-width:100%;
}
body.lkit-post-page .question-ask pre,
body.lkit-post-page .question-ask table{
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
body.lkit-post-page .postpic{
  margin:0 0 1.25rem;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(21,40,70,.1);
  max-width:100%;
}
body.lkit-post-page .postpic img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

/* Likes */
body.lkit-post-page .likediv{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.85rem 1.1rem;
  margin:1.35rem 0 1.1rem;
  padding:.85rem 1rem;
  border-radius:12px;
  background:#f4f7fb;
  border:1px solid rgba(46,64,86,.06);
}
body.lkit-post-page .likediv .fa{
  font-size:1.15rem;
  cursor:pointer;
}

/* Comments */
body.lkit-post-page .questionpage{
  float:none!important;
  width:100%!important;
  margin:0 0 .85rem!important;
  padding:1rem 1.1rem!important;
  border:1px solid rgba(46,64,86,.08)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(21,40,70,.04);
}
body.lkit-post-page .questionpage h4{
  padding:0!important;
  margin:0 0 .55rem!important;
  font-size:.95rem!important;
  font-weight:700!important;
  color:#2e4056!important;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem .65rem;
}
body.lkit-post-page .questionpage h4:after{display:none!important}
body.lkit-post-page .questionpage p{
  margin:0!important;
  color:#5b6777;
  font-size:.95rem;
  line-height:1.6;
}
body.lkit-post-page .conFrom{
  margin-top:1.25rem;
  padding:1.1rem;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(47,148,215,.08),rgba(255,77,154,.06));
  text-align:center;
}
body.lkit-post-page .conFrom a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.65rem 1.25rem;
  border-radius:999px;
  background:linear-gradient(135deg,#2e4056,#2f94d7);
  color:#fff!important;
  font-weight:700;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(46,64,86,.2);
}

@media (max-width:991px){
  body.lkit-post-page .postpage{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.lkit-post-page .postpage .left-col{order:2}
  body.lkit-post-page #fboxcontent.answer-post{order:1}
  body.lkit-post-page #fboxcontent.answer-post{
    width:100%!important;
    max-width:100%!important;
    padding:1.15rem .95rem 1.5rem!important;
    border-radius:16px!important;
  }
  body.lkit-post-page .commentAvatarHolder{
    padding:.8rem .85rem!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
  }
  body.lkit-post-page .commentAvtarDetail{
    flex:1 1 100%;
    width:100%;
  }
  body.lkit-post-page .avtarName{
    width:100%;
    margin-right:0;
  }
  body.lkit-post-page #fboxcontent h1{
    font-size:clamp(1.2rem,5.8vw,1.55rem)!important;
  }
}

/* Quiz sidebar — spacing + button on post page */
body.lkit-post-page .widget.people_follow.lkit-quiz-widget{
  margin:0 0 1.15rem!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  max-width:100%;
}
body.lkit-post-page .lkit-quiz-widget__inner{
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(46,64,86,.1)!important;
  box-shadow:0 12px 28px rgba(21,40,70,.08)!important;
  max-height:none;
}
body.lkit-post-page .lkit-quiz-widget__head{
  padding:1.05rem 1.15rem .95rem!important;
  background:linear-gradient(135deg,#2e4056,#2f94d7)!important;
  color:#fff!important;
}
body.lkit-post-page .lkit-quiz-widget__eyebrow{
  display:block!important;
  margin:0 0 .25rem!important;
  font-size:.68rem!important;
  font-weight:650!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.8)!important;
}
body.lkit-post-page .lkit-quiz-widget h3.lkit-quiz-widget__title,
body.lkit-post-page .lkit-quiz-widget__title{
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  font-size:1.08rem!important;
  font-weight:700!important;
  line-height:1.3!important;
}
body.lkit-post-page .lkit-quiz-widget__title:after{display:none!important}
body.lkit-post-page .lkit-quiz-widget__list{
  list-style:none!important;
  margin:0!important;
  padding:.55rem .8rem .2rem!important;
}
body.lkit-post-page .lkit-quiz-widget__item{
  margin:0!important;
  border-bottom:1px solid rgba(46,64,86,.08)!important;
}
body.lkit-post-page .lkit-quiz-widget__item:last-child{border-bottom:0!important}
body.lkit-post-page .lkit-quiz-widget__link{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:.8rem!important;
  margin:0!important;
  padding:.8rem .9rem!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  color:#2e4056!important;
}
body.lkit-post-page .lkit-quiz-widget__link:hover{
  background:rgba(47,148,215,.1)!important;
}
body.lkit-post-page .lkit-quiz-widget__icon{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#eef4fa!important;
}
body.lkit-post-page .lkit-quiz-widget__icon img{
  width:44px!important;
  height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  object-fit:cover!important;
}
body.lkit-post-page .lkit-quiz-widget__name{
  flex:1 1 auto!important;
  min-width:0!important;
  padding-right:.25rem!important;
  font-size:.93rem!important;
  font-weight:650!important;
  color:#2e4056!important;
}
body.lkit-post-page .lkit-quiz-widget__chev{
  color:#2f94d7!important;
  font-size:1.3rem!important;
}
body.lkit-post-page a.lkit-quiz-widget__all,
body.lkit-post-page a.lkit-quiz-widget__all.btn,
body.lkit-post-page a.lkit-quiz-widget__all.btn-primary{
  display:block!important;
  width:calc(100% - 1.8rem)!important;
  max-width:calc(100% - 1.8rem)!important;
  margin:.65rem .9rem 1.1rem!important;
  padding:.75rem 1rem!important;
  border:0!important;
  border-radius:10px!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:.92rem!important;
  font-weight:700!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2e4056 0%,#2f94d7 100%)!important;
  box-shadow:0 8px 18px rgba(46,64,86,.2)!important;
}
body.lkit-post-page a.lkit-quiz-widget__all:hover{
  color:#fff!important;
  filter:brightness(1.05);
}
body.lkit-post-page .left-col > a[href="contact"],
body.lkit-post-page .left-col > a[href="askquestion"]{
  display:inline-block;
  margin:0 .35rem .55rem 0;
}

@media (max-width:575px){
  body.lkit-post-page #content{
    padding-top:.85rem;
    padding-bottom:1.75rem;
  }
  body.lkit-post-page #content > .container{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.lkit-post-page .lkifllwingbtn,
  body.lkit-post-page #dropdownShare{
    flex:1 1 auto;
  }
}
