/* ============================================================
   docs.css — 미리 갖출 서류 (/fund/docs/)

   hub.css 다음에 실린다. 새 색을 선언하지 않는다.
   체크 표시는 목록 왼쪽이 아니라 서류 이름 앞에 붙는다 —
   왼쪽 여백에 따로 세우면 이름과 체크가 다른 줄로 읽힌다.
   ============================================================ */

.dc__lb{
  display:flex;
  align-items:baseline;
  gap:var(--cm-gap-xs);
  cursor:pointer;
}

.dc__ck{
  flex:0 0 auto;
  width:18px;
  height:18px;
  accent-color:var(--cm-accent);
  cursor:pointer;
}
.dc__ck:focus-visible{outline:2px solid var(--cm-focus);outline-offset:2px;}

/* 갖추신 것은 흐리게 — 남은 것이 눈에 먼저 들어와야 한다.
   줄을 긋지는 않는다. 서류 이름은 나중에 다시 읽어야 하는 글자다. */
.dc__it:has(.dc__ck:checked) .hub-item__nm{color:var(--cm-mut);}

.dc__btns{
  display:flex;
  flex-wrap:wrap;
  gap:var(--cm-gap-s);
  margin-top:var(--cm-gap-l);
}

.dc__save{margin-top:var(--cm-gap-s);}

/* 인쇄 — 들고 갈 종이 한 장이 되어야 한다.
   메뉴 · 푸터 · 버튼을 빼고 목록만 남긴다. 체크칸은 빈 네모로 인쇄된다. */
@media print{
  .hub-nav, .hub-sticky, .hub-hd, .hub-ft, .hub-bc,
  .dc__btns, .dc__save, .hub-toast{display:none !important;}
  .hub-main{max-width:100%;padding:0;}
  .hub-box{border:0;background:transparent;}
  .dc__ck{-webkit-appearance:none;appearance:none;border:1px solid #000;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:11px;}
}