/* /2212/ 대표 프로젝트 페이지 전용 — style.css · ai.css 위에 덧씌운다 */
.cno .role{font-size:12.5px;font-weight:600;letter-spacing:0;background:var(--ink);color:var(--white);border-radius:999px;padding:2px 10px}
.toc i{white-space:nowrap}

.photo{border-radius:12px;overflow:hidden;box-shadow:0 22px 50px -28px #0e1b2e60}
.photo img{display:block;width:100%;height:auto}

/* 진행 연표 */
.tl{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:8px 22px;box-shadow:0 18px 40px -26px #0e1b2e50}
.tl li{display:grid;grid-template-columns:96px 1fr;column-gap:14px;padding:11px 0;border-top:1px dashed var(--line);font-size:15.5px;line-height:1.5}
.tl li:first-child{border-top:0}
.tl time{font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.tl li.now time{color:var(--ink);background:var(--accent);border-radius:6px;padding:0 6px;justify-self:start}
.tl li.up{color:var(--muted)}
.tl li.up time{color:var(--muted)}

.case h2,.toc b,.toc span,.nums b{text-wrap:balance}
.clead,.who .wd{text-wrap:pretty}

a.vthumb{display:block;text-decoration:none}
a.vthumb img{transition:transform .3s}
a.vthumb:hover img{transform:scale(1.03)}

@media (max-width:720px){
  .tl{padding:6px 16px}
  .tl li{grid-template-columns:84px 1fr;font-size:15px}
}