/* 굽기 — 강 위젯 스타일. 원본 bruni-world /burn/ 인라인 <style> 에서 본문·위젯 규칙만 옮겼다.
   모든 선택자는 .lesson-burn 아래. 블로그 클래스와 겹치던 tag·bad 는 L- 를 붙였다.
   원본 인라인 style 속성(--c 범례 색, .pane p, .fb-note 여백)은 클래스로 옮겼다. */
.lesson-burn{
  --ink:var(--bg);--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);
  /* 블로그에 없는 색 — 어두운 값 */
  --warn:#ffc44d;--blue:#6aa9ff;--efi:#c39bff;
}
:root[data-theme="light"] .lesson-burn{--warn:#7d5200;--blue:#1d5aa6;--efi:#6a3cc0}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .lesson-burn{--warn:#7d5200;--blue:#1d5aa6;--efi:#6a3cc0}
}

.lesson-burn p,.lesson-burn li{overflow-wrap:anywhere}
.lesson-burn p.mut{color:var(--muted)}
.lesson-burn :not(pre)>code{font-family:var(--mono);font-size:.88em;background:var(--ink3);
  padding:1px 6px;border-radius:5px;color:var(--text);overflow-wrap:anywhere}
.lesson-burn .key{margin-top:20px;padding:16px 20px;background:var(--mint-dim);
  border-left:3px solid var(--accent);border-radius:0 12px 12px 0;font-weight:600;color:var(--text);word-break:keep-all}

/* ── 데모 공통 ── */
.lesson-burn .demo{margin-top:22px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--ink2)}
.lesson-burn .demo-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;
  padding:11px 16px;border-bottom:1px solid var(--line2);font-size:12.5px;color:var(--muted)}
.lesson-burn .demo-bar b{color:var(--accent);font-weight:700;letter-spacing:.06em}
.lesson-burn .demo-stage{padding:22px}

.lesson-burn table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}
.lesson-burn th,.lesson-burn td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line2);vertical-align:top}
.lesson-burn th{color:var(--muted);font-weight:600;font-size:12.5px}
.lesson-burn td b{color:var(--accent)}
.lesson-burn .tbl-wrap{overflow-x:auto}

.lesson-burn .fig-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
@media(max-width:560px){.lesson-burn .fig-duo{grid-template-columns:1fr}}
.lesson-burn .pane{background:var(--ink3);border:1px solid var(--line2);border-radius:12px;padding:16px;min-width:0}
.lesson-burn .pane p{margin-top:0;font-size:14px;color:var(--muted)}
.lesson-burn .L-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;padding:2px 9px;border-radius:999px;margin-bottom:12px}
.lesson-burn .L-tag.no{background:rgba(255,107,107,.14);color:var(--bad)}
.lesson-burn .L-tag.ok{background:var(--mint-dim);color:var(--accent)}
.lesson-burn .L-tag.warn{background:rgba(255,196,77,.16);color:var(--warn)}
.lesson-burn .fig-solo{padding:18px}
.lesson-burn .jrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;color:var(--muted-d)}
.lesson-burn .j{border:1px solid var(--line2);border-radius:999px;padding:4px 11px;background:var(--ink3);color:var(--muted);font-size:12px;white-space:nowrap}
.lesson-burn .j.on{border-color:var(--accent);color:var(--accent);font-weight:700}
.lesson-burn .j.L-bad{border-color:var(--bad);color:var(--bad)}
.lesson-burn .fb-note{font-size:12.5px;color:var(--muted-d);margin-top:10px;text-align:center}
.lesson-burn .demo>.fb-note{padding:0 16px 16px;margin-top:0}

/* ── 알약 버튼·판정 상자 ── */
.lesson-burn .vf-row{margin-bottom:16px}
.lesson-burn .vf-row.vf-last{margin-bottom:0}
.lesson-burn .vf-row .lab{font-size:12px;color:var(--muted);margin-bottom:8px}
.lesson-burn .vpills{display:flex;gap:8px;flex-wrap:wrap}
.lesson-burn .vpills-top{margin-bottom:16px}
.lesson-burn .vpill{font-family:inherit;font-size:13px;font-weight:600;color:var(--muted);
  background:var(--ink3);border:1px solid var(--line2);border-radius:999px;
  padding:8px 14px;cursor:pointer;transition:.15s}
.lesson-burn .vpill:hover{color:var(--text);border-color:var(--muted-d)}
.lesson-burn .vpill.on{background:var(--accent);color:var(--mint-ink);border-color:transparent;font-weight:700}
.lesson-burn .verdict{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--ink3);
  border:1px solid var(--line2);transition:.15s}
