/* 국내 AI·IT 속보 위젯 (사이드) ------------------------------------------
   carat_naver.css 의 사이드 박스(.nv_box) 안에 들어간다.
   외부 매체 헤드라인이므로 자체 콘텐츠보다 시선을 덜 끌게 톤을 낮춘다. */

.cnf__note{
    margin-left:auto;
    font-size:11.5px; font-weight:600; color:#9ca3af; letter-spacing:-.01em;
    white-space:nowrap;
}

/* 4개씩 가로로 넘기는 슬라이드.
   .cnf__page 는 flex 아이템이라 서로 높이가 맞춰진다 — 페이지마다 제목 줄 수가
   달라도 박스 높이가 들썩이지 않는다. */
.cnf__deck{ overflow:hidden; }
.cnf__track{
    display:flex;
    align-items:stretch;
    transition:transform .5s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}
.cnf__page{ flex:0 0 100%; min-width:0; }

.cnf__nav{
    display:flex; justify-content:center; gap:6px;
    margin-top:12px;
}
.cnf__dot{
    width:7px; height:7px; padding:0;
    border:0; border-radius:50%;
    background:#d7dae2;
    cursor:pointer;
    transition:background .18s, width .18s;
}
.cnf__dot.is-on{ width:18px; border-radius:999px; background:var(--nv-brand); }
.cnf__dot:hover{ background:var(--nv-brand-dark); }
.cnf__dot:focus-visible{ outline:2px solid var(--nv-brand); outline-offset:2px; }

@media (prefers-reduced-motion:reduce){
    .cnf__track{ transition:none; }
}

.cnf__list{ list-style:none; margin:0; padding:0; }
.cnf__item + .cnf__item{ border-top:1px solid #f2f3f6; }

.cnf__link{
    display:block; padding:10px 2px;
    text-decoration:none; color:inherit;
}

.cnf__tit{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    font-size:13.5px; font-weight:600; line-height:1.45; color:#33343d;
    word-break:keep-all; overflow-wrap:anywhere;
}
.cnf__link:hover .cnf__tit{ color:var(--nv-brand-dark); }

.cnf__meta{
    display:flex; align-items:center; gap:6px;
    margin-top:5px;
    font-size:11.5px; line-height:1.3;
}
.cnf__src{
    font-style:normal; font-weight:700; color:var(--nv-brand-dark);
}
.cnf__src::after{ content:''; }
.cnf__ago{ color:#a8aab4; }
.cnf__ago::before{ content:'·'; margin-right:6px; color:#d5d7de; }

.cnf__foot{
    margin:10px 0 0; padding-top:10px;
    border-top:1px solid var(--nv-line);
    font-size:11px; line-height:1.5; color:#a8aab4;
    word-break:keep-all;
}
