/*
 * รูปประกอบข้อสอบ (คลังข้อสอบ qb_questions.media_json → figure.svg)
 * รูปวาดด้วย scripts/question_bank/figlib.py และใช้ class เหล่านี้แทนสีที่ใส่ตรง ๆ
 * ใช้ร่วมกัน: หน้าทำข้อสอบ, หน้าจัดการคลังข้อสอบ, และสคริปต์แปลงรูปเป็นภาพให้ผู้ตรวจ AI
 * หน้าตาอนุมัติแล้ว: https://claude.ai/artifact/C4o7UMEtX276JskxMeCU7Z
 */
.qb-fig {
    --fig-bg: var(--bg-sub, #F6F5F5);
    --fig-paper: var(--surface, #FFFFFF);
    --fig-ink: var(--text-main, #1F1E1D);
    --fig-sub: var(--gray-500, #716C69);
    --fig-grid: var(--gray-200, #D2D0CF);
    --fig-acc: var(--brand-500, #FC4013);
    --fig-on-acc: #FFFFFF;
    --fig-c1: var(--brand-400, #FE6739);
    --fig-c2: var(--warning-400, #EDBA22);
    --fig-c3: var(--info, #0284C7);
    --fig-c4: var(--gray-300, #B3AFAD);
    --fig-soft: var(--brand-100, #FFE4D4);
    --fig-n: var(--gray-100, #E7E6E6);
    --fig-leaf: var(--success-500, #22C55E);
    --fig-stem: var(--success-700, #15803C);
    background: var(--fig-bg);
    border-radius: var(--radius-md, 12px);
    padding: 14px 10px;
    display: flex;
    justify-content: center;
}
.qb-fig svg { max-width: 100%; height: auto; display: block; overflow: visible; }
.qb-fig text { font-family: 'Anuphan', sans-serif; }
.qb-fig .f-ink { stroke: var(--fig-ink); }
.qb-fig .f-acc { stroke: var(--fig-acc); }
.qb-fig .f-grid { stroke: var(--fig-grid); }
.qb-fig .f-ts-stroke { stroke: var(--fig-sub); }
.qb-fig .f-stem { stroke: var(--fig-stem); }
.qb-fig .f-paper-stroke { stroke: var(--fig-bg); }
.qb-fig .f-t { fill: var(--fig-ink); }
.qb-fig .f-ts { fill: var(--fig-sub); }
.qb-fig .f-ta { fill: var(--fig-acc); }
.qb-fig .f-on-acc { fill: var(--fig-on-acc); }
.qb-fig .f-ink-fill { fill: var(--fig-ink); }
.qb-fig .f-c1 { fill: var(--fig-c1); }
.qb-fig .f-c2 { fill: var(--fig-c2); }
.qb-fig .f-c3 { fill: var(--fig-c3); }
.qb-fig .f-c4 { fill: var(--fig-c4); }
.qb-fig .f-soft { fill: var(--fig-soft); }
.qb-fig .f-n { fill: var(--fig-n); }
.qb-fig .f-paper { fill: var(--fig-paper); }
.qb-fig .f-leaf { fill: var(--fig-leaf); }
.qb-fig .f-halo { stroke: var(--fig-paper); stroke-width: 5px; stroke-linejoin: round; paint-order: stroke; }