.lesson-burn .verdict .vt{font-size:11px;letter-spacing:.14em;color:var(--muted-d);font-weight:700}
.lesson-burn .verdict .vb{font-size:17px;font-weight:800;margin-top:4px}
.lesson-burn .verdict .vd{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.6}
.lesson-burn .verdict.g{border-color:var(--accent);background:var(--mint-dim)}
.lesson-burn .verdict.g .vb{color:var(--accent)}
.lesson-burn .verdict.w{border-color:var(--warn);background:rgba(255,196,77,.06)}
.lesson-burn .verdict.w .vb{color:var(--warn)}
.lesson-burn .verdict.b{border-color:var(--bad);background:rgba(255,107,107,.06)}
.lesson-burn .verdict.b .vb{color:var(--bad)}
.lesson-burn .vgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.lesson-burn .vgrid{grid-template-columns:1fr}}

/* ── 칸 그림 — 디스크를 번호 붙은 칸으로 (9강) ── */
.lesson-burn .cells{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.lesson-burn .cell{background:var(--ink3);border:1px solid var(--line2);border-radius:7px;
  min-height:58px;padding:6px 5px;font-size:10.5px;line-height:1.3;color:var(--muted-d);
  display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;transition:.2s}
.lesson-burn .cell i{font-style:normal;font-size:9.5px;color:var(--muted-d);font-variant-numeric:tabular-nums}
.lesson-burn .cell.boot{border-color:var(--accent);background:var(--mint-dim);color:var(--accent)}
.lesson-burn .cell.fs{border-color:var(--blue);background:rgba(106,169,255,.09);color:var(--blue)}
.lesson-burn .cell.data{border-color:var(--warn);background:rgba(255,196,77,.08);color:var(--warn)}
.lesson-burn .cell.efi{border-color:var(--efi);background:rgba(195,155,255,.1);color:var(--efi)}
@media(max-width:560px){.lesson-burn .cells{grid-template-columns:repeat(4,1fr)}}
.lesson-burn .legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--muted-d);margin:12px 0 2px}
.lesson-burn .legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--c)}
.lesson-burn .legend .lg-boot{--c:var(--accent)}
.lesson-burn .legend .lg-fs{--c:var(--blue)}
.lesson-burn .legend .lg-data{--c:var(--warn)}
.lesson-burn .legend .lg-efi{--c:var(--efi)}

/* ── 가로 막대 그림 — MBR 512바이트, ISO 앞머리 ── */
.lesson-burn .bar{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--line2);font-size:11.5px;min-height:54px}
.lesson-burn .bar div{padding:8px 9px;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;overflow-wrap:anywhere}
.lesson-burn .bar div small{font-size:10.5px}
.lesson-burn .bar .b1{background:var(--mint-dim);color:var(--accent)}
.lesson-burn .bar .b2{background:rgba(106,169,255,.12);color:var(--blue)}
.lesson-burn .bar .b3{background:rgba(255,196,77,.14);color:var(--warn)}
.lesson-burn .bar .b4{background:var(--ink3);color:var(--muted)}

/* ── 명령어 해부 (14강) — 코드 상자는 두 테마 모두 어둡다 ── */
.lesson-burn .cmd{font-family:var(--mono);font-size:13.5px;background:var(--code-bg);color:var(--code-text);
  border:1px solid var(--code-line);border-radius:12px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.lesson-burn .cmd .tk{font-family:inherit;font-size:inherit;background:none;border:1px dashed rgba(255,255,255,.22);
  color:var(--code-text);border-radius:6px;padding:3px 7px;cursor:pointer;transition:.15s}
.lesson-burn .cmd .tk:hover{border-color:var(--code-good)}
.lesson-burn .cmd .tk.on{background:var(--code-good);color:#04241a;border-style:solid;border-color:var(--code-good)}
.lesson-burn pre.sh{font-family:var(--mono);font-size:13px;background:var(--code-bg);
  border:1px solid var(--code-line);border-radius:12px;padding:14px 16px;margin-top:16px;overflow-x:auto;
  color:var(--code-text);line-height:1.7}
.lesson-burn pre.sh .c{color:var(--code-dim)}

/* ── 부록 점검표 (표지) ── */
.lesson-burn .ck{margin-top:6px;display:flex;flex-direction:column;gap:2px}
.lesson-burn .ck .g{font-size:11.5px;letter-spacing:.2em;color:var(--accent);font-weight:700;margin:18px 0 6px}
.lesson-burn .ck label{display:flex;gap:11px;align-items:flex-start;padding:8px 10px;border-radius:10px;
  font-size:14.5px;color:var(--text);cursor:pointer}
.lesson-burn .ck label:hover{background:var(--ink3)}
.lesson-burn .ck input{width:17px;height:17px;accent-color:var(--accent);margin-top:3px;flex-shrink:0}
.lesson-burn .ck input:checked+span{color:var(--muted-d)}
.lesson-burn .ck-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.lesson-burn .ck-count{font-size:13px;color:var(--muted)}
.lesson-burn .ck-count b{color:var(--accent);font-size:17px}
.lesson-burn .ck-reset{font-family:inherit;font-size:12px;background:none;border:1px solid var(--line2);
  color:var(--muted-d);border-radius:999px;padding:5px 12px;cursor:pointer}
.lesson-burn .ck-reset:hover{color:var(--bad);border-color:var(--bad)}

@media (prefers-reduced-motion:reduce){
  .lesson-burn *{transition-duration:.01ms!important}
}