/* 주제별 유료 PDF (shared/book.js) — 인쇄 전용. 2026-10-11 v2
 * 사장님 피드백 v1→v2: 배경이 너무 밝다 → 오행색이 섞인 차분한 톤 / 2단 → 1단으로 옆으로 길게 / 항목 사이 약간의 여백 / 워터마크 제거 */
@media print{
  @page{size:A4;margin:10mm 11mm 12mm;
    @bottom-left{content:"Palja";font:600 7.5pt 'Bricolage Grotesque',sans-serif;color:#7d8391}
    @bottom-right{content:counter(page);font:600 7.5pt 'Bricolage Grotesque',sans-serif;color:#7d8391}}
  html:has(body.bookmode),body.bookmode{background:transparent !important}
  body.bookmode #report{color:#1b1d24}
  .bk{--wood:#1d9a62;--fire:#ec4b3b;--earth:#d4920f;--metal:#62748d;--water:#2a67d4;
    --ink:#1b1d24;--mute:#596070;--line:color-mix(in srgb,var(--a) 18%,#d5d9e1);
    --panel:color-mix(in srgb,var(--a) 3%,#f5f6f9);
    font:11pt/1.66 'Karla',sans-serif;color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .bk *{box-sizing:border-box}
  .bk p{margin:0 0 .6em;orphans:3;widows:3}
  .bk p:last-child{margin-bottom:0}
  .bk h1,.bk h2,.bk h3{font-family:'Bricolage Grotesque',sans-serif;margin:0}

  .bk-cover{display:grid;grid-template-columns:1fr auto;gap:8mm;align-items:end;
    background:linear-gradient(125deg,var(--a) 0%,color-mix(in srgb,var(--a) 62%,#0b0d14) 100%);color:#fff;border-radius:5mm;padding:9mm 9mm 8mm}
  .bk-kick{font:700 7.8pt 'Bricolage Grotesque',sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin:0 0 2mm}
  .bk-cover h1{font-size:32pt;line-height:1.02;letter-spacing:-.02em;font-weight:700}
  .bk-sub{font-weight:700;margin:2mm 0 0;font-size:10pt}
  .bk-quote{font:italic 500 12pt/1.3 'Bricolage Grotesque',sans-serif;margin:4mm 0 0;opacity:.95}
  .bk-pils{display:grid;grid-template-columns:repeat(4,18mm);gap:2.2mm}
  .bk-pil{background:#fff;color:var(--ink);border-radius:3mm;padding:2mm 1mm 1.8mm;text-align:center;display:flex;flex-direction:column;align-items:center}
  .bk-pil small{font:700 6.4pt 'Bricolage Grotesque',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
  .bk-pil b{display:block;font:600 20pt/1.1 'Noto Serif KR',serif;color:var(--c)}
  .bk-pil span{font-size:6.6pt;color:var(--mute);line-height:1.15;margin-top:.6mm}
  .bk-pil.unk b{color:#c3c7cf}

  .bk-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:4mm 0 5mm;background:var(--panel);border-radius:3mm;overflow:hidden}
  .bk-stats div{padding:2.2mm 3mm;border-left:1pt solid var(--line)}
  .bk-stats div:first-child{border-left:0}
  .bk-stats small{display:block;font:700 6.4pt 'Bricolage Grotesque',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
  .bk-stats b{font:700 10.5pt 'Bricolage Grotesque',sans-serif;text-transform:capitalize}

  /* 1단 — 장마다 패널, 패널 사이 여백 */
  .bk-flow{display:block}
  .bk-ch{background:var(--panel);border-radius:3.5mm;padding:6mm 7mm;margin:0 0 4.5mm;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .bk-h{display:flex;align-items:baseline;gap:2.4mm;font-size:16.5pt;line-height:1.1;letter-spacing:-.01em;font-weight:700;margin:0 0 3.4mm;break-after:avoid}
  .bk-h b{font-size:8.5pt;color:#fff;background:var(--a);border-radius:9mm;padding:.6mm 2mm;letter-spacing:.04em;position:relative;top:-.6mm}
  .bk h3{font-size:11.4pt;font-weight:700;margin:0 0 1mm;break-after:avoid}
  .bk h3 small{font:500 7.6pt 'Karla',sans-serif;color:var(--mute);margin-left:1.8mm}
  .bk-item{break-inside:avoid;margin-bottom:3.2mm}
  .bk-item:last-child{margin-bottom:0}
  .bk-lead{font-weight:600}

  .bk-letter p{font:italic 500 12pt/1.62 'Bricolage Grotesque',sans-serif;color:color-mix(in srgb,var(--a) 40%,var(--ink))}
  .bk-letter p.dear{font-style:normal;font-weight:700}
  .bk-ask{margin-top:1.6mm !important;padding:2mm 3mm;border-radius:2mm;background:#fff;font-weight:600}

  .bk-el{break-inside:avoid;margin-bottom:3.4mm;padding-left:3mm;border-left:2.4pt solid var(--c)}
  .bk-el:last-child{margin-bottom:0}
  .bk-el-h{display:flex;align-items:center;gap:1.8mm;margin-bottom:.8mm}
  .bk-el-h b{font:700 10.2pt 'Bricolage Grotesque',sans-serif}
  .bk-hz{font:600 12pt/1 'Noto Serif KR',serif;color:var(--c)}
  .bk-pips{margin-left:auto;display:flex;gap:.9mm}
  .bk-pips i{width:2.6mm;height:2.6mm;border-radius:50%;background:var(--c)}
  .bk-pips em{font-size:7.4pt;color:var(--mute)}

  .bk-dec{display:grid;grid-template-columns:13mm 1fr;gap:3mm;break-inside:avoid;margin-bottom:3mm}
  .bk-dec:last-child{margin-bottom:0}
  .bk-dec-age{background:var(--c);color:#fff;border-radius:2.2mm;text-align:center;padding:1.6mm 0;align-self:start}
  .bk-dec-age b{display:block;font:700 12pt/1 'Bricolage Grotesque',sans-serif}
  .bk-dec-age span{font-size:6.6pt;opacity:.9}
  .bk-dec p{margin:0}
  .bk-dec.now{background:color-mix(in srgb,var(--a) 11%,#fff);border-radius:2.6mm;padding:2.4mm;margin-left:-2.4mm;margin-right:-2.4mm}
  .bk-dec.now h3 small{color:var(--a);font-weight:700}

  .bk-yr{break-inside:avoid;margin-bottom:3.6mm}
  .bk-yr:last-child{margin-bottom:0}
  .bk-yr-h{display:flex;align-items:baseline;gap:2.4mm;margin-bottom:.8mm}
  .bk-yr-h b{font:800 19pt/1 'Bricolage Grotesque',sans-serif;color:var(--c)}
  .bk-yr-h span{font-weight:700;font-size:8.6pt}
  .bk-yr-h em{margin-left:auto;font:700 6.8pt 'Bricolage Grotesque',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:.6mm 1.8mm;border-radius:9mm}
  .bk-yr-h em.up{background:color-mix(in srgb,var(--wood) 18%,#fff);color:#13704a}
  .bk-yr-h em.dn{background:color-mix(in srgb,var(--fire) 15%,#fff);color:#b23526}

  .bk-months{display:grid;grid-template-columns:repeat(4,1fr);gap:2mm}
  .bk-months div{background:#fff;border-radius:2.2mm;padding:2mm 2.4mm;break-inside:avoid}
  .bk-months b{font:700 8.8pt 'Bricolage Grotesque',sans-serif;display:block}
  .bk-months span:not(.bk-dots){display:block;font-size:8pt;color:var(--mute);line-height:1.3;margin-top:.6mm}
  .bk-dots{display:inline-flex;gap:.7mm;margin-top:.6mm}
  .bk-dots i{width:2mm;height:2mm;border-radius:50%;border:.7pt solid var(--a)}
  .bk-dots i.on{background:var(--a)}


  .bk-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:2mm;break-inside:avoid;margin-top:2mm}
  .bk-kit div{background:color-mix(in srgb,var(--c) 13%,#fff);border-radius:2.2mm;padding:2mm 2.6mm}
  .bk-kit div:nth-child(5){grid-column:span 2}
  .bk-kit div:last-child{grid-column:1/-1}
  .bk-kit small{display:block;font:700 6.6pt 'Bricolage Grotesque',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
  .bk-kit b{font-size:9.2pt;line-height:1.35}

  .bk-map{display:block}   /* 그리드면 통째로 다음 쪽으로 밀려 빈칸이 생긴다 → 그림을 띄우고 글이 흘러 넘어가게 */
  .bk-map svg{float:left;width:62mm;height:62mm;background:#fff;border-radius:3mm;margin:0 6mm 2mm 0}
  .bk-map::after{content:'';display:block;clear:both}
  .bk-mute{font-size:8.6pt;color:var(--mute)}
  .bk-prompts{margin:2mm 0 0;padding-left:6mm}
  .bk-prompts li{margin-bottom:2mm;font:italic 500 11.4pt/1.5 'Bricolage Grotesque',sans-serif;break-inside:avoid}
  .bk-img{display:block;width:100%;height:55mm;object-fit:cover;border-radius:2.6mm;margin:0 0 3.6mm;break-inside:avoid}
  .bk-chart{display:block;width:100%;height:auto;break-inside:avoid;margin:1mm 0 2.4mm}
  .bk-keep{break-inside:avoid}
  .bk-whole{break-inside:avoid}
  .bk-cap{margin:-.6mm 0 3.4mm !important;font-size:8.2pt}
  .bk-zw{max-width:158mm;margin:0 auto 3.4mm;break-inside:avoid}
  .bk-wheelrow{display:grid;grid-template-columns:78mm 1fr;gap:5mm;align-items:center}
  .bk-wheelrow .bk-chart{margin:0}
  .bk-key{display:flex;flex-wrap:wrap;gap:2mm 5mm;font-size:8.6pt;color:var(--mute);margin:0 !important}
  .bk-key i{display:inline-block;width:2.8mm;height:2.8mm;border-radius:50%;margin-right:1.4mm;vertical-align:-.3mm}
  .bk-lens{break-inside:avoid;margin-bottom:3.4mm;padding-left:3mm;border-left:2.4pt solid var(--a)}
  .bk-end{margin:0;padding:0 2mm;font-size:7.6pt;line-height:1.5;color:var(--mute)}
}