/* 2026-11-06 rail1: single left wing on ipsi (blogleft suppressed) */
/* 2026-11-06 ipsi2: 왼쪽 순환(필독서·유명인·추천). AdSense 없음(오른쪽 adrail). 플로팅 오버레이 제거 */
.cd-ipsileft{display:none}
.cd-ipsileft__stick{width:208px}
.cd-ipsileft__sec{margin:0 0 12px;padding:12px 12px 8px;border:1px solid #eef1f6;border-radius:14px;background:#fff}
.cd-ipsileft__sec--celeb{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb 0%,#fff 55%)}
.cd-ipsileft__h{margin:0 0 8px;font-size:13.5px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:6px}
.cd-ipsileft__h::before{content:"";width:7px;height:7px;border-radius:50%;background:#0ea5e9}
.cd-ipsileft__sec--celeb .cd-ipsileft__h::before{background:#f59e0b}
.cd-ipsileft__list{list-style:none;margin:0;padding:0}
.cd-ipsileft__list li+li{border-top:1px solid #f1f3f8}
.cd-ipsileft__a{display:flex;gap:10px;align-items:flex-start;padding:9px 0;text-decoration:none;color:inherit}
.cd-ipsileft__a:hover .cd-ipsileft__t{color:#0284c7}
.cd-ipsileft__th{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center}
.cd-ipsileft__th img{width:100%;height:100%;object-fit:cover;display:block}
.cd-ipsileft__th--emo{font-size:20px;background:#fef3c7}
.cd-ipsileft__t{display:block;font-size:13px;font-weight:700;line-height:1.4;color:#0f172a}
.cd-ipsileft__c{display:block;margin-top:3px;font-size:11.5px;color:#94a3b8}
.cd-ipsileft__c b{color:#0f172a;font-weight:800}
.cd-ipsileft__more{display:block;margin:8px 0 4px;text-align:center;font-size:12.5px;font-weight:800;color:#d97706;text-decoration:none}
.cd-ipsileft__more:hover{text-decoration:underline}
/* ≥1440: 왼쪽 칸 — sticky는 칸 안에서만, absolute 오버레이로 본문을 가리지 않게 blog-area padding 확보 */
@supports selector(:has(*)) {
  @media (min-width:1440px) {
    .blog-area:has(> .cd-ipsileft){position:relative;max-width:1392px;padding-left:252px}
    .blog-area > .cd-ipsileft{display:block;position:absolute;top:16px;bottom:64px;left:20px;width:208px;z-index:1;pointer-events:none}
    .blog-area > .cd-ipsileft .cd-ipsileft__stick{pointer-events:auto;position:-webkit-sticky;position:sticky;top:133px;max-height:calc(100vh - 153px);overflow-y:auto;scrollbar-width:thin}
  }
  @media (min-width:1680px) {
    .blog-area:has(> .cd-ipsileft){max-width:1120px;padding-left:20px}
    .blog-area > .cd-ipsileft{left:auto;right:calc(100% + 24px)}
  }
}
@media (max-width:1439px) {
  .cd-ipsileft{display:block;margin:0 0 16px}
  .cd-ipsileft__stick{width:auto}
  .cd-ipsileft__list{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cd-ipsileft__list li{flex:0 0 220px}
  .cd-ipsileft__list li+li{border-top:0}
  .cd-ipsileft__a{border:1px solid #eef1f6;border-radius:12px;padding:8px 10px}
  .cd-ipsileft__more{text-align:left;margin-top:10px}
}

/* 2026-11-06 ipsiadra: 오른쪽 cd-adrail--post 와 함께(옛 웹툰 자리). 모바일 숨김은 adrail 기본 */
@supports selector(:has(*)) {
  @media (min-width:1440px) {
    .blog-area:has(> .cd-ipsileft):has(> .cd-adrail--post){max-width:1352px;padding-left:252px;padding-right:220px}
  }
  @media (min-width:1680px) {
    .blog-area:has(> .cd-ipsileft):has(> .cd-adrail--post){max-width:1120px;padding-left:20px;padding-right:20px}
    .blog-area > .cd-adrail--post{right:auto;left:calc(100% + 24px)}
  }
}