/* ─────────────────────────────────────────────────────────────
   방그레쌤 공통 옷 (안쪽 페이지용) — 메인(banggrae.com)과 같은 노랑 노트 톤
   · 모든 안쪽 페이지 <head> 맨 끝에서 불러와요. 이 파일만 고치면 전체가 같이 바뀌어요.
   · 페이지 안의 내용과 기능(복사·좋아요·코치·체크·문제 풀이)은 건드리지 않아요.
   ───────────────────────────────────────────────────────────── */
:root{
  --bgr-paper:#FFF8EE; --bgr-card:#FFFEF9; --bgr-ink:#2A2723; --bgr-brown:#3D2218; --bgr-soft:#6F6A62;
  --bgr-yellow:#FFC845; --bgr-gold:#FDD24C; --bgr-line:#E8E1D2; --bgr-line2:#D9CFBE; --bgr-amber:#A05A12; --bgr-tag:#F6EEDF;
  --bgr-grid:rgba(61,34,24,.07);
  --bgr-font:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  color-scheme:light;
}

/* 글꼴: 전부 Pretendard (코드·수식 글꼴은 그대로) */
body.bgr, body.bgr *:not(code):not(pre):not(kbd):not(samp):not(.mono):not([class*="mono"]){font-family:var(--bgr-font)!important}

/* 바탕: 메인과 같은 크림 모눈 */
body.bgr{background-color:var(--bgr-paper)!important;
  background-image:linear-gradient(var(--bgr-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bgr-grid) 1px,transparent 1px)!important;
  background-size:28px 28px!important;color:var(--bgr-ink)}

/* 로고 (모든 페이지 공통) */
.bgr-brand{display:inline-flex!important;align-items:center;gap:9px;text-decoration:none!important;color:var(--bgr-brown)!important;font-weight:800!important;font-size:17px!important;white-space:nowrap}
.bgr-brand .bgr-mark{width:32px;height:32px;flex:none;border:2.5px solid var(--bgr-ink);border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:14px;background:var(--bgr-yellow);color:var(--bgr-brown);line-height:1}
.bgr-brand small{display:block;font-size:12px;font-weight:600;color:var(--bgr-soft)}
.bgr-brand b{color:var(--bgr-brown)}

/* 공통 하단 */
.bgr-ft{margin-top:56px;border-top:2px solid var(--bgr-ink);background:var(--bgr-card);position:relative;text-align:left}
.bgr-ft::before{content:"";position:absolute;top:-6px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bgr-yellow),var(--bgr-gold),var(--bgr-yellow))}
.bgr-ft .bgr-wrap{max-width:1080px;margin:0 auto;padding:22px max(20px,env(safe-area-inset-right,0px)) 26px max(20px,env(safe-area-inset-left,0px))}
.bgr-menus{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:14px;font-weight:700}
.bgr-menus a{color:var(--bgr-soft)!important;text-decoration:none!important;border-bottom:1.5px solid var(--bgr-yellow)}
.bgr-menus a:hover{color:var(--bgr-brown)!important}
.bgr-fbot{display:flex;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin-top:16px;font-size:13.5px;color:var(--bgr-soft);line-height:1.6}
.bgr-fbot b{color:var(--bgr-brown);font-size:16px;margin-right:8px}
.bgr-fbot .bgr-wm{font-size:12px;font-weight:800;color:#B5AFA3}

/* ① 워크북 가족 (11쪽) — 하늘색 → 노랑·브라운, 다크 모드 없이 메인과 같은 한 가지 모습 */
body.bgr-wb{--paper:#FFF8EE;--card:#FFFEF9;--ink:#2A2723;--muted:#6F6A62;--line:#E8E1D2;--accent:#3D2218;--accent-ink:#FFFFFF;--soft:#F6EEDF;--hl:#FFD873;--hl-ink:#2A2723;--ok:#11A350;
  --charcoal:#2A2723;--sky:#FFC845;--yellow:#FFC845}
body.bgr-wb .top{background:rgba(255,248,238,.96)!important;border-bottom:2px solid var(--bgr-ink)!important}
body.bgr-wb .eyebrow{background:rgba(255,200,69,.45)!important;color:var(--bgr-brown)!important}
body.bgr-wb .hero h1{color:var(--bgr-brown);letter-spacing:-.02em}
body.bgr-wb .btn.pri{background:var(--bgr-ink)!important;border-color:var(--bgr-ink)!important;color:#FFFFFF!important}
body.bgr-wb .nav button.on{background:var(--bgr-yellow)!important}
body.bgr-wb mark.b{background:var(--bgr-tag)!important;color:var(--bgr-brown)!important}
body.bgr-wb .tplbox{background:var(--bgr-card)!important}
body.bgr-wb .banner{background:var(--bgr-brown)!important}
body.bgr-wb .cat,body.bgr-wb .pc,body.bgr-wb .site,body.bgr-wb .box{background:var(--bgr-card)}
body.bgr-wb .cat.hot{background:var(--bgr-yellow)!important}

/* ② 선생님 학교급 안내 */
body.bgr-hub{--accent-deep:#3D2218;--accent-soft:#F6EEDF;--ink:#2A2723;--bgcream:#FFF8EE}
body.bgr-hub .bar{background:rgba(255,248,238,.96)!important;border-bottom:2px solid var(--bgr-ink)!important}

/* ③ AI 도구 도감 — 페이지 자체 스타일을 메인 톤으로 다시 씀 (2026-11-09) */

/* ④ 자격증 가족 (8쪽) — 하늘색 → 노랑·앰버, 다크 모드 없이 한 가지 모습 */
body.bgr-cert{--sky:#FFC845;--sky-soft:#FFF3D1;--sky-deep:#A05A12;--brown:#3D2218;--cream:#FFF8EE;--paper:#FFFEF9;--yellow:#FDD24C;--green:#11A350;--green-soft:#E2F5EA;--red:#D9483B;--red-soft:#FCE9E6;--line:#E8E1D2;--muted:#6F6A62;--fg:#2A2723}
body.bgr-cert .top{background:rgba(255,248,238,.96)!important;border-bottom:2px solid var(--bgr-ink)!important}
body.bgr-cert .crumb a{color:var(--bgr-brown)}

/* 좋아요 버튼: 프롬프트별 집계를 다시 붙일 때까지 숨김 (2026-11-09) */
body.bgr .like{display:none!important}

/* 도감: 상표 안내 문구 */
.bgr-note{max-width:1080px;margin:28px auto 0;padding:0 20px;font-size:12.5px;color:var(--bgr-soft);text-align:center}

/* 점검 후 보강 (2026-11-09) */
body.bgr-hub .eyebrow{background:rgba(255,200,69,.45)!important;color:var(--bgr-brown)!important}
body.bgr-cert h1,body.bgr-cert h2,body.bgr-cert h3,body.bgr-cert .lib-hero h1 em{font-weight:800!important;letter-spacing:-.01em}
body.bgr-cert h1{color:var(--bgr-brown)}