@charset "utf-8";
/* ==========================================================================
   부품 — 코드 상자 (pre.bf-code · pre.qa-code) · 색은 rb.js/bf.code.js 가 span.tk-* 로 칠한다.
   글 보기(bf.basic view.skin.php)가 싣는다. 바탕은 밝은 · 어두운 모드 모두 짙은 색(코드 편집기와 같게).
   ========================================================================== */
.bf-code-wrap { margin: 14px 0; border-radius: var(--r-sm, 8px); background: #0f1b24; overflow: hidden; }
.bf-code-bar { display: flex; align-items: center; justify-content: space-between; height: 34px; padding: 0 8px 0 14px; background: #16242f; border-bottom: 1px solid #22323f; }
.bf-code-lang { font: 600 12px/1 var(--font-kr, sans-serif); color: #8aa3b6; letter-spacing: .02em; }
.bf-code-copy { height: 24px; padding: 0 10px; border: 1px solid #2c4150; border-radius: 6px; background: transparent; color: #b9ccda; font: 600 12px/1 var(--font-kr, sans-serif); cursor: pointer; }
.bf-code-copy:hover { border-color: #4f7590; color: #fff; }
.bf-code-copy.is-done { border-color: #17bfa0; color: #5fe0c6; }
.bf-code-wrap pre.bf-code, pre.bf-code {
  margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: #0f1b24; color: #e3edf5;
  font: 13.5px/1.65 "JetBrains Mono", Consolas, "D2Coding", monospace; white-space: pre; overflow-x: auto; tab-size: 4; word-break: normal;
}
pre.bf-code:not(.bf-code-wrap pre) { margin: 14px 0; border-radius: var(--r-sm, 8px); }
pre.bf-code code { display: block; padding: 0; background: none; color: inherit; font: inherit; }
pre.bf-code[data-lang]::before { content: none; }   /* 이름표는 머리 줄(.bf-code-lang)이 맡는다 */
/* 언어 이름표는 bfl-이름(lang- 이 아니다 — 리빌더의 Prism 이 가져가지 않게, rb.js/bf.code.js 머리글) */

.tk-c { color: #7f98ab; font-style: italic; }   /* 주석 */
.tk-s { color: #a5e07a; }                       /* 문자열 */
.tk-k { color: #ff86b3; }                       /* 키워드 */
.tk-n { color: #f7c16b; }                       /* 숫자 */
.tk-f { color: #7cc7ff; }                       /* 명령 · 함수 */
.tk-v { color: #ffb36b; }                       /* 변수 */
.tk-o { color: #c7a8ff; }                       /* 셸 옵션 */
.tk-t { color: #ff9a8a; }                       /* 태그 · 구역 */
.tk-a { color: #8fd8ff; }                       /* 속성 · 키 */
.tk-p { color: #c7a8ff; }                       /* 전처리(#include) */
.tk-d { color: #ffd479; }                       /* 데코레이터 */