/* 국복 김해담 전통 평생사주 — 장마다 붙는 '더 깊이 들여다보기'(server/haedam/deep/build.py) 꾸밈.
   사주첩과 같은 한지 바탕·먹색 글씨·금빛 선. 기존 틀(bk-part·bk-four·bk-table·bk-jobs)은 theme-simple.css 그대로 쓴다 */
#reader .chapter .bk-deep{margin:30px 0 0;padding:22px 0 0;border-top:2px solid #1c161033}
#reader .chapter .bk-deep-lead{margin:0 0 6px;font:15px/1.8 var(--rserif);color:#4a3b28}
#reader .chapter .bk-deep .bk-table-w{margin:10px 0 0}
#reader .chapter .bk-deep .bk-table caption{caption-side:top;text-align:left;font:700 14px/1.6 var(--rserif);color:#1c1610;padding:0 0 6px}
#reader .chapter .bk-deep .bk-table td small,#reader .chapter .bk-deep .bk-table th small{color:#76664c;font-weight:400}
#reader .chapter .bk-deep .bk-table td:first-child{white-space:nowrap;font-weight:700;font-size:13px}
#reader .chapter .bk-deep .bk-table th,#reader .chapter .bk-deep .bk-table td{padding:8px 5px;vertical-align:top;word-break:keep-all;font-size:14px}
#reader .chapter .bk-deep .bk-four li span{min-width:0}
#reader .chapter .bk-deep .hx{font-weight:700}
/* 사주 상식 상자 — 찢은 종이처럼 톱니 위선 */
#reader .chapter .bk-lore{position:relative;margin:28px 0 6px;padding:20px 16px 14px;background:#e6dcc2}
#reader .chapter .bk-lore:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:linear-gradient(-45deg,#e6dcc2 4px,transparent 0) 0 0/12px 8px repeat-x,linear-gradient(45deg,#e6dcc2 4px,transparent 0) 0 0/12px 8px repeat-x}
#reader .chapter .bk-lore-k{margin:0;font:700 11.5px var(--rsans);letter-spacing:2px;color:#8a6a3a}
#reader .chapter .bk-lore h3{margin:4px 0 10px;font:700 17px/1.5 var(--rserif);color:#1c1610}
#reader .chapter .bk-lore h3:before{display:none!important}
#reader .chapter .bk-lore h4{margin:12px 0 4px;font:700 14.5px/1.5 var(--rsans);color:#2a2117}
#reader .chapter .bk-lore p{margin:0;font:14.5px/1.8 var(--rsans);color:#3a2e20}
/* 타고난 힘 다섯 칸 눈금 */
#reader .chapter .bk-scale{list-style:none;margin:6px 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
#reader .chapter .bk-scale:before{content:"";position:absolute;left:10%;right:10%;top:8px;height:2px;background:#1c161026}
#reader .chapter .bk-scale li{position:relative;display:grid;justify-items:center;gap:4px;font:12px/1.4 var(--rsans);color:#6a5a42;text-align:center}
#reader .chapter .bk-scale i{width:16px;height:16px;border-radius:50%;background:#f1e8d2;border:2px solid #1c161040}
#reader .chapter .bk-scale li.on{color:#1c1610;font-weight:700}
#reader .chapter .bk-scale li.on i{background:#8a2c1f;border-color:#8a2c1f}
/* 시기별 재물 기운 막대 */
#reader .chapter .bk-wealth{margin:18px 0 0;padding:14px 14px 10px;border:1px solid #1c16101f;background:#efe5cc}
#reader .chapter .bk-wealth figcaption{font:700 15px/1.5 var(--rserif);color:#1c1610;text-align:center}
#reader .chapter .bk-wealth ol{list-style:none;margin:10px 0 0;padding:0;height:130px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;border-bottom:1px solid #1c161040}
#reader .chapter .bk-wealth li{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
#reader .chapter .bk-wealth li i{display:block;width:60%;max-width:46px;background:linear-gradient(#c9a057,#8a6a3a);border-radius:3px 3px 0 0}
#reader .chapter .bk-wealth li span{position:absolute;bottom:-22px;font:12.5px var(--rsans);color:#4a3b28}
#reader .chapter .bk-wealth-n{margin:30px 0 0;font:12.5px/1.6 var(--rsans);color:#6a5a42}
/* 돈 불리는 방식 순위 */
#reader .chapter .bk-rank{margin:0;padding:0 0 0 2px;list-style:none;display:grid;gap:8px}
#reader .chapter .bk-rank li{font:15px/1.75 var(--rserif);color:#2a2117}
#reader .chapter .bk-rank b{display:block;color:#7a2c1f}
#reader .chapter .bk-note{margin:12px 0 0;font:12.5px/1.6 var(--rsans);color:#6a5a42}
/* 다른 상품 안내 */
#reader .chapter .bk-banner{display:block;margin:20px 0 0;padding:14px 16px;border-radius:10px;background:#1c1610;color:#ece0c4;text-decoration:none}
#reader .chapter .bk-banner span,#reader .chapter .bk-banner b,#reader .chapter .bk-banner em{display:block}
#reader .chapter .bk-banner span{font:12px var(--rsans);color:#d2b77f}
#reader .chapter .bk-banner b{font:700 17px/1.5 var(--rserif);margin:2px 0;color:#ece0c4}
#reader .chapter .bk-banner em{font:normal 13px var(--rsans);color:#d2b77f;text-align:right}
@media(max-width:380px){#reader .chapter .bk-scale li{font-size:11px}#reader .chapter .bk-wealth ol{gap:8px}}