/* 한류위키 · 입덕 리스트 (/picks/) — 색은 tokens.css 변수만 쓴다 */
.picks .pk-yt{margin:8px 0 0;font-size:13px;color:var(--ink-muted);max-width:72ch}
.pk-filter{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 4px}
.pk-filter button{min-height:36px;padding:4px 14px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);color:var(--ink-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pk-filter button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.pk-filter button:focus-visible,.pk-play:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.pk-list{list-style:none;margin:14px 0 20px;padding:0;display:grid;gap:12px;max-width:860px}
.pk-it{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:6px;word-break:keep-all;overflow-wrap:anywhere}
.pk-it[hidden],.pk-play[hidden],.pk-frame[hidden]{display:none}
.pk-n{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:20px;line-height:1.3;color:var(--ink-muted);text-align:right}
.pk-b{min-width:0;display:flex;flex-direction:column;gap:6px}
.pk-g{margin:0;font-size:13px;color:var(--ink-muted)}
.pk-g .mono{font-size:13px}
.pk-chip.pk-music{background:var(--tint-hong);color:var(--jinhong)}
.pk-chip.pk-drama{background:var(--tint-ok);color:var(--seokrok)}
.pk-chip.pk-film{background:var(--tint-hwang);color:var(--ink-2)}
.pk-chip.pk-other{background:var(--surface-sunk);color:var(--gunchung)}
.pk-t{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.01em}
.pk-c{margin:0;font-size:14px;color:var(--ink-2)}
.pk-media{margin:2px 0;min-width:0}
.pk-media .vt + .pk-frame{margin-top:0}
.pk-media .pk-play{margin-top:8px}
/* 썸네일 있는 항목: 데스크톱 번호 | 썸네일 | 본문, 휴대폰 번호 | (썸네일 · 본문). 재생 중엔 영상이 본문 폭 전체로 */
.pk-it.has-vt{grid-template-columns:44px minmax(0,280px) minmax(0,1fr);gap:0 16px}
.pk-it.has-vt.pk-on .pk-media{grid-column:2/-1}
.pk-it.has-vt.pk-on .pk-b{grid-column:2/-1;margin-top:12px}
.pk-it:not(.has-vt) .pk-media{grid-column:2;grid-row:2}
.pk-frame{width:100%;aspect-ratio:16/9;min-height:200px;margin-top:10px;background:var(--surface-sunk)}
.pk-frame iframe{display:block;width:100%;height:100%;border:0}
.pk-f{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.pk-src{font-size:13px;white-space:nowrap}
.pk-m{margin:0;display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px;color:var(--ink-muted)}
.pk-orig{color:var(--ink-muted)}
.pk-next{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;padding-top:8px;border-top:1px dashed var(--line);font-size:13px}
.pk-next b{font-size:12px;letter-spacing:.06em;color:var(--ink-muted);margin-right:2px}
.pk-guide{font-size:13px}
.br-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){
  .pk-it.has-vt{grid-template-columns:44px minmax(0,1fr);gap:0 14px}
  .pk-it.has-vt .pk-media,.pk-it.has-vt .pk-b{grid-column:2}
  .pk-it.has-vt .pk-b{margin-top:10px}
}
@media (max-width:560px){
  .pk-it,.pk-it.has-vt{grid-template-columns:30px minmax(0,1fr);gap:0 10px;padding:12px}
  .pk-n{font-size:16px}
  .pk-t{font-size:18px}
}
@media print{.pk-play,.pk-frame,.pk-filter{display:none}}