/* 나누마이 무료 키트 페이지(3-1단계, 2026-10-31) — pub.css 위에 얹는다. 접두어 kit- (portal.css?v=171 짧은 전역 클래스와 겹치지 않게).
   「받자마자 쓰는 완성품」이라 글보다 복사 상자·표·단계가 본체다. 인쇄하면 머리줄·폼이 빠지고 본문만 남는다. */
.pub .kit-cover{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 22px;margin-top:18px;position:relative;overflow:hidden}
.pub .kit-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--brand)}
.pub .kit-cover .kit-kind{display:inline-block;font-size:.8rem;font-weight:800;color:var(--link);background:var(--brand-soft);padding:3px 10px;border-radius:99px;margin-bottom:10px}
.pub .kit-cover ul{margin:12px 0 0;padding-left:20px;color:var(--ink-soft)}
.pub .kit-cover li{margin:5px 0}
.pub .kit-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:.88rem;color:var(--ink-soft)}
.pub .kit-meta span::before{content:"·";margin-right:6px;color:var(--link)}
/* 이메일 받는 자리 */
.pub .kit-gate{background:var(--brand-ink);color:#FFFFFF;border-radius:18px;padding:24px 22px;margin:22px 0}
.pub .kit-gate h2,.pub .kit-gate label.f{color:#FFFFFF}
.pub .kit-gate p{color:#C9D0DC}
.pub .kit-gate input[type=email]{background:#FFFFFF;border-color:transparent;color:var(--ink)}
.pub .kit-gate .pchk{color:#C9D0DC}
.pub .kit-gate .kit-priv{margin-top:10px;font-size:.84rem;color:#C9D0DC}.pub .kit-gate .kit-priv a{color:#fff;text-decoration:underline}
.pub .kit-gate .err{color:#FFB3B3}
.pub .kit-gate .ok{background:rgba(255,255,255,.1);color:#FFFFFF}
.pub .kit-gate .kit-tiny{font-size:.82rem;color:#5A6078;margin-top:10px}
.pub .kit-gate .kit-tiny button{background:none;border:0;color:#C9D0DC;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.pub .kit-gate.kit-gate-done{padding:16px 22px}
.pub .kit-gate.kit-gate-done .kit-form{display:none}
/* 전체 키트 */
.pub .kit-full h2{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:10px}
.pub .kit-full h2 .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-size:.9rem;font-weight:800}
.pub .kit-full h3{margin-top:20px}
.pub .kit-full p{margin-top:8px}
.pub .kit-lead{color:var(--ink-soft);margin-top:6px}
/* 복사 상자 — 그대로 쓰는 문장 */
.pub .kit-block{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 16px 12px;margin-top:12px;position:relative}
.pub .kit-block b.t{display:block;font-size:.84rem;color:var(--link);margin-bottom:6px}
.pub .kit-block .kit-txt{white-space:pre-wrap;line-height:1.75;font-size:1rem;color:var(--ink)}
.pub .kit-block .kit-copy{position:absolute;right:12px;top:12px;font:inherit;font-size:.8rem;font-weight:800;color:var(--link);background:var(--brand-soft);border:0;border-radius:99px;padding:5px 11px;cursor:pointer}
.pub .kit-block .kit-copy:hover{filter:brightness(.96)}
/* 활동·단계 카드 */
.pub .kit-act{border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px;background:var(--paper)}
.pub .kit-act .kit-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.pub .kit-act .kit-head b{font-size:1.05rem;color:var(--brand-ink)}
.pub .kit-act .kit-head span{font-size:.84rem;color:var(--ink-soft)}
.pub .kit-act ol,.pub .kit-act ul{margin:8px 0 0;padding-left:20px}
.pub .kit-act li{margin:4px 0}
.pub .kit-poll{margin-top:10px;background:var(--brand-soft);border-radius:10px;padding:10px 12px;font-size:.95rem}
.pub .kit-poll b{color:var(--link)}
/* 표 */
.pub .kit-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.95rem}
.pub .kit-table th,.pub .kit-table td{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
.pub .kit-table th{background:var(--surface);color:var(--brand-ink);font-weight:800;white-space:nowrap}
.pub .kit-table td.kit-w{width:34%}
/* 하지 말 것 */
.pub .kit-no{border-left:4px solid #B91C1C;background:#FBECEC;border-radius:0 12px 12px 0;padding:12px 14px;margin-top:10px}
.pub .kit-no b{color:#B91C1C}
.pub .kit-yes{border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 12px 12px 0;padding:12px 14px;margin-top:10px}
/* 진단 */
.pub .kit-q{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:10px;background:var(--paper)}
.pub .kit-q .kit-area{font-size:.78rem;font-weight:800;color:var(--link);margin-bottom:4px}
.pub .kit-q p{margin:0 0 10px;font-weight:600}
.pub .kit-q .kit-opts{display:flex;gap:8px;flex-wrap:wrap}
.pub .kit-q .kit-opts label{flex:1;min-width:88px;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;font-size:.95rem;background:var(--surface)}
.pub .kit-q .kit-opts input{width:auto;margin:0}
.pub .kit-q .kit-opts label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--link);font-weight:800}
.pub .kit-res{display:none;margin-top:22px}
.pub .kit-res.on{display:block}
.pub .kit-bar{display:grid;grid-template-columns:110px 1fr 46px;gap:10px;align-items:center;margin-top:8px;font-size:.95rem}
.pub .kit-bar i{display:block;height:12px;border-radius:6px;background:var(--brand-soft);overflow:hidden}
.pub .kit-bar i b{display:block;height:100%;background:var(--brand);border-radius:6px}
.pub .kit-top{background:var(--brand-soft);border-radius:14px;padding:16px 18px;margin-top:14px}
.pub .kit-top ol{margin:8px 0 0;padding-left:20px}
.pub .kit-top li{margin:6px 0}
/* 키트 목록 */
.pub .kit-list{display:grid;gap:14px;margin-top:20px}
@media(min-width:720px){.pub .kit-list{grid-template-columns:1fr 1fr}}
.pub .kit-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--ink);text-decoration:none;position:relative}
.pub .kit-card:hover{border-color:var(--brand);text-decoration:none}
.pub .kit-card .kit-kind{display:inline-block;font-size:.78rem;font-weight:800;color:var(--link);background:var(--brand-soft);padding:2px 9px;border-radius:99px;margin-bottom:8px}
.pub .kit-card b{display:block;font-size:1.1rem;color:var(--brand-ink);margin-bottom:6px}
.pub .kit-card span{color:var(--ink-soft);font-size:.95rem}
.pub .kit-card .kit-go{display:block;margin-top:12px;color:var(--link);font-weight:800;font-size:.92rem}
.pub .kit-next{margin-top:30px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}
@media print{.pub .pubhead,.pub .pubfoot,.pub .kit-gate,.pub .kit-copy,.pub .kit-next,.pub .ctas{display:none!important}.pub .kit-full{display:block!important}.pub .kit-block{break-inside:avoid}}
/* D 묶음(2026-11-01): 키트 카드 선 아이콘 타일·받은 분 수 */
.pub .kit-card .ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--link);margin-bottom:10px}
.pub .kit-card .ic .ni{width:21px;height:21px}
.pub .kit-count{grid-column:1/-1;margin:0;font-size:.95rem;color:var(--ink-soft);font-weight:700}
.pub .kit-count:empty{display:none}
.pub .kit-tiny button{min-height:44px;padding:0 6px}   /* 누름 칸 44px */
/* 키트 묶음·만화·나리 고지(2026-11-01) */
.pub .kit-group{margin-top:30px;font-size:1.2rem;color:var(--brand-ink)}
.pub .kit-group + .kit-list{margin-top:12px}
.pub .kit-nari{margin:10px 2px 0;font-size:.86rem;color:var(--ink-soft)}
.pub .kit-comic{display:grid;gap:14px;margin-top:14px}
@media(min-width:720px){.pub .kit-comic{grid-template-columns:1fr 1fr}}
.pub .kit-comic figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.pub .kit-comic img{display:block;width:100%;height:auto}
.pub .kit-comic figcaption{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-top:1px solid var(--line);line-height:1.6}
.pub .kit-comic figcaption b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#FFFFFF;font-size:.8rem}
@media(max-width:560px){.pub .kit-table{font-size:.86rem;table-layout:fixed}.pub .kit-table th,.pub .kit-table td{padding:7px 6px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}}