/* LLM 위키 — 쪽 본문 스타일. 모든 선택자는 .lesson-llm-wiki 아래.
   원본 ~/dev/hey/site/llm-wiki/*.html 인라인 style(문서 메타 줄·인서트컷 그림 박스·코드)에서 옮김.
   본문 인라인 style="" 이 var(--code)·var(--muted)·var(--accent)·var(--line) 을 쓰니 그 이름을 이어 준다. */
.lesson-llm-wiki{
  --ink2:var(--surface); --ink3:var(--surface-2); --line2:var(--line-2);
  --muted:var(--text-2); --muted-d:var(--text-3); --accent:var(--mint); --accent-soft:var(--mint-soft);
  --code:var(--surface-2);
  --ok:var(--good); --dep:var(--bad);
}

/* 문서 메타 줄 — verified · type · review · updated */
.lesson-llm-wiki .wiki-meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0 0 1.6em;
  padding-bottom:1em;border-bottom:1px solid var(--line);font:12px/1.6 var(--mono);color:var(--muted-d)}
.lesson-llm-wiki .wiki-meta code{font-size:12px;padding:1px 6px}
.lesson-llm-wiki .badge{padding:2px 9px;border-radius:999px;font:700 11px/1.5 var(--sans);border:1px solid}
.lesson-llm-wiki .badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);
  background:color-mix(in srgb,var(--ok) 9%,transparent)}

/* 「언제 여는 문서」 인용·구분선 */
.lesson-llm-wiki blockquote{border-left:3px solid var(--accent);margin:1.2em 0;padding:.55em 1.15em;
  color:var(--text);background:var(--mint-dim);border-radius:0 12px 12px 0}
.lesson-llm-wiki blockquote p{margin:.5em 0;color:var(--text)}
.lesson-llm-wiki hr{border:0;border-top:1px solid var(--line);margin:1.8em 0}

/* 코드 — 블록은 블로그 코드 상자와 같은 색(두 테마 모두 어둡다), 줄 안 코드는 면 색 */
.lesson-llm-wiki code{background:var(--code);padding:2px 6px;border-radius:5px;font-size:.88em;font-family:var(--mono);
  border:1px solid var(--line)}
.lesson-llm-wiki pre{background:var(--code-bg);color:var(--code-text);padding:15px 17px;border-radius:12px;
  overflow-x:auto;border:1px solid var(--code-line);line-height:1.7;font-size:13.5px}
.lesson-llm-wiki pre code{background:none;padding:0;border:0;color:inherit;font-size:inherit}

/* 넓은 표는 옆으로 민다 */
.lesson-llm-wiki table{display:block;overflow-x:auto;max-width:100%}

/* 인서트컷(그림 박스) */
.lesson-llm-wiki .wfig{margin:20px 0;border:1px solid var(--line);border-radius:16px;background:var(--ink2);overflow:hidden}
.lesson-llm-wiki .wfig .bar{padding:10px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:700}
.lesson-llm-wiki .wfig .bar::before{content:"그림";color:var(--accent);letter-spacing:.08em;margin-right:8px;font-size:11px}
.lesson-llm-wiki .wfig .body{padding:18px 16px;overflow-x:auto}
.lesson-llm-wiki .wfig .note{padding:0 16px 13px;font-size:12px;color:var(--muted-d);line-height:1.65}
.lesson-llm-wiki .wrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px}
.lesson-llm-wiki .wrow.nowrap{flex-wrap:nowrap}
.lesson-llm-wiki .wchip{border:1px solid var(--line);background:var(--ink3);border-radius:9px;padding:7px 13px;
  white-space:nowrap;color:var(--text);line-height:1.5}
.lesson-llm-wiki .wchip.hi{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);font-weight:700;
  background:var(--mint-dim)}
.lesson-llm-wiki .wchip.dim{opacity:.6}
.lesson-llm-wiki .wchip.L-bad{border-color:color-mix(in srgb,var(--dep) 50%,transparent);color:var(--dep)}
.lesson-llm-wiki .warr{color:var(--muted-d);flex-shrink:0}
.lesson-llm-wiki .wlab{font-size:11px;color:var(--muted-d);font-weight:700;letter-spacing:.14em;margin:12px 0 7px;text-transform:uppercase}
.lesson-llm-wiki .wlab:first-child{margin-top:0}
.lesson-llm-wiki .wseg{display:flex;height:34px;border-radius:9px;overflow:hidden;border:1px solid var(--line);
  font-size:11px;font-weight:700;text-align:center;min-width:480px}
.lesson-llm-wiki .wseg>div{display:flex;align-items:center;justify-content:center;padding:0 4px;color:var(--text)}