/*  ── 낚시채비 (두 사이트 공용 — 껍데기의 색 변수를 쓰고, 없으면 제 값) ── */
.tk{max-width:1180px;margin:0 auto}
.tk h1{font-size:22px;margin:14px 0 6px}
.tk .lead{color:var(--ink-soft,#3E5C68);font-size:13.5px;margin:0 0 12px;line-height:1.6}
.tk .lead b{color:var(--ink,#1F2D33)}
.tk .idx{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.tk .idx a{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;
  border:1px solid var(--line,#D5E0E5);background:var(--card,#fff);font-size:12.5px;
  color:var(--ink,#1F2D33);text-decoration:none;min-height:30px}
.tk .idx a.on,.tk .idx a:hover{border-color:var(--water,#20758B);color:var(--water,#20758B)}
.tk .idx a s{text-decoration:none;color:var(--dim,#8BA3AD);font-size:11px}
.tk section.sp{margin:0 0 26px;scroll-margin-top:110px}
.tk section.sp>h2{font-size:18px;margin:0 0 10px;display:flex;align-items:baseline;gap:8px}
.tk section.sp>h2 s{text-decoration:none;font-size:12px;color:var(--dim,#8BA3AD);font-weight:400}
.tk section.sp>h2 a.more{margin-left:auto;font-size:12px;color:var(--water,#20758B)}
.tk .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
@media (max-width:420px){.tk .cards{grid-template-columns:1fr}}
.tk .card{background:var(--card,#fff);border:1px solid var(--line,#D5E0E5);border-radius:12px;
  padding:12px 14px;min-width:0}
.tk .card h3{font-size:15px;margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tk .tag{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;line-height:1.6}
.tk .tag.shore{background:#EEF3F5;color:#3E5C68}
.tk .tag.draft{background:#FFF3D6;color:#8A5A00}
.tk .tag.human{background:#E3F6EA;color:#1B6B3A}
.tk .meta{font-size:12px;color:var(--dim,#8BA3AD);margin:0 0 8px}
.tk figure{margin:0 0 10px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.tk figure img{max-width:100%;height:auto;border:1px solid var(--line,#D5E0E5);border-radius:8px;background:#fff}
.tk figure img.dia{width:170px}
.tk figure img.photo{max-height:220px}
.tk figure figcaption{font-size:11px;color:var(--dim,#8BA3AD);width:100%}
.tk dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px;margin:0 0 8px}
.tk dt{color:var(--dim,#8BA3AD);white-space:nowrap}
.tk dd{margin:0;word-break:keep-all;overflow-wrap:anywhere}
.tk details{border-top:1px dashed var(--line,#D5E0E5);padding-top:6px;margin-top:6px}
.tk summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--water,#20758B);
  list-style:none;display:flex;align-items:center;gap:6px;min-height:28px}
.tk summary::-webkit-details-marker{display:none}
.tk summary::after{content:"▸";margin-left:auto;font-size:16px;color:var(--dim,#8BA3AD);
  transition:transform .15s}
.tk details[open] summary::after{transform:rotate(90deg)}
.tk summary:focus-visible{outline:2px solid var(--water,#20758B);outline-offset:2px;border-radius:4px}
.tk .how p{font-size:13px;line-height:1.65;margin:6px 0;word-break:keep-all}
.tk .how p b{color:var(--ink,#1F2D33)}
.tk .refs{font-size:11px;color:var(--dim,#8BA3AD);margin:8px 0 0}
.tk .refs a{color:inherit}
.tk.inpanel section.sp>h2{font-size:15px}
.tk.inpanel .cards{grid-template-columns:1fr}
.tk .tkfind-bar{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.tk .tkfind-bar input{flex:1 1 220px;max-width:280px;min-width:0;padding:7px 11px;
  border:1px solid var(--line,#D5E0E5);border-radius:8px;background:var(--card,#fff);
  color:var(--ink,#1F2D33);font-size:13px;min-height:34px}
.tk .tkfind-bar input:focus-visible{outline:2px solid var(--water,#20758B);outline-offset:1px}
.tk .tkfind-bar .cnt{font-size:11.5px;color:var(--dim,#8BA3AD)}
.tk .idx a[hidden]{display:none}
/*  판 안에서는 제 여백을 줄인다 — 판이 이미 여백을 갖는다(.card). */
.tk.boxed{max-width:none}
.tk.boxed h1{margin-top:0}
.tk .tksum{margin:0 0 22px}
.tk .tksum>h2{font-size:16px;margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.tk .tksum>h2 s{text-decoration:none;font-size:12px;color:var(--dim,#8BA3AD);font-weight:400}
.tk .tksum ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tk .tksum li{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:6px 10px;
  border:1px solid var(--line,#D5E0E5);border-radius:10px;background:var(--card,#fff);font-size:13px;
  max-width:100%;min-width:0;overflow-wrap:anywhere}
.tk .tksum li em{font-style:normal;font-size:11.5px;color:var(--dim,#8BA3AD)}
.tk .tkmore{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:999px;
  border:1px solid var(--water,#20758B);background:var(--card,#fff);color:var(--water,#20758B);
  font-size:13px;font-weight:700;cursor:pointer}
.tk .tkmore:hover{background:var(--water,#20758B);color:#fff}
.tk .tkmore:focus-visible{outline:2px solid var(--water,#20758B);outline-offset:2px}
.tk .tkmore[disabled]{opacity:.6;cursor:progress}
.tk .tkmore-err{font-size:12px;color:#B3261E;margin:6px 0 0}
.tk .empty{padding:24px;border:1px dashed var(--line,#D5E0E5);border-radius:12px;color:var(--dim,#8BA3AD)}