/* 병원 갈 때 가져가는 목록 — 공개 체크리스트 페이지 */

.vc-wrap { width: 100%; max-width: 760px; margin: 0 auto; padding: 0 0 70px; }

.vc-head { padding: 26px 16px 20px; border-bottom: 1px solid var(--wiki-border, #e6e9f0); }
.vc-eyebrow { font-size: 10.5px; font-weight: 800; letter-spacing: .12em; color: var(--cfl-primary, #406CB4); }
.vc-head h1 { margin: 8px 0 0; font-size: 25px; letter-spacing: -.03em; line-height: 1.25; text-wrap: balance; }
.vc-lead { margin: 9px 0 0; font-size: 13.5px; color: #7b8494; line-height: 1.65; }

/* 로그인해서 아이가 있을 때 */
.vc-mycat {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px; background: #fbfcfe;
    border-bottom: 1px solid var(--wiki-border, #e6e9f0);
}
.vc-mycat .av {
    width: 42px; height: 42px; border-radius: 50%; flex: none;
    background: #e8edf6 center/cover no-repeat;
}
.vc-mycat .nm { font-size: 14.5px; font-weight: 700; letter-spacing: -.01em; }
.vc-mycat .st { font-size: 12px; color: #7b8494; margin-top: 2px; line-height: 1.5; }
.vc-mycat .st b { color: var(--cfl-primary, #406CB4); }
.vc-mycat .warn { color: #b45309; font-weight: 700; }

.vc-anon {
    margin: 0; padding: 13px 16px; background: #fbfcfe;
    border-bottom: 1px solid var(--wiki-border, #e6e9f0);
    font-size: 12.5px; color: #7b8494; line-height: 1.65;
}
.vc-anon a { color: var(--cfl-primary, #406CB4); font-weight: 700; text-decoration: none; }

.vc-sec { padding: 26px 16px 0; }
.vc-sec h2 { font-size: 17px; margin: 0 0 4px; letter-spacing: -.02em; }
.vc-sec .sub { font-size: 12.5px; color: #9aa3b2; margin: 0 0 14px; line-height: 1.6; }

/* 병기별 기준 카드 */
.vc-plan { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.vc-plan > div {
    padding: 12px 11px; border: 1px solid var(--wiki-border, #e6e9f0);
    border-radius: 12px; background: #fff;
}
.vc-plan .k { font-size: 10.5px; font-weight: 800; color: #a8b0bd; letter-spacing: .04em; }
.vc-plan .v { font-size: 15px; font-weight: 700; margin-top: 4px; letter-spacing: -.01em;
              font-variant-numeric: tabular-nums; }

/* 검사 체크리스트 */
.vc-check { list-style: none; padding: 0; margin: 0; }
.vc-check li {
    display: flex; align-items: flex-start; gap: 11px;
    padding: 11px 2px; min-height: 44px; border-bottom: 1px solid #f0f2f7;
}
.vc-check li:last-child { border-bottom: 0; }
.vc-box {
    width: 17px; height: 17px; flex: none; margin-top: 3px;
    border: 1.6px solid #c7cedb; border-radius: 5px;
}
.vc-check .tx { flex: 1; min-width: 0; }
.vc-check .n { display: block; font-size: 14px; font-weight: 600; line-height: 1.4; }
.vc-check .w { display: block; font-size: 12px; color: #8a93a3; margin-top: 3px; line-height: 1.5; }
.vc-check .f {
    flex: none; font-size: 11px; color: #a8b0bd; padding-top: 3px;
    white-space: nowrap; font-variant-numeric: tabular-nums;
}

/* 상황별 질문 */
.vc-ask {
    border: 1px solid var(--wiki-border, #e6e9f0); border-radius: 14px;
    overflow: hidden; margin-bottom: 10px; background: #fff;
}
.vc-ask > summary {
    list-style: none; cursor: pointer; min-height: 46px;
    padding: 13px 15px; display: flex; align-items: center; gap: 9px;
}
.vc-ask > summary::-webkit-details-marker { display: none; }
.vc-ask .ct { flex: none; font-size: 10.5px; font-weight: 800; color: #a8b0bd; letter-spacing: .04em; }
.vc-ask .tl { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; letter-spacing: -.01em; line-height: 1.4; }
.vc-ask .plus { flex: none; font-size: 10px; font-weight: 800; color: var(--cfl-primary, #406CB4); }
.vc-ask .chev {
    width: 7px; height: 7px; flex: none; margin-left: 4px;
    border-right: 1.6px solid #b6bdc9; border-bottom: 1.6px solid #b6bdc9;
    transform: rotate(45deg); transition: transform .15s ease;
}
.vc-ask[open] .chev { transform: rotate(-135deg); }
.vc-ask[open] > summary { background: #fafbfd; }
.vc-ask-body { padding: 4px 16px 14px; font-size: 13.5px; line-height: 1.75; color: #4a5464; }
.vc-ask-body ul { padding-left: 18px; margin: 0; }
.vc-ask-body li { margin: 7px 0; }
.vc-ask-body a { color: var(--cfl-primary, #406CB4); }
.vc-ask-src { display: block; margin-top: 11px; font-size: 11.5px; color: #a8b0bd; text-decoration: none; }

/* 응급 */
.vc-emg { padding: 15px 16px; border: 1px solid #fecaca; background: #fffafa; border-radius: 14px; }
.vc-emg .t { font-size: 13.5px; font-weight: 800; color: #b91c1c; margin-bottom: 7px; }
.vc-emg ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.8; color: #7f1d1d; }

.vc-actions { display: flex; gap: 9px; flex-wrap: wrap; padding: 26px 16px 0; }
.vc-actions button, .vc-actions a {
    min-height: 46px; padding: 12px 18px; border-radius: 12px;
    font-size: 14px; font-weight: 700; text-decoration: none;
    border: 1px solid var(--wiki-border, #e6e9f0); background: #fff; color: #303845;
    cursor: pointer; display: inline-flex; align-items: center;
}
.vc-actions .pri {
    background: var(--cfl-primary, #406CB4); color: #fff; border-color: var(--cfl-primary, #406CB4);
}
.vc-foot { padding: 24px 16px 0; font-size: 11.5px; color: #a8b0bd; line-height: 1.65; }

@media (max-width: 480px) {
    .vc-plan { grid-template-columns: 1fr; }
    .vc-check .f { display: none; }
}

/* 인쇄 — 접힌 것도 전부 펼쳐서 한 장에 */
@media print {
    .cfl-header, .cfl-footer, .guide-topbar, .vc-actions, .vc-anon,
    .vc-ask .chev, .vc-ask-src { display: none !important; }
    .vc-wrap { max-width: none; padding: 0; }
    .vc-sec { padding: 14px 0 0; break-inside: avoid; }
    .vc-ask { break-inside: avoid; border-color: #ccc; }
    .vc-ask-body { display: block !important; }
    .vc-ask > summary { background: #f2f2f2 !important; }
    details:not([open]) > .vc-ask-body { display: block !important; }
    .vc-box { border-color: #666; }
    .vc-emg { border-color: #999; background: #fff; }
}