/* code.css — 代码呈现 */
code {
  font-family: var(--font-code); font-size: .875em;
  background: var(--bg-sunk); padding: 1px 5px; border-radius: 4px;
}
pre {
  margin: var(--s4) 0; padding: var(--s4);
  background: var(--bg-sunk); border: 1px solid var(--line); border-radius: var(--radius);
  overflow-x: auto;               /* 代码块自身滚动，不带动页面 */
  -webkit-overflow-scrolling: touch;
  font-size: 13.5px; line-height: var(--lh-code);
  tab-size: 4;
}
pre code { background: none; padding: 0; font-size: inherit; }

.codeblock { margin: var(--s4) 0; }
.codeblock .cb-head {
  display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap;
  font-size: 12px; color: var(--muted); font-family: var(--font-code);
  border: 1px solid var(--line); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0;
  padding: var(--s1) var(--s3); background: var(--bg-raise);
  min-height: 32px;
}
.codeblock .cb-head .cb-file { font-weight: 600; }
.codeblock .cb-head .cb-copy { margin-left: auto; min-height: 30px; padding: 0 10px; font-size: 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--bg-raise); color: var(--ink); cursor: pointer; }
.codeblock .cb-head + pre { margin-top: 0; border-radius: 0 0 var(--radius) var(--radius); }

/* 轻量语法着色（由 code-viewer.js 注入 span） */
.tok-kw { color: var(--accent); font-weight: 600; }
.tok-type { color: var(--hw); }
.tok-str { color: var(--rtos); }
.tok-num { color: var(--irq); }
.tok-com { color: var(--muted); font-style: italic; }
.tok-mac { color: var(--danger); }
.tok-fn { color: inherit; }

/* 代码注解列表 */
.code-notes { font-size: 14px; border-left: 3px solid var(--line); padding-left: var(--s4); margin: var(--s3) 0 var(--s5); }
.code-notes dt { font-family: var(--font-code); font-size: 13px; font-weight: 650; margin-top: var(--s2); }
.code-notes dd { margin: 0 0 var(--s1); color: var(--muted); }