/* Khaosod-style Read More v1.1.1 */
.ksrm-readmore-wrap{position:relative; --ksrm-gradient:120px;}
.ksrm-readmore-body{overflow:hidden;transition:max-height .35s ease}

/* Fade layer */
.ksrm-fade{
  position:absolute;left:0;right:0;bottom:0;height:120px;
  pointer-events:none;transition:opacity .25s ease;
  z-index:1;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.96) 58%, rgba(255,255,255,1) 100%);
}
.ksrm-readmore-wrap.ksrm-collapsed .ksrm-fade{opacity:1}
.ksrm-readmore-wrap.ksrm-expanded .ksrm-fade{opacity:0}

/* Reserve space for button when collapsed so fade won't cover it */
.ksrm-readmore-wrap.ksrm-collapsed .ksrm-readmore-body{
  padding-bottom:calc(var(--ksrm-gradient,120px) + 56px);
}

/* Button row above fade */
.ksrm-action{
  position:relative; z-index:2;
  display:flex; justify-content:center; margin-top:8px;
}
.ksrm-btn{
  display:inline-block;border:0;border-radius:9999px;padding:10px 16px;
  line-height:1.1;font-weight:600;cursor:pointer;background:#111;color:#fff;text-decoration:none;
}
.ksrm-btn:focus{outline:2px solid #333;outline-offset:2px}

/* Bottom bumper for mobile anchor ads */
@media (max-width:1024px){
  .ksrm-action{ margin-bottom:96px; }
}

/* Perf */
.ksrm-readmore-wrap{will-change:max-height